/*  
Theme Name: epicon
Theme URI: http://www.indonez.com/
Description: Multipurpose Wordpress Theme
Author: Indonez
Author URI: http://themeforest.net/user/indonez
Version: 2.0
Tags: fixed-layout, translation-ready, custom-menu, two-columns, featured-images
License: GNU General Public License and Themeforest general license
License URI:
*/

/*
[Table of contents]
1. 	Global
	- Datepicker
	- List
	- Button
	- Input Form
2.	Header
3. 	Navigation
4. 	Header Inner Page
5. 	Slideshow
6. 	Blog
	- Video Post
	- Gallery Post
    - Audio Post
    - Link Post
    - Social Sharing
    - Comment list
7.	Content
	- Panel Subscribe
	- Portfolio Single page
	- Contact page
	- Sitemap page
	- Scroll Up
8.	Wordpress Styling
9.	Sidebar
10.	Footer
*/

@charset "utf-8";

/* ====================================================== Global ======================================================*/
html, body {
  height: 100%;
}

body {
  background: #fff;
  color: #848484;
  padding: 0;
  margin: 0;
  font: 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 26px;
  position: relative;
  z-index: 0;
  cursor: default;
  overflow-x: hidden;
}

a {
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  color: #ff8d2c;
  text-decoration: none;
}

a:hover {
  color: #ffb678;
}

#content-wrapper a {
  font-weight: bold;
}

#content-wrapper .widget_area a {
  font-weight: normal;
}

.widget_area {
  font-size: 14px;
}

::selection {
  background: #ffa95f;
  color: #fff;
}

::-moz-selection {
  background: #ffa95f;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #434343;
}

.row {
  max-width: 1160px !important;
}

.container, .container-fluid {
  padding: 40px 0;
}

.has-revolution-slider .container, .has-revolution-slider .container-fluid{
  padding: 0 0;
}

.clear {
  clear: both;
}

p.lead {
  font-size: 22px;
  font-family: 'Goudy Bookletter 1911', serif;
  line-height: 32px;
}

.highlight {
  padding: 2px 5px 3px 5px;
  background: #ff8d2c;
  color: #fff;
  vertical-align: baseline;
}

hr {
  background: #dedede;
}

.inner-container {
  *zoom: 1;
  margin: 0 30px;
}
.inner-container:before, .inner-container:after {
  content: " ";
  display: table;
}
.inner-container:after {
  clear: both;
}

.epicon-italic {
  font-family: Georgia, serif;
  font-style: italic;
}

.epicon-color, .dotcolor {
  color: #ff8d2c;
}

.epicon-shadow {
  -webkit-box-shadow: 3px 3px 0px 0px #f2f2f2;
  -moz-box-shadow: 3px 3px 0px 0px #f2f2f2;
  box-shadow: 3px 3px 0px 0px #f2f2f2;
}

.epicon-strong {
  font-weight: 800;
  text-transform: uppercase;
}

.epicon-img-box {
  background: #F4F2EF url(images/pattern-img-box.png) repeat repeat;
  padding: 14px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dedede;
}

.parallax {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover !important;
  background-attachment: fixed !important;
}

#main-container {
  background: #fff;
  *zoom: 1;
}
#main-container:before, #main-container:after {
  content: " ";
  display: table;
}
#main-container:after {
  clear: both;
}
#main-container.boxed {
  width: 1180px;
  height: auto;
  position: relative;
  margin: 20px auto;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.no-padding {
  padding: 0;
}

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

.img-circle {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.img-left {
  float: left;
  border: none;
  margin: 3px 16px 11px 0;
}

.img-right {
  float: right;
  border: none;
  margin: 3px 0 11px 16px;
}

.img-center {
  display: block;
  margin: 5px auto 11px;
}

.inline-list {
  margin-left: 0;
}
.inline-list li {
  display: inline;
  margin-right: 30px;
}

.dropcap {
  font-family: "Raleway", sans-serif;
  text-align: center;
  font-size: 46px;
  color: #434343;
  float: left;
  margin: 14px 17px 12px 0;
  padding: 0;
}
.dropcap.circle, .dropcap.square {
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 38px;
  line-height: 48px;
  margin: 8px 12px 0 0;
  background: #ff8d2c;
}
.dropcap.circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

pre, code {
  display: block;
  padding: 12px 16px 12px 16px;
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 19px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #d3d3d3;
  background: url(images/pre_bg.gif) repeat 0px -8px;
  font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
  color: #8c8c8c;
}

blockquote {
  font-family: "Goudy Bookletter 1911", serif;
  font-size: 18px;
  line-height: 28px;
  font-style: italic;
  padding: 5px 0 0 32px;
  color: #b3b3b3;
}
blockquote:before {
  font-size: 16px;
  left: 1px;
  top: 3px;
  color: #c8c8c8;
  font-style: normal;
}
blockquote cite {
  font-size: 18px;
  font-style: normal;
  margin-top: 24px;
  display: inline-block;
}
blockquote cite:before {
  width: 13px;
  background-color: #b3b3b3;
}
blockquote p {
  font-size: 18px;
  color: #a1a0a0;
}



/* Datepicker */
.datepicker {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 10px 20px 16px 20px;
  margin: -26px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.datepicker thead {
  font-weight: bold;
}
.datepicker td, .datepicker th {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background: #ff8d2c;
  *background-color: #ff8d2c;
}
.datepicker td span {
  width: 54px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled],
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  background: #ff8d2c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* List */
.list-number {
  margin-left: 1.5em;
}

.list-circle-check {
  list-style-type: none;
}
.list-circle-check li:before {
  font-family: 'WebHostingHub-Glyphs';
  content: '\f471';
  margin-right: 9px;
  position: relative;
  top: 0px;
  float: left;
  font-size: 11px;
}
.list-circle-check ul {
  margin-bottom: 0 !important;
}
.list-circle-check ul li {
  list-style-type: none;
}
.list-circle-check li, .list-circle-check a {
  color: inherit;
}
.list-circle-check a:hover {
  color: #ffa95f;
}
.list-circle-check ul {
  margin-left: 1.25em;
}

.list-arrow {
  list-style-type: none;
}
.list-arrow li:before {
  font-family: 'WebHostingHub-Glyphs';
  content: '\f488';
  margin-right: 9px;
  position: relative;
  top: 0px;
  float: left;
  font-size: 11px;
}
.list-arrow ul {
  list-style: none;
  margin-left: 1.25em;
  margin-bottom: 0 !important;
}
.list-arrow li, .list-arrow a {
  color: inherit;
}
.list-arrow a:hover {
  color: #ffa95f;
}

.list-arrow-circle {
  list-style-type: none;
}
.list-arrow-circle li:before {
  font-family: 'WebHostingHub-Glyphs';
  content: '\f3c9';
  margin-right: 9px;
  position: relative;
  top: 0px;
  float: left;
  font-size: 12px;
}
.list-arrow-circle ul {
  list-style: none;
  margin-left: 1.25em;
  margin-bottom: 0 !important;
}
.list-arrow-circle li, .list-arrow-circle a {
  color: inherit;
}
.list-arrow-circle a:hover {
  color: #ffa95f;
}

.no-bullet {
  list-style: none;
}
.no-bullet ul {
  list-style: none;
  margin-left: 1.25em;
  margin-bottom: 0 !important;
}

.disc {
  margin-left: 1.25em;
}
.disc ul {
  margin-left: 1.25em;
  margin-bottom: 0 !important;
}

.square {
  margin-left: 1.25em;
  list-style: square;
}
.square ul {
  list-style: square;
  margin-left: 1.25em;
  margin-bottom: 0 !important;
}

/* Button */
.button-detail {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  line-height: 11px;
  color: #888888;
  border-left: 2px solid #eaeaea;
  border-right: 2px solid #eaeaea;
  padding: 12px 26px;
  position: relative;
}
.button-detail:hover {
  color: #ffa95f;
}

.button.button-group {
  text-transform: none;
  position: relative;
  margin-right: 38px;
}
.button.button-group span {
  font-weight: normal;
  background: #ff7f13;
  height: 45px;
  width: 45px;
  position: absolute;
  top: -1px;
  text-align: center;
  line-height: 45px;
  left: 100%;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.button.button-group i {
  margin-left: 0;
  top: 0px;
}
.button.button-group:hover span, .button.button-group:focus span, .button.button-group:active span, .button.button-group.active span {
  background: #ffa95f;
}
.button.button-group.small {
  font-size: 12px;
  padding: 9px 14px;
}
.button.button-group.small span {
  width: 38px;
  height: 38px;
  line-height: 38px;
}
.button.button-group.large span {
  width: 53px;
  height: 53px;
  line-height: 53px;
}

/* Input form */
.input-group, .form-group {
  margin-bottom: 26px;
}

.input-group-addon {
  font-size: 13px;
  color: #bebebe;
}

.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"], textarea, select {
  font-family: "Open Sans", sans-serif;
  border-color: #dedede;
  font-size: 14px;
  font-weight: normal;
  border-color: #dadada;
  color: #777;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
  border-color: #ff8d2c;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 141, 44, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 141, 44, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 141, 44, 0.6);
}
.form-control::-moz-placeholder {
  color: #989898;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #989898;
}
.form-control::-webkit-input-placeholder {
  color: #989898;
}

textarea.form-control {
  font-family: "Open Sans", sans-serif;
}

/* ====================================================== Header ======================================================*/
header {
  position: relative;
}

.header-info {
  font-size: 13px;
  font-weight: 300;
  color: #999999;
  display: inline-block;
  float: right;
}
#main-container.boxed{position:relative;}
#main-container.boxed .header-info{margin:0px 0px; right:0}

.header-info i {
  position: relative;
  top: 1px;
  margin-right: 4px;
  font-size: 11px;
}
.header-info ul {
  margin-bottom: -1px;
}
.header-info ul li {
  border-right: 1px solid #dedede;
  display: inline-block;
  padding: 18px 0 0;
  margin-right: 0;
}
.header-info .left-info {
  float: left;
}
.header-info .left-info li:last-child {
  border-right: none;
}
.header-info .right-info {
  float: right;
  color: #989898;
  height: 53px;
}
.header-info .right-info li {
  border: none;
}
.header-info .language-flag {
  text-transform: uppercase;
  font-size: 16px;
}
.header-info .language-flag:first-child:after {
  content: '|';
  margin: 0 5px;
}

.login-container {
  border-right: 1px solid #dedede !important;
  border-left: 1px solid #dedede !important;
}

.login-form-container {
  display: none;
  min-width: 450px;
  padding: 30px;
  position: relative;
}
.login-form-container h4 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
.login-form-container .button {
  margin-bottom: 0;
}
.login-form-container .checkbox {
  margin: 0;
}
.login-form-container .checkbox_flat {
  color: #ff8d2c;
  top: -6px;
}
.login-form-container .input-group:last-child {
  margin-bottom: 0;
}

.login {
  color: inherit;
}
.login:hover {
  color: #ffa95f;
}

.search-container {
  margin-bottom: 0 !important;
  float: left;
}
.search-container .search-input {
  height: 28px;
  font-size: 13px;
  font-family: inherit;
  border: none;
  box-shadow: none;
  padding-right: 0;
  color: #989898;
  padding-top: 0;
  padding-bottom: 0;
  background: inherit;
}
.search-container .search-input:focus {
  border-color: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.search-container .input-group {
  margin-bottom: 0;
}
.search-container .input-group-addon {
  height: 28px;
  font-size: 12px;
  line-height: 25px;
  color: inherit;
}
.search-container .input-group-addon i {
  margin-right: 0;
}

.header-container {
  min-height: 125px;
  position: relative;
}

.logo-blog-description-container {
  display: inline-block;
  margin-top: 36px;
}

.logo-container {
  display: inline-block;
  margin-bottom: 5px;
}
.logo-container img {
  background: #ff8d2c;
  margin-right: 6px;
  width: 40px;
  height: 40px;
  vertical-align:middle;
}
.logo-container a {
  font-size: 30px;
  font-weight: 300;
  color: #85b0c9;
  text-transform: uppercase;
}

.blog-description-container {
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  color: #463f3e;
}

.social-icon {
  display: inline-block;
  float: right;
  padding: 43px 0;
}
.social-icon a {
  color: #686868;
}
.social-icon a:hover {
  color: #ffa95f;
}
.social-icon ul {
  margin-bottom: 0;
}
.social-icon ul li {
  margin-right: 20px;
}
.social-icon ul li:last-child {
  margin-right: 25px;
}
.social-icon.social-contact {
  float: left;
  padding-top: 0;
  font-size: 17px;
}

.social-icon.contact-page{padding:0;}

/*====================================================== Navigation ======================================================*/
.navigation-container {
  display: inline-block;
  float: right;
  height: 113px;
  width: 86px;
  text-align: center;
  background: #474747;
  margin-top: 1px;
}

.navigation-container img{
  width: 24px;
  height: 18px;
}

.menu-trigger {
  padding: 41px 0;
  height: 113px;
}
.menu-trigger i {
  position: relative;
  top: -7px;
}
.menu-trigger a {
  color: #ffffff;
}
.menu-trigger:hover {
  cursor: pointer;
}

.menu-container {
  clear: right;
  float: right;
  padding: 0 0 16px 0;
  z-index: 999;
  margin-top: 16px;
}

#menu {
  position: relative !important;
  z-index: 999;
  width: auto;
  float: left;
}

#menu ul {
  width: 12em;
}

/*====================================================== Header Inner Page ======================================================*/
.heading-title {
  margin-bottom: 28px;
  border:solid 1px;
  padding:0;
}
.heading-title.line {
  border-left: 2px solid #ff8d2c;
  padding-left: 13px;
}
.heading-title.bottom-line {
  border-left: none;
}
.heading-title.bottom-line .title {
  margin: 0 auto;
}
.heading-title.bottom-line:after {
  content: "";
  width: 96px;
  height: 4px;
  position: relative;
  display: inline-block;
  background: #ff8d2c;
}

header + #slideshow-container {
  margin-top: -2px;
  z-index: 88;
}

#page-header {
  padding-top: 0;
  padding-bottom: 0;
}
#page-header .inner-container {
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#page-header h1 {
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  line-height: 0.8em;
}
#page-header + section {
  padding-top: 50px;
}
#page-header .breadcrumb {
  background: #434343;
  display: inline-block;
  font-size: 12px;
  padding: 1px 13px;
  margin-top: 6px;
}
#page-header .breadcrumb a {
  color: #fff;
}
#page-header .breadcrumb li.active {
  color: #ff8d2c;
}
#page-header .breadcrumb li:hover a {
  color: #ff8d2c;
}
.breadcrumb {
  margin: 0px;
  list-style-type: none;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}

.breadcrumb > .current_item {
  color: #ff8d2c
}

/*====================================================== Slideshow ======================================================*/
#slideshow-container {
  padding: 0;
  margin: 0;
  float: left;
}
#slideshow-container .inner-container {
  position: relative;
}
#slideshow-container .tp-rightarrow.custom,
#slideshow-container .tp-leftarrow.custom {
  width: 44px;
  height: 40px;
  background: #fff;
  text-align: center;
  border-right: 4px solid #ff8d2c;
}
#slideshow-container .tp-rightarrow.custom:hover:before,
#slideshow-container .tp-leftarrow.custom:hover:before {
  color: #ffa95f;
}
#slideshow-container .tp-leftarrow.custom:before,
#slideshow-container .tp-rightarrow.custom:before {
  font-family: 'WebHostingHub-Glyphs';
  content: "\f489";
  position: relative;
  color: #434343;
  line-height: 40px;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
#slideshow-container .tp-rightarrow.custom:before {
  font-family: 'WebHostingHub-Glyphs';
  content: "\f488";
}

.idz-slideshow {
  width: 100%;
  height: 550px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  background:#000;
}
.idz-slideshow .tp-bannertimer {
  background: rgba(0, 0, 0, 0.1);
  height: 4px;
}

.idz-slideshow  h1{margin-bottom:0 !important;}
.idz-slideshow .slider1-caption1 h1, .idz-slideshow .slider1-caption2 h1,
.idz-slideshow .slider2-caption1 h1, .idz-slideshow .slider2-caption2 h1 {
  font-weight: 800;
  font-size: 60px;
  text-transform: uppercase;
}
.idz-slideshow .slider1-caption2 h1,
.idz-slideshow .slider2-caption2 h1 {
  opacity: 0.3;
}
.idz-slideshow .slider1-caption3 .texts,
.idz-slideshow .slider2-caption3 .texts{
  font-weight: 300;
  font-size: 18px;
  opacity: 0.35;
  color: #000;
}
.idz-slideshow .slider1-caption4 .button-slide1,
.idz-slideshow .slider1-caption4 .button-slide2,
.idz-slideshow .slider2-caption4 .button-slide1,
.idz-slideshow .slider2-caption4 .button-slide2,
.idz-slideshow .slider5-caption4 .button-slide1,
.idz-slideshow .slider5-caption4 .button-slide2 {
  text-transform: none;
  font-weight: bold;
  font-size: 14px;
  text-shadow: none;
  font-family: "Raleway", sans-serif;
  padding: 11px 17px;
  display: inline-block;
  line-height: 1.42857;
  background: #ff8d2c;
  color: #fff;
}
.idz-slideshow .slider1-caption4 .button-slide1 i,
.idz-slideshow .slider1-caption4 .button-slide2 i,
.idz-slideshow .slider2-caption4 .button-slide1 i,
.idz-slideshow .slider2-caption4 .button-slide2 i,
.idz-slideshow .slider5-caption4 .button-slide1 i,
.idz-slideshow .slider5-caption4 .button-slide2 i {
  font-weight: 300;
  margin-left: 3px;
  position: relative;
  top: 2px;
}
.idz-slideshow .slider1-caption4 .button-slide1:hover,
.idz-slideshow .slider1-caption4 .button-slide2:hover,
.idz-slideshow .slider2-caption4 .button-slide1:hover,
.idz-slideshow .slider2-caption4 .button-slide2:hover,
.idz-slideshow .slider5-caption4 .button-slide1:hover,
.idz-slideshow .slider5-caption4 .button-slide2:hover {
  background: #ffa95f;
}
.idz-slideshow .slider2-caption1 h1,
.idz-slideshow .slider2-caption2 h1,
.idz-slideshow .slider2-caption3 div.texts{
  color: #fff;
}
.idz-slideshow .slider3-box {
  background: rgba(255, 169, 95, 0.6);
  width: 100%;
  height: 115px;
}
.idz-slideshow .slider3-caption1, .idz-slideshow .slider3-caption2 {
  font-family: "Raleway", sans-serif;
  font-size: 60px !important;
  text-transform: uppercase;
  color: #fff;
}
.idz-slideshow .slider3-caption2 {
  font-weight: 800;
}
.idz-slideshow .slider4-caption1 h1 {
  font-family: "Raleway", sans-serif;
  font-size: 72px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
}
.idz-slideshow .slider4-caption2 h1 {
  font-family: "Raleway", sans-serif;
  font-size: 88px;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
}
.idz-slideshow .slider4-caption3 p {
  font-weight: 300;
  font-size: 18px;
  text-align: right;
  color: rgba(255, 255, 255, 0.35);
}
.idz-slideshow .slider4-caption4 span {
  font-family: "Raleway", sans-serif;
  font-size: 180px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 800;
  text-transform: uppercase;
}
.idz-slideshow .slider5-caption1,
.idz-slideshow .slider5-caption2 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 200px;
}
.idz-slideshow .slider5-caption2 {
  font-size: 60px;
  color: #fff;
}
.idz-slideshow .slider5-caption3 p {
  font-size: 18px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.35);
}
.idz-slideshow .slider5-caption4 .button-slide2 {
  position: relative;
  height: 45px;
  padding: 14px 17px;
}
.idz-slideshow .slider5-caption4 .button-slide2 i {
  top: 0;
  margin-left: 0;
}
.idz-slideshow .slider5-caption4 .button-slide2:hover span {
  background: #ffa95f;
}
.idz-slideshow .slider5-caption4 span {
 
}
.idz-slideshow .tp-caption a.idz-button{color:#fff !important;}
.idz-slideshow .slider6-caption1 {
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 36px;
}
.idz-slideshow .slider6-caption2 {
  font-family: "Pinyon Script", cursive;
  font-size: 140px;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 2px;
}

.slideritem-bgcolor{    
background:#ffdaba;
}

.slideritem-bgcolor2{    
background:#2b3c44;
}

/*====================================================== Blog ======================================================*/
.blog-slider-nav {
  margin-top: 10px;
  float: left;
}

.outer-blog-slider-container{width:100%; overflow:hidden;}

.blog-slider-container {
  margin: 0 -15px;
  width: -moz-calc(100% + 30px);
  width: -webkit-calc(100% + 30px);
  width: -o-calc(100% + 30px);
  width: calc(100% + 30px);
}

.blog-post-item {
  margin: 0 15px;
}
.blog-post-item .button-detail {
  float: right;
}

.blog-post-title h4 {
  margin-top: 18px;
  margin-bottom: 0;
}
.blog-post-title h4:hover {
  color: #ffa95f;
}

.blog-post-info {
  margin-bottom: 15px;
}
.blog-post-info li {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
}
.blog-post-info li:first-child {
  float: left;
}
.blog-post-info li:last-child {
  float: right;
}
.blog-post-info a {
  color: #ff8d2c;
}
.blog-post-info a:hover {
  color: #ffa95f;
}
.blog-post-info i {
  margin-right: 5px;
  top: 1px;
  position: relative;
}

.blog-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  margin-bottom: 33px;
  overflow: hidden;
}
.blog-video iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

article {
  margin-bottom: 72px;
}

.blog-info {
  float: left;
  width: 82px;
  margin-right: 38px;
  text-align: center;
}
.blog-info .image-blog-info {
  color: #fff;
  font-size: 32px;
  height: 90px;
  line-height: 90px;
  background: #ff8d2c;
}
.blog-info .date-blog-info {
  padding: 18px 0;
  height: 90px;
  font-family: "Raleway", sans-serif;
  font-size: 38px;
  font-weight: bold;
  color: #434343;

}

.blog-info .date-d{margin-bottom:5px; display:block}

.blog-info .date-blog-info small {
  font-size: 18px;
  font-weight: normal;
  display: block;
  margin-top: 0px;
}

.blog-info .date-y small{font-size:13px; display:none}

.blog-container {
  margin-left: 120px;
  position: relative;
  vertical-align:top;
}

.blog-container.noposdateicon{margin-left:0;}

.blog-container h3, .idz-entry-title {
  font-size: 24px;
  line-height:26px;
}

.blog-container .moretext{
  position: absolute;
  bottom:8px;
  width: auto;
  display: block;
  right: 22px;
  font-size: 13px;
  color: #989898;
}

.blog-container a.more-link{color: #989898}
.blog-container .moretext i{color: #ff8d2c;}
.post-password-form input[type="submit"]{margin-top:6px;}
.idz-entry-meta{margin-top:30px; width:100%; clear:both}
.idz-meta-cat{padding:20px 0}
body.single-post .idz-entry-meta{margin:0; clear:none}
.post-info {
  margin-bottom: 0;
  padding: 8px 22px;
  font-size: 12px;
  background: #F4F2EF;
  border-top: 2px solid #ff8d2c;
  font-size: 13px;
}

.post-info.nometa{background:transparent; border:0; clear:both}

.post-info i {
  color: #ff8d2c;
  margin-right: 7px;
  position: relative;
  top: 1px;
}
.post-info a {
  color: #989898;
}
.post-info a:hover {
  color: #ffa95f;
}
.post-info li {
  margin-right: 22px;
}
.post-info li:last-child {
  margin-right: 0;
}

.single-post .post-info li:last-child{
  float: right;
  margin-bottom:10px;
}

.single-post .post-info.nometa{width:100%;}
.single-post .post-info.nometa li:last-child{
float:left;
width:100%;
}

.sticky .idz-entry-content.blog-container{
padding:20px;
border: 1px solid #e0e0e0;
background: #fcfcfc;
-webkit-box-shadow: 0px 5px 0px 0px #F4F2EF;
-moz-box-shadow: 0px 5px 0px 0px #F4F2EF;
box-shadow: 0px 5px 0px 0px #F4F2EF;
}

/* video post */
.blog-media {
  margin-bottom: 30px;
  position:relative
}
.blog-media .blog-video {
  margin-bottom: 0;
}

/* gallery post */
.blog-carousel {
  margin-bottom: 0;
}

 .blog-carousel-nav{
	display: inline-block;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	position: absolute;
	z-index: 3;
	top:20px;
	right:21px;

 }

.blog-carousel-nav .left-nav, .blog-carousel-nav .right-nav{
	display: inline-block;
	border: 4px solid #636363;
	height: 32px;
	width: 32px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}


.blog-carousel-nav .left-nav:hover, .blog-carousel-nav .right-nav:hover{
	border-color: #ffa95f;
	cursor: pointer;
}

.blog-carousel-nav .left-nav:hover i,  .blog-carousel-nav .right-nav:hover i{
	color: #ffa95f;
}


.blog-carousel-nav .left-nav {
	margin-right: 11px;
}
.blog-carousel-nav i{
	color: #636363;
	top: -1px;
	position: relative;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.blog-carousel-nav.white .left-nav, .blog-carousel-nav.white .right-nav {
  border-color: #ffffff;
}
.blog-carousel-nav.white i{
  color: #ffffff;
}


.single-blog a h3, .single-post a h2 {
  margin-bottom: 6px;
}
.single-blog .post-info, .single-post .post-info {
  padding: 0;
  background: transparent;
  border-top: none;
  margin-bottom: 15px;
}
.single-blog blockquote, .single-post blockquote {
  line-height: 28px;
  margin-bottom: 1.5em;
}

.blog-author {
  padding: 20px 20px 24px 20px;
  border: 1px solid #dedede;
  margin-bottom: 40px;
  -webkit-box-shadow: 3px 3px 0px 0px #f2f2f2;
  -moz-box-shadow: 3px 3px 0px 0px #f2f2f2;
  box-shadow: 3px 3px 0px 0px #f2f2f2;
}
.blog-author img, .blog-author .avatar{
  float: left;
  margin-right: 20px;
  width: 90px;
  height: 90px;
  position: relative;;
}
.blog-author .author-description {
  margin-left: 110px;
}
.blog-author h4, .blog-author .author-title {
  margin-top: 0;
  margin-bottom: 10px;
}
.blog-author p {
  margin-bottom: 0;
}
.blog-author .author-link {
  color: #ff8d2c;
}
.blog-author .author-link:hover {
  color: #ffa95f;
}
.idz-entry-title a{color:#434343;}

/* audio post */
.mejs-container {
  width:100% !important;
}

.audio .mejs-container {
 height:90px !important;
  width:100% !important;
}


.mejs-container .mejs-controls {
  padding: 26px 28px;
}
.mejs-container .mejs-time-rail .mejs-time-current {
  background: #ff8d2c;
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  height: 12px;
}

.mejs-controls div.mejs-time-rail {
  padding-top: 4px;
}

.format-audio .idz-entry-title{z-index:2; position:relative}

/* link post */
.attach-link {
  background: #f3f3f3;
  height: 90px;
  padding: 33px 0;
  text-align: center;
}
.attach-link a {
  font-family: "Goudy Bookletter 1911", serif;
  font-style: italic;
  font-size: 18px;
  color: #979696;
}
.attach-link a:hover {
  color: #ffa95f;
}

/* quote post */
.quote-note {
  background-image: url("images/bg-testimonial.gif");
  background-repeat: repeat-y;
  border: solid 1px #dedede;
  padding: 26px 28px 23px 30px;
  position: relative;
}
.quote-note blockquote:before {
  display: none;
}

/* social sharing */
.sharing-box .share-facebook {
  width: 200px;
  float: left;
  margin-top: 8px;
}
.sharing-box .social-icon {
  float: right;
  padding: 0;
}
.sharing-box .social-icon li {
  background: #ff8d2c;
  margin-right: 6px;
  height: 36px;
  width: 36px;
  display: inline-block;
  text-align: center;
  line-height: 39px;
  font-size: 16px;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.sharing-box .social-icon a {
  color: #fff;
}
.sharing-box .social-icon li:last-child {
  margin-right: 0;
}
.sharing-box li.facebook-color:hover {
  background: #3b5998;
}
.sharing-box li.twitter-color:hover {
  background: #4da7de;
}
.sharing-box li.pinterest-color:hover {
  background: #c92619;
}
.sharing-box li.stumbleupon-color:hover {
  background: #e64011;
}
.sharing-box li.mail-color:hover {
  background: #578ad6;
}
.sharing-box li.googleplus-color:hover {
  background: #d93e2d;
}
.sharing-box li.rss-color:hover {
  background: #f26109;
}

/* Comment List */
.commentlist-container {
  margin-top: 30px;
  margin-bottom: 60px;
}
.commentlist-container h4.heading-name {
  margin: 0;
  line-height: 1;
}
.commentlist-container ol {
  list-style: none;
}
.commentlist-container ol li {
  position: relative;
}
.commentlist-container ol li ol {
  margin: 0px 0px 20px 90px;
}
.commentlist-container .avatar {
  z-index: 99;
  position: absolute;
}

.commentlist li {
  position: relative;
  list-style: none;
  line-height: 28px;
  list-style-position: outside;
}


.avatar {
  width: 70px;
  height: 70px;
  position: absolute;
  background-color: #dedede;
  top: 0;
  left: 0;
    -webkit-box-shadow: 3px 3px 0px 0px #f2f2f2;
  -moz-box-shadow: 3px 3px 0px 0px #f2f2f2;
  box-shadow: 3px 3px 0px 0px #f2f2f2;
  border:solid 1px #f2f2f2;
}

.avatar img {
  width: 70px;
  height: 70px;
}

.comment-text {
  background-color: #fcfcfc;
  border: solid 1px #dedede;
  margin-left: 90px;
  width: auto;
  margin-bottom: 30px;
  padding: 26px 30px 12px 30px;
  position: relative;
	-webkit-box-shadow: 3px 3px 0px 0px #f2f2f2;
	-moz-box-shadow: 3px 3px 0px 0px #f2f2f2;
	box-shadow: 3px 3px 0px 0px #f2f2f2;
}
.comment-text .reply, a.comment-reply-link, a.comment-reply-link:visited {
  right: 30px;
  top: 26px;
  color: #fff;
  padding: 1px 9px;
  font-size: 10px;
  position: absolute;
  background: #ff8d2c;
}

.comment-text h5 {
  margin-bottom: 0px;
}

.comment-text small.cdate {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ccc;
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
}

.comment-text small:empty{margin:0;}

.comment-people{display:block; font-size:21px; line-height:21px; color:#434343}
.fname{text-transform:uppercase;}

#comments ol ul.children {
margin:0px 0px 20px 90px;
}

#comment-form{}
#comment-form fieldset{border:0; padding:0; margin:0}

#comment-form .button {
  margin-bottom: 0;
}

#comment-form input[type="submit"] {
  margin-bottom: 0;
}

#comment-form input#submit:after{
font-family:'WebHostingHub-Glyphs';
content:'&#61442';
background:none;width:auto; height:auto; font-style:normal; font-size:20px; position:relative;
border:solid 100px;
}

#comment-form input.form-control {
  width: 60%;
  display: inline-block;
}
#comment-form .label-required {
  width: 30%;
  font-weight: normal;
  margin-left: 16px;
  font-size: 12px;
}
#comment-form .label-required em {
  color: red;
}

.comment-navigation {width:100%;  float:left; margin:0 0 30px 0;}

/*====================================================== Content ======================================================*/

/* Panel Subscribe */
.panel-subscribe {
  margin-top: 20px;
  background: #f3f3f3;
  padding: 48px 30px 50px;
  position: relative;
}
.panel-subscribe:before, .panel-subscribe:after {
  content: "";
  background: url(images/pattern-envelope.png) repeat-x;
  height: 10px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.panel-subscribe:after {
  bottom: 0;
  top: auto;
}
.panel-subscribe h4 {
  margin-top: 0;
  font-size: 18px;
}
.panel-subscribe .button {
  margin-bottom: 0;
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  text-transform: none;
  border: none;
  padding: 13px 15px;
}

.idz-inline-form{position:relative;}
.idz-inline-form input{font-size: 14px; height:auto}
.idz-inline-form .wpcf7-submit{
background:#ff8d2c;
padding:10px 15px;
text-transform:capitalize;
font-size:13px;
margin:0;
position:absolute;
top:0;
right:0;
border: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.idz-inline-form input{font-size: 13px;}
.idz-inline-form .wpcf7-submit{font-size:14px;}
}
.idz-inline-form .wpcf7-submit:hover{
background:#ff8d2c;
opacity:.8;
}
.idz-inline-form input{margin:0;}
.idz-inline-form .ajax-loader{display:none;}

@-moz-document url-prefix() { 
.idz-button.button-group.large span{height:55px;}
.idz-column-box-container .idz-button.button-group.small span{height:38px; line-height:38px}
}

/* Portfolio Single Page */
.idz-pfrelated-section{margin:28px 0}
.idz-pfrelated-section:after{
content: "";
width: 96px;
height: 4px;
position: relative;
display: inline-block;
background: #ff8d2c;
}

.idz-pfrelated{margin:0;}

.idz-pfrelated-subtitle{
font-family: Georgia, serif;
font-style: italic;
font-size: 16px;
display: block;
color: #afafaf;
}

#pf-video-wrapper{}
.video-container{
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
margin-bottom:20px;
}

.video-container iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* Contact Page */
#contact-form {
  background: #F4F2EF;
  padding: 0 49px;
}
#contact-form .loading {
  margin-left: 20px;
  position: absolute;
  background: url(images/AjaxLoader.gif) no-repeat center center;
  min-height: 32px;
  min-width: 32px;
  display: none;
  top: 6px;
}
#contact-form .alert-box {
  margin-right: 1.875rem;
  margin-left: 1.875rem;
  display: none;
}
#contact-form .button {
  margin-bottom: 0;
}

.contact-info i {
  margin-right: 10px;
  color: #ff8d2c;
  position: relative;
  top: 2px;
}

#contact-information .inner-container {
  border-bottom: 1px solid #dedede;
}
#contact-information .inner-column {
  padding-top: 58px;
  padding-bottom: 20px;
  min-height: 508px;
}
#contact-information .column:last-child .inner-column {
  border-left: 1px solid #dedede;
}

.row-border-bottom {
border-bottom: 1px solid #dedede;
}
.column-border-left{
  border-left: 1px solid #dedede;
}
.column-border-right{
  border-right: 1px solid #dedede;
}

.column-bgcolor{
background:#F4F2EF;
}

.idz-contact-form{padding:50px 49px 20px 49px;}


.map-container {
  margin: 0;
}
.map-container #map {
  height: 436px;
  width: 100%;
}

/* Sitemap Page */
.sitemap-heading h3 {
  font-size: 24px;
  position: relative;
  margin: 0 0 20px;
}
.sitemap-heading h3:before {
  content: "";
  background: #dedede;
  height: 2px;
  width: 100%;
  position: absolute;
  top: -moz-calc(50% - 1px);
  top: -webkit-calc(50% - 1px);
  top: -o-calc(50% - 1px);
  top: calc(50% - 1px);
  z-index: 2;
}
.sitemap-heading h3 span {
  background: #fff;
  display: inline-block;
  padding-right: 20px;
  position: relative;
  z-index: 3;
}
#error404-right ul li a{color:#fff !important;}
h1.title-notfound{margin:40px 0 30px 0;}


/* Scroll Up */
#scrollUp {
  bottom: 39px;
  right: 50px;
  width: 50px;
  height: 50px;
  font-size: 22px;
  line-height: 33px;
  background-color: #ff8d2c;
  color: #fff;
  text-align: center;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

#scrollUp:hover {
  background: #ffa95f;
}

#scrollUp i {
  position: relative;
  top: 7px;
  left: -1px;
}

/*======================================================================================= Wordpress Styling =======================================================================================*/
.sticky{}
.bypostauthor{}
.wp-caption{max-width:100%;}
.wp-caption-text{font-style:italic;}
.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


#reply-title, .comment-heading{font-size:21px;}

/*====================================================== Sidebar ======================================================*/
aside {
  clear: both;
}

aside .panel {
  margin-bottom: 0 !important;
}
aside .panel img {
  border: 3px solid #dedede;
}
aside .panel p {}
aside .social-panel li {
  margin-right: 20px;
}
aside .social-panel a {
  color: #fff;
}
aside .social-panel a:hover {
  color: #dedede;
}

.widget_area aside {
  margin: 0 0 1.875rem -1.875rem;
}

.widget_area .widget_text {
  background-color: #F4F2EF;
  padding: 1.875rem;
}

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

.widget_area .widget_simpleimage:first-child {
  padding: 0 3.75rem;
}

.widget_title{
  color: #463f3e;
  font-size:18px;
  font-weight:300;
  position:relative;
  overflow:hidden;
  margin-bottom:20px;
  border-bottom: 1px solid #463f3e;
}

.widget_title_line{position:absolute; top:15px; width:100%; height:3px; background:#ebebeb; margin-left:13px}

.widget_area ul{
margin-left:0;
padding-left:0;
position:relative
}

.widget_area ul li{
list-style-type:none;
padding-bottom:10px;
padding-left:20px;
position:relative;
}


.widget_area ul.children{margin:10px 0 0 10px;}
.widget_area ul.children li:last-child{padding-bottom:0; margin-bottom:0; border:0}

.widget_area ul li a{color:#848383;}
.widget_area ul li a:hover {color: #ffa95f; text-decoration:none;}
.widget_area ul li:before {
  content: "";
  background: inherit;
  height: 4px;
  width: 12px;
  background: #929292;
  position: absolute;
  top:12px;
  left: 0;
}

/* Author Widget */
.widget_idz_author_widget{text-align:center;}
.widget_idz_author_widget h4{ font-size:20px; font-weight:400}
.widget-author{margin-bottom:15px;}
.widget-author img {
width:90px;
height:90px;
border-radius: 100px;
position:relative;
 -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow:  none;
}
.widget_idz_author_widget p{font-size:16px; color:#fff;}

.author_social_profile li{list-style-type:none; margin:0; padding:0; display:inline-block;}
.author_social_profile li a{color:#fff !important;}
.author_social_profile li a:hover{color:#dedede !important;}
.author_social_profile li:before{background:transparent !important; width:0 !important; height:0 !important}

/* Search Widget */
#searchform input[type="text"]{ width:100%;}
#searchform .search-fieldset{border:0px; padding:0px; margin:0px;}


/* Popular List */
ul.popular-list{position:relative;}
ul.popular-list li {list-style-type:none; position:relative; clear:both; width:100%; float:left; width:100%; margin-bottom:30px}
ul.popular-list li:last-child{margin-bottom:0;}
ul.popular-list li:before, #footer ul.popular-list li:before {content:''; margin-right:0px; top:0px; left:0px; background:transparent;}
ul.popular-list li a{
color:#848383;
text-decoration:none;
}
ul.popular-list li a:hover {text-decoration:none;}
ul.popular-list li p.popular-title a{text-transform:capitalize;}
ul.popular-list li p.popular-title {
font-size:14px;
font-weight:400;
line-height:24px;
margin:0 0 8px 0;
}
ul.popular-list li img {
margin:0 20px 0 0;
float:left;
position:relative;
}
ul.popular-list li, #footer ul.popular-list li {
list-style-type:none;
padding:0;
}
ul.popular-list li .comment-count {
font-size: 11px;
text-decoration:none;
text-transform:uppercase;
color:#ff8d2c;
margin:0;
}

ul.popular-list li .comment-count a, ul.popular-list li .comment-count a:visited{color:#ff8d2c;}

.popularcoltext{overflow:hidden;}


/* Tag Cloud */
.idz-tag-cloud {
font-size:13px;
width:100%;
text-transform:uppercase
}

.idz-tag-cloud a, .idz-tag-cloud a:visited {
 font-size: 11px;
  padding: 0px 9px 1px 9px;
  background: #ff8d2c;
  text-transform: uppercase;
  color: #fff;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
}

.idz-tag-cloud a:hover {
 color: #fff;
  background: #ffa95f;
}

.archive-count{
display: inline-block;
margin-left:7px;
padding: 3px 6px;
font-size: 11px;
line-height: 14px;
color: #fff !important;
background-color: #ff8d2c;
position:relative;
top:-1px;
}

/* Flickr */
ul#flck-thumb { margin:0; padding:0; list-style-position:none}
ul#flck-thumb li{border:0; padding:0; display:inline-block; padding:0; margin-right:14px; margin-bottom:10px;}
ul#flck-thumb li:before{background:transparent;}
ul#flck-thumb li.no-image{margin:0; padding:0;}
ul#flck-thumb li img{
width:62px;
height:62px;
border:solid 5px #ebebeb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-ms-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;                 
}
ul#flck-thumb li img:hover{
border:solid 0px #ebebeb;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
ul#flck-thumb li:before {content:'';}

#flickr-noscript { display:none; }

/* Latest Tweets */
.widget_latest_tweets_widget{}
.latest-tweets ul li{background:#f3f3f3; padding:20px; margin-bottom:15px; color:#a1a1a1; font-size:13px; font-weight:300;}
.latest-tweets ul li:last-child{margin:0;}
.latest-tweets ul li a{color: #ff8d2c;}
.latest-tweets ul li:before{content:""; padding:0; left:0; background:transparent;}
.latest-tweets p{margin:0;}
.latest-tweets .tweet-details{display:none;}

/* WPML Flag */
#lang_sel li:before, #lang_sel_list li:before{background:transparent;}
#lang_sel_list.lang_sel_list_vertical a, #lang_sel_list.lang_sel_list_vertical a:visited{border:0;}

.textwidget {
  line-height: 1.4em;
  font-weight: 300;
}
.textwidget h4 {
  font-size: 1em;
  font-weight: 300;
  font-style: italic;
  margin: 10px 0 2px;
}


/*====================================================== Footer ======================================================*/
footer#footer-content {
  color: #949494;
  clear: both;
  margin-top: 40px;
  float: left;
  width: 100%;
}
footer .title-footer {
  font-size: 16px;
}
footer .title-footer-brand {
  font-size: 24px;
}
footer i {
  color: #ff8d2c;
  font-size: 24px;
  margin-right: 8px;
  top: 5px;
  position: relative;
}
footer a {
  color: #949494;
}
footer a:hover {
  color: #ffa95f;
}
footer li, footer a, footer address, footer p {
  font-size: 14px;
  line-height: 24px;
}

#footer-content aside.widgets ul li{
  list-style-type: none;
}

#footer-content .widget_title{
  font-size: 16px;
}

.footer-logo {
  background: #ff8d2c;
  position: absolute;
  top: -64px;
  height: 40px;
  width: 40px;
}

.footer-info {
  padding-top: 19px;
  padding-bottom: 19px;
  background: #b5cad6;
  color: #fff;
  font-size: 13px;
}
.footer-info .inline-list {
  margin-bottom: 0;
}

.footer-menu a {
  padding: 4px 7px 5px 7px;
  color: inherit;
  font-size: 13px;
}
.footer-menu li:last-child {
  margin-right: 0;
}

.tooltip.fa {
  font-size: 1.2em;
  color: #697E8A;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px; 
  border: 1px solid #777;
  background: #697E8A;
  color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0; 
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important; 
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important; 
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important; 
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important; 
  border-right: 9px solid;
  margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
  transform: scale(0,0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

input[type="text"].wpcf7-mathcaptcha {
  width: 60px;
}

.wpcf7 .large-6 {
  min-height: 55px;
}