/*======================================================================================= SPACER =======================================================================================*/
.spacer{
	clear:both; display:block; 
	margin:0 15px 20px 15px; padding:0;
}

.spacer.full{margin:0 0 20px 0;}
.bordertop{border-top:solid 1px #dedede;}

/*======================================================================================= BUTTON =======================================================================================*/

.button, button, input[type="submit"], .idz-button {
  font-size: 12px;
  background: #ff8d2c;
  font-weight: bold;
  text-transform: uppercase;
  padding: 13px 23px;
  border:0;
  font-family: "Open Sans", "Helvetica", Arial, sans-serif;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  color: #fff;
  line-height: 1.42857;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button:hover, .button:focus, .button:active, .button.active, button:hover, input[type="submit"]:hover, .idz-button:hover {
  background: #ffa95f;
}
.idz-button.button-border {
  padding: 12px 26px;
  border: 2px solid #434343;
  color: #434344;
}
.idz-button.button-border:hover {
  border-color: #696969;
  background: #696969;
}
.idz-button.button-border.white{
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
}
.idz-button.button-border.white:hover {
  background: #fff;
  color: #ffa95f;
}
.idz-button.link:hover {
  color: #fff;
}
.idz-button.small {
  font-size: 10px;
  padding: 10px 14px;
}
.idz-button.large {
  padding: 15px 28px;
  font-size: 16px;
}

.idz-button:focus,
.idz-button:active:focus,
.idz-button.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.idz-button:hover,
.idz-button:focus {
  color: #fff;
  text-decoration: none;
}

.idz-button:active,
.idz-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.idz-button.disabled,
.idz-button[disabled],
fieldset[disabled] .idz-button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}


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


.idz-button.square{
margin-left:0;
}

button.radius,
.idz-button.radius {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

button.round,
.idz-button.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

button.button-border,
.idz-button.button-border {
  background: transparent;
}


.idz-button.link {
  background: transparent;
  color: inherit;
}
.idz-button.link:hover, .idz-button.link:focus, .idz-button.link:active, .idz-button.link.active {
  color: #dde2d4;
}

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

.idz-button.green {
  background: #41c28a;
}
.idz-button.green:hover, .idz-button.green:focus {
  background: #68cea2;
}
.idz-button.blue {
  background: #29a7e4;
}
.idz-button.blue:hover, .idz-button.blue:focus {
  background: #56baea;
}
.idz-button.yellow {
  background: #f1c40f;
}
.idz-button.yellow:hover, .idz-button.yellow:focus {
  background: #f4d03f;
}
.idz-button.red {
  background: #f15c44;
}
.idz-button.red:hover, .idz-button.red:focus {
  background: #f58573;
}
.idz-button.grey {
  background: #95a5a6;
}
.idz-button.grey:hover, .idz-button.grey:focus {
  background: #b1bdbd;
}
.idz-button.black {
  background: #474747;
}
.idz-button.black:hover, .idz-button.black:focus {
  background: #333;
}
.idz-button.white {
  color: #999;
  background: #fafafa;
}
.idz-button.white:hover, .idz-button.white:focus, .idz-button.white:active, .idz-button.white.active {
  background: #eeeeee;
}


.idz-button.button-group {
  text-transform: none;
  position: relative;
  margin-right: 38px;
}
.idz-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;
}
.idz-button.button-group i {
  margin-left: 0;
  top: 0px;
}
.idz-button.button-group:hover span, .idz-button.button-group:focus span, .idz-button.button-group:active span, .idz-button.button-group.active span {
  background: #ffa95f;
}
.idz-button.button-group.small {
  font-size: 12px;
  padding: 9px 14px;
}
.idz-button.button-group.small span {
  width: 37px;
  height: 37px;
  line-height: 37px;
}
.idz-button.button-group.large span {
  width: 54px;
  height: 54px;
  line-height: 54px;
}

/*======================================================================================= TAB =======================================================================================*/

.resp-tabs-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

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

.resp-tabs-list:after {
  clear: both;
}

h4.resp-accordion:hover,
h4.resp-accordion:focus,
.resp-tabs-list li:hover,
.resp-tabs-list li:focus {
  text-decoration: none;
  background-color: #eee;
  border-color: #eee #eee #ddd;
  cursor: pointer;
  color: #3498db;
}

h4.resp-accordion,
.resp-tabs-list li {
  position: relative;
  font-size: 16px;
  background: #fafafa;
  line-height: 1.42857;
  padding: 10px 15px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}
h4.resp-accordion.resp-tab-active, h4.resp-accordion.resp-tab-active:hover, h4.resp-accordion.resp-tab-active:active,
.resp-tabs-list li.resp-tab-active,
.resp-tabs-list li.resp-tab-active:hover,
.resp-tabs-list li.resp-tab-active:active {
  color: #fff;
  background: #3498db;
  border: 1px solid #3498db;
}

.resp-tab-content {
  display: none;
  padding: 15px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}

.resp-arrow {
  float: right;
}
.resp-arrow:before {
  font-family: 'WebHostingHub-Glyphs';
  background: none;
  width: auto;
  height: auto;
  font-style: normal;
  content: '\f488';
  font-size: 11px;
  position: relative;
}

.resp-tab-active .resp-arrow {
  float: right;
}
.resp-tab-active .resp-arrow:before {
  font-family: 'WebHostingHub-Glyphs';
  content: '\f48b';
}

h4.resp-accordion {
  cursor: pointer;
  display: none;
}

.resp-content-active,
.resp-accordion-active {
  display: block;
}

/* responsive tab top */
.resp-tabs-top .resp-tabs-list li {
  display: block;
  float: left;
  margin-bottom: -1px;
  margin-right: 2px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.resp-tabs-top .resp-tabs-list li.resp-tab-active, .resp-tabs-top .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-top .resp-tabs-list li.resp-tab-active:active {
  border-bottom-color: transparent;
  cursor: default;
}
.resp-tabs-top .resp-tab-content {
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
}

/* responsive tab bottom */
.resp-tabs-bottom .resp-tabs-list li {
  display: block;
  float: left;
  margin-top: -1px;
  margin-right: 2px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:active {
  border-top-color: transparent;
  cursor: default;
}
.resp-tabs-bottom .resp-tab-content {
  margin-bottom: 0px;
  -moz-box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomleft: 0;
  border-radius: 5px;
  border-bottom-left-radius: 0;
}

/* responsive tab left */
.resp-tabs-left .resp-tabs-list {
  float: left;
  width: 30%;
}
.resp-tabs-left .resp-tabs-list li {
  margin-right: -1px;
  margin-bottom: 2px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.resp-tabs-left .resp-tabs-list li.resp-tab-active, .resp-tabs-left .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-left .resp-tabs-list li.resp-tab-active:active {
  border-right: none;
  cursor: default;
}
.resp-tabs-left .resp-tabs-container {
  float: left;
  width: 70%;
}
.resp-tabs-left .resp-tab-content {
  -moz-box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
}

/* responsive tab right */
.resp-tabs-right .resp-tabs-list {
  float: right;
  width: 30%;
}
.resp-tabs-right .resp-tabs-list li {
  margin-left: -1px;
  margin-bottom: 2px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.resp-tabs-right .resp-tabs-list li.resp-tab-active, .resp-tabs-right .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-right .resp-tabs-list li.resp-tab-active:active {
  border-left: none;
  cursor: default;
}
.resp-tabs-right .resp-tabs-container {
  float: left;
  width: 70%;
}
.resp-tabs-right .resp-tab-content {
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topright: 0;
  border-radius: 5px;
  border-top-right-radius: 0;
}

/* Accordion */
.resp-accordion h4.resp-accordion {
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
}
.resp-accordion .resp-tab-content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
}

/* Overwrite */

.resp-tabs-list {
  margin-left: 0;
}
.resp-tabs-list li {
  font-size: 14px;
  padding: 13px 46px;
  border-color: #dedede;
  background: #fbfbfb;
}
.resp-tabs-list li.resp-tab-active, .resp-tabs-list li.resp-tab-active:hover {
  color: #929292;
  background: #fff;
  border-color: #dedede;
}

.resp-tab-content {
  border: none;
  box-shadow: none !important;
  padding: 27px 0;
}
.resp-tab-content .row {
  margin: 0;
}
.resp-tab-content .accordion-tab-column {
  margin: 0 -0.9375rem;
}

.resp-tabs-top .resp-tabs-list li,
.resp-tabs-bottom .resp-tabs-list li,
.resp-tabs-left .resp-tabs-list li,
.resp-tabs-right .resp-tabs-list li {
  margin-right: -1px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.resp-tabs-top .resp-tabs-list li.resp-tab-active:before, .resp-tabs-top .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-left .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-left .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:hover:before {
  content: "";
  height: 3px;
  background: #ff8d2c;
  width: -moz-calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: -o-calc(100% + 2px);
  width: calc(100% + 2px);
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
}
.resp-tabs-top .resp-tabs-list li:hover,
.resp-tabs-bottom .resp-tabs-list li:hover,
.resp-tabs-left .resp-tabs-list li:hover,
.resp-tabs-right .resp-tabs-list li:hover {
  color: #ff8d2c;
}
.resp-tabs-top .resp-tabs-list li i,
.resp-tabs-bottom .resp-tabs-list li i,
.resp-tabs-left .resp-tabs-list li i,
.resp-tabs-right .resp-tabs-list li i {
  top: 1px;
  font-size: 12px;
  margin-right: 5px;
  position: relative;
}

.resp-tabs-left .resp-tab-content,
.resp-tabs-right .resp-tab-content {
  padding: 0 27px;
}
.resp-tabs-left .resp-tabs-list li,
.resp-tabs-right .resp-tabs-list li {
  padding: 13px 20px;
  margin-bottom: -1px;
}
.resp-tabs-left .resp-tabs-list li.resp-tab-active:before, .resp-tabs-left .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:hover:before {
  content: "";
  width: 3px;
  background: #ff8d2c;
  height: -moz-calc(100% + 2px);
  height: -webkit-calc(100% + 2px);
  height: -o-calc(100% + 2px);
  height: calc(100% + 2px);
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.resp-tabs-right .resp-tabs-list li {
  text-align: right;
}
.resp-tabs-right .resp-tabs-list li.resp-tab-active:before, .resp-tabs-right .resp-tabs-list li.resp-tab-active:hover:before {
  left: auto;
}

.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:before, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:before {
  display: none;
}
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:after, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:after {
  content: "";
  height: 3px;
  background: #ff8d2c;
  width: -moz-calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: -o-calc(100% + 2px);
  width: calc(100% + 2px);
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.resp-accordion {
  margin-bottom: 20px;
}

.resp-accordion h4.resp-accordion,
h4.resp-accordion {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.resp-accordion h4.resp-accordion i,
h4.resp-accordion i {
  position: relative;
  margin-right: 10px;
  top: 3px;
}
.resp-accordion h4.resp-accordion:hover,
h4.resp-accordion:hover {
  color: #ff8d2c;
}

.resp-accordion h4.resp-accordion {
  box-shadow: none;
  background: #fbfbfb;
}

h4.resp-accordion,
h4.resp-accordion.resp-tab-active,
h4.resp-accordion.resp-tab-active:hover {
  border-color: #dedede;
  background: #fff;
  color: #929292;
  padding: 13px 26px;
}

.resp-accordion h4.resp-accordion i,
h4.resp-accordion i {
  top: 1px;
}

h4.resp-accordion.resp-tab-active:before {
  content: "";
  height: 3px;
  background: #ff8d2c;
  width: -moz-calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: -o-calc(100% + 2px);
  width: calc(100% + 2px);
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
}

h4.resp-accordion .resp-arrow,
.resp-tab-active .resp-arrow {
  top: 3px;
  position: relative;
}

h4.resp-accordion.resp-tab-active {
  background: #fff;
}
h4.resp-accordion.resp-tab-active:hover {
  color: #ff8d2c;
  background: #fff;
}


@media only screen and (max-width: 768px) {
  ul.resp-tabs-list {
    display: none;
  }

  h4.resp-accordion {
    display: block;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  }

  .resp-tabs-container {
    width: 100% !important;
  }

  .resp-tab-content {
    -moz-border-radius: 0px !important;
    -webkit-border-radius:0px;
    border-radius: 0px !important;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
  }
}

/*======================================================================================= ACCORDION, TOGGLE =======================================================================================*/
.idz-toggle, .idz-accordion { margin: 0 0 5px 0; }

.idz-toggle .idz-toggle-title, .idz-accordion .idz-accordion-title {
	display: block;
	cursor: pointer;
	color: #6B6B6B;
	font-family: "nanum gothic";
	font-size: 14px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	padding: 13px 26px;
	clear: both;
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	position: relative;
	outline: 0;
}

.idz-toggle .ui-accordion-header-active, .idz-accordion .ui-accordion-header-active{
	box-shadow: inset 0px 3px 0px #ff8d2c;
	color:#ff8d2c;
	outline:0;	
}
	
.idz-toggle .idz-toggle-title:hover, .idz-accordion .idz-accordion-title:hover {}
.idz-accordion .idz-accordion-title i{
 margin-right:10px;
 top:2px
}

.idz-toggle .idz-toggle-title i{
 margin-right:15px;
 color: #F3ABB7;
}

.idz-toggle-inner, .idz-accordion-inner {
	background-color:#fff;
	border:0px;
	margin:5px 20px;
	padding:18px 0;
	position:relative;
	height:auto !important
}

.idz-toggle span.ui-icon, .idz-accordion span.ui-icon{padding-left:0px; font-size:11px}

.idz-toggle span.ui-icon:before, .idz-accordion span.ui-icon:before {
	font-family:'WebHostingHub-Glyphs';
	content:'\f488';
	padding:2px 0 0 0 ;
	float:right;
}

.idz-toggle .ui-state-active .ui-icon:before, .idz-accordion .ui-state-active .ui-icon:before {
	font-family:'WebHostingHub-Glyphs';
	content:'\f48b';
	padding:2px 0 0 0 ;
}

/*======================================================================================= ICON =======================================================================================*/

.idz-icon.small{font-size:14px;}
.idz-icon.default{font-size:18px;}
.idz-icon.medium{font-size:24px;}
.idz-icon.large{font-size:30px;}
.icon-left {
margin:2px 20px 0 0 !important;
float:left !important;
}

.icon-nonposition{display:block; float:none; margin-bottom:10px}

.icon-right {
margin:2px 0 0 20px !important;
float:right !important;
}
.icon-center {
margin:0 auto 10px auto !important;
float:none !important;
display:block;
text-align:center
}

.icon-shape{
 background:#fff;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align:center;

}

.icon-shape.stroke{background:#d7d7d7;}

.icon-shape i{
  line-height: 58px;
  font-size: 30px;
  color: #cecece;
  margin:0 auto;
}
.icon-shape.stroke i{color:#fff;}

.icon-shape.circle{
 -webkit-border-radius: 50%;
  border-radius: 50%;
   border:solid 3px #d7d7d7;  
}
.icon-shape.square,
.text-shape.square {
  -webkit-border-radius: 0;
  border-radius: 0;
  border:solid 3px #d7d7d7;  
}
.icon-shape.radius,
.text-shape.radius {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border:solid 3px #d7d7d7;  
}
.icon-shape.stroke{border:0px;}

.text-overflow{overflow:hidden;}
.text-nonposition{overflow:auto;}
.icon-shape.noborder{border:0;}

/*======================================================================================= TABLES =======================================================================================*/
table {
width:100%;
margin:0 0 20px;
}

table th {
color:#525252;
font-size:13px;
text-align:left;
padding:9px 13px;
font-weight:700;
}

table td {
border-bottom: 1px solid #e6e6e6;
background-color:#f0f0f0;
color:#8c8c8c;
text-align:left;
padding:9px 13px;
}

table td.highlight {
color:#fff;
font-weight:300;
}

.idz-table-green th {background:#1abc9c; color:#fff}
.idz-table-blue th {background:#3498db;  color:#fff}
.idz-table-orange th {background:#e67e22; color:#fff}
.idz-table-red th {background:#e74c3c; color:#fff}
.idz-table-grey th{background:#95a5a6; color:#fff}
.idz-table-white th{background:#fff; text-shadow:none; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;}
table tr.even td,table tr.odd td {background-color:#fff;}
table tr td.highlight,.table-black table tr th {background-color:#f9f9f9;}

/*======================================================================================= PROGRESS BAR =======================================================================================*/
.ui-progress {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
display: block;
overflow: hidden;
height: 46px;
}

.ui-progress-bar{background:#f0f0f0; }
.ui-progress.green {background:#41c28a}
.ui-progress.blue {background:#29a7e4;}
.ui-progress, .ui-progress.orange {background:#ff8d2c}
.ui-progress.yellow {background:#f1c40f}
.ui-progress.red {background:#f15c44}
.ui-progress.grey {background:#95a5a6}

.progress-bar-wrapper{
width: 100%;
font-size: 13px;
height: 46px;
margin-bottom: 12px;
background-color: #f1f1f1;
position: relative;
  }
.progress-title {
color:#fff;
font-size:13px; 
top:10px;
 left:15px;  
 position:absolute; 
 z-index:100;
 padding-bottom:0px;
 }
 
.progress-meter {
font-size:13px;  
position:absolute; 
z-index:100;
top:10px;
right: 15px;
width: 40px;
color: #b2b2b2;
text-align: center;
background-color: #fff;
}


.chart-title{
margin:14px 0;
}

.chart-container {
  padding: 0 40px;
}

/*======================================================================================= ALERT =======================================================================================*/
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 14px 16px 15px 16px;
  font-size: 16px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.alert-box .close {
  font-size: 20px;
  padding: 9px 6px 4px;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 10px;
  opacity: 0.8;
}

.alert-box i {
  margin-right: 5px;
  position: relative;
}

.alert-box.radius {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.alert-box {
  font-size: 13px;
  background: #f8f8f8;
  border: 1px solid #d1d1d1;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  margin: 0 0 15px 0;
  padding: 12px 15px 14px 15px;
}
.alert-box .close {
  color: #929292;
}
.alert-box.blue {
  background-color: #cce9f2;
  border: 1px solid #86cde3;
  color: #3194b1;
}
.alert-box.blue .close {
  color: #3194b1;
}
.alert-box.green {
  background-color: #d8f1c6;
  border: 1px solid #b3cda1;
  color: #749958;
}
.alert-box.green .close {
  color: #749958;
}
.alert-box.yellow {
  background-color: #fbf4dd;
  border: 1px solid #d1c9ae;
  color: #978c68;
}
.alert-box.yellow .close {
  color: #978c68;
}
.alert-box.red {
  background-color: #f9d9d9;
  border: 1px solid #e1a1a1;
  color: #b55454;
}
.alert-box.red .close {
  color: #b55454;
}


/*======================================================================================= LIST =======================================================================================*/
ul.square li ul, ul.circle li ul, ul.disc li ul {list-style: inherit;}
ul.square {list-style-type: square;}
ul.circle {list-style-type: circle;}
ul.disc {list-style-type: disc;}
ul.nobullet {list-style: none; padding-left:0;}
ul.inlineblock{list-style:none; padding-left:0;}
ul.inlineblock li{display:inline-block}
ul.children{list-style-type:none; margin:0 0 0 20px}

ul.arrow, ul.check, ul.plus, ul.star, ul.pin, ul.flag, ul.nobullet {list-style: none; padding-left:0; line-height:26px; margin-bottom:20px; margin-left:0}

ul.arrow li:before,
ul.check li:before,
ul.plus li:before,
ul.star li:before,
ul.pin li:before,
ul.flag li:before {font-family: 'WebHostingHub-Glyphs'; background:none;width:auto; height:auto; font-style:normal;  font-size:11px; margin-right:9px; position:relative; top:0px;}

ul.arrow li:before {content: "\f488";}
ul.arrow ul.children{list-style-type:none; margin-left:0}
ul.check li:before {content: "\f471";}
ul.plus li:before {content: "\002b";}
ul.star li:before {content: "\f13a";}
ul.pin li:before {content: "\f20a";}
ul.flag li:before {content: "\f487";}


ul.arrow li a, ul.arrow li a:visited,
ul.check li a, ul.check li a:visited,
ul.plus li a, ul.plus li a:visited,
ul.star li a, ul.star li a:visited,
ul.pin li a, ul.pin li a:visited,
ul.flag li a, ul.flag li a:visited  {color:#848383; text-decoration:none;}

ul.arrow li a:hover,
ul.check li a:hover,
ul.plus li a:hover,
ul.star li a:hover, 
ul.pin li a:hover,
ul.flag li a:hover{color:#848383; text-decoration:none;}

.borderbottom li{
border-bottom:solid 1px #dedede;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

.marginright{padding-right:10px;}

/*======================================================================================= PANEL BOX =======================================================================================*/
.panel.fold h1, .panel.fold h2, .panel.fold h3, .panel.fold h4, .panel.fold h5 {
  color: #fff;
}
.panel, .panel.white{
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  position: relative;
  padding: 40px 30px 30px 30px;
  background: #fcfcfc;
  -webkit-box-shadow: 0px 3px 0px 0px #f7f7f7;
  -moz-box-shadow: 0px 3px 0px 0px #f7f7f7;
  box-shadow: 0px 3px 0px 0px #f7f7f7;
}

.panel a.button {
  margin: 15px 0 10px 0;
}

.panel.fold:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 30px 30px 0 0;
  border-style: solid;
  border-color: #fff #ee6d00 #fff #fff;
  display: block;
  width: 0;
}

.panel.fold, .panel.fold.orange {
  color: #fff;
  background: #ff8d2c;
  border: none;
}
.panel.fold.green {
  background: #41c28a;
}
.panel.fold.green:before {
  border-color: #fff #30966a #fff #fff;
}
.panel.fold.blue {
  background: #29a7e4;
}
.panel.fold.blue:before {
  border-color: #fff #1784b9 #fff #fff;
}
.panel.fold.yellow {
  background: #f1c40f;
}
.panel.fold.yellow:before {
  border-color: #fff #b8960b #fff #fff;
}
.panel.fold.grey {
  background: #95a5a6;
}
.panel.fold.grey:before {
  border-color: #fff #74898a #fff #fff;
}
.panel.fold.red {
  background: #f15c44;
}
.panel.fold.red:before {
  border-color: #fff #e72f11 #fff #fff;
}
.panel.fold.white {
  background: #fff;
}
.panel.fold.white:before {
  border-color: #fff #e72f11 #fff #fff;
}

.panel.fold p:last-child, .panel p:last-child{margin-bottom:0;}

/*======================================================================================= HIGHLIGHT BOX =======================================================================================*/
.promo-box {
  float: left;
  display: table-row;
  width: 100%;
  margin-bottom:10px;
}

.promo-text, .promo-action {
  width: 100%;
  float: none;
  display: table-cell;
  vertical-align: middle;
}

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

.promo-box {
  padding: 30px 30px;
  border: 1px solid #dedede;
  border-left: none;
  position: relative;
}
.promo-box p, .promo-box h4, .promo-box .button {
  margin: 0;
}
.promo-box:before {
  content: "";
  height: -moz-calc(100% + 2px);
  height: -webkit-calc(100% + 2px);
  height: -o-calc(100% + 2px);
  height: calc(100% + 2px);
  width: 4px;
  top: -1px;
  left: 0;
  background: #dedede;
  position: absolute;
}

.promo-box.orange:before{
  background: #ff8d2c;
}
.promo-box.blue:before{
  background: #29a7e4;
}
.promo-box.green:before{
  background: #41c28a;
}
.promo-box.yellow:before{
  background: #f1c40f;
}
.promo-box.red:before{
  background: #f15c44;
}
.promo-box.grey:before{
  background: #95a5a6;
}



/*======================================================================================= DROPCAP =======================================================================================*/
.dropcap, .dropcap1, .dropcap2, .dropcap3 {
 font-family: "Raleway", sans-serif;
  text-align: center;
  font-size: 46px;
  color: #434343;
  float: left;
  margin: 14px 17px 12px 0;
  padding: 0;
}

.dropcap2, .dropcap3, .dropcap.square, .dropcap.round{
width: 48px;
  height: 48px;
  color: #fff;
  font-size: 38px;
  line-height: 48px;
  margin: 8px 12px 0 0;
  background: #ff8d2c;
}

.dropcap3, .dropcap.round {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

/*======================================================================================= HIGHLIGHT STYLING =======================================================================================*/
.highlight {padding:0px 6px 4px 6px; background:#0e7ac3; color:#fff; vertical-align:baseline; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.highlight.purple {background-color:#770477;}	
.highlight.brown{background-color:#753b02;}
.highlight.pink{background-color:#da6371;}	
.highlight.green{background-color:#84ac0a;}
.highlight.blue{background-color:#029dd8;}
.highlight.yellow{background-color:#e7a515;}
.highlight.red{background-color:#d12525;}	
.highlight.orange{background-color:#ff8d2c;}	

/*======================================================================================= PULLQUOTE =======================================================================================*/
.pullquote_right,.pullquote_left {
float:right;
font-family:"Goudy Bookletter 1911", serif;
font-size:18px;
line-height:28px;
letter-spacing:0;
margin-bottom:0;
margin-top:9px;
margin-left:15px;
padding-left:15px;
width:50%;
font-style:italic;
line-height:26px;
border-left:2px solid #ccc;
}

.pullquote_left {
border-right:2px solid #ccc;
border-left:none;
float:left;
margin-left:0;
margin-right:25px;
padding-left:0;
padding-right:8px;
}


/*======================================================================================= PRICING TABLE =======================================================================================*/
.pricing-table {
  margin-bottom: 0;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
}
.pricing-column {
padding:0;
margin:0;
position:relative
}

.pricing-title {
  font-family: "Raleway", sans-serif;
  color: #000000;
  font-size: 72px;
  font-weight: 800;
  text-align: left;
  padding: 0px 0px;
  opacity: 0.05;
  position:absolute;
  z-index:10;
  top:0;
  text-transform:uppercase
}

.pricing-price {
background-color:#eeeeee;
min-height:120px;
position:relative

}

.pricing-subtitle{
font-size:22px;
margin:0;
padding:0;
color:#434343;
font-weight:400;
position:absolute;
top:30px;
left:27px;
}

.monthprice{
position:absolute;
top:70px;
left:27px;
font-size:36px;
font-family: "Raleway", sans-serif;
color:#ff8d2c
}

.pricing-price p{
margin:0;
}

.pricing-icon{
background: #646464;
height:64px;
width:64px;
line-height:64px;
text-align:center;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  position:absolute;
  top:27px;
  right:27px;
}
.pricing-icon i{font-size:24px; color:#fff}

.pricing-content ul {
width:100%;
background-color:#fff;
text-align:center;
margin:0 auto;
padding:0 22px;
}

.pricing-content li {
list-style-type:none;
color:#8a8a8a;
font-size:13px;
border-bottom:1px solid #e8e8e8;
padding:10px 0px;
}

.pricing-button {
text-align:center;
margin-top:0px;
background-color:#fafafa;
padding:30px 10px;
}
.permonth {font-size:18px; color:#a2a1a1}
.dollar {font-size:18px; position:relative; top:0;}

.featured-plan:before {
  content: "";
  background: url(images/hot-price.png) no-repeat no-repeat center center;
  position: absolute;
  right: 12px;
  top: -3px;
  height: 52px;
  width: 52px;
  z-index:12
}



ul.pricing-payment {
width:100%;
margin:0 -16px 0  -7px;

float:left;
}

ul.pricing-payment li {
width:12.206%;
height:64px;
list-style:none;
text-align:center;
margin:0 1px 7px 1px;
filter: alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
float:left;
}

ul.pricing-payment li:hover {
filter: alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;	
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

ul.pricing-payment li img {
width:64px;
height:64px;
}

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

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

.video-container-post {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
margin-bottom:20px;
}
.video-container-post iframe, .video-container-post object, .video-container-post embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

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

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

.videobg-container{
position: relative;
height: 0;
overflow:hidden
}

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


.videobg-container .panel {
  border: none;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  padding: 38px 0 47px 0;
}
.videobg-container p {
  color: #434343;
}

/*======================================================================================= TWITTER =======================================================================================*/
.twitter-contact-container .socicon-twitter {
  font-size: 128px;
  position: relative;
  color: #4da7de;
}
.twitter-contact-container .heading-title {
  margin-bottom: 20px;
}
.twitter-contact-container li {
  list-style: none;
}
.twitter-contact-container .tweet_list {
  margin-bottom: 0;
}

.tweet_list li {
  font-family: Georgia, serif;
  color: #afafaf;
  font-style: italic;
  font-size: 16px;
}

.twitter-title.bottom-line{margin-bottom:28px;}
.twitter-title.bottom-line h3{margin:0;}
.twitter-title.bottom-line:after {
  content: "";
  width: 96px;
  height: 4px;
  position: relative;
  display: inline-block;
  background: #ff8d2c;
}

/*======================================================================================= WRAPBOX =======================================================================================*/
.idz-wrapbox-container{margin:0 15px;}
.idz-wrapbox{padding:0; }
.idz-wrapbox-content{padding:50px 0; }
.colorwhite h1, .colorwhite h2, .colorwhite h3, .colorwhite h4, .colorwhite h5, .colorwhite h6{color:#fff;}



/*======================================================================================= TESTIMONIAL =======================================================================================*/
.testi-container {
width:100%;
margin-bottom:20px;
padding: 0; 
background-color:#fcfcfc;
border: solid 1px #e0e0e0;
position:relative;
float:left;
z-index:998;
-webkit-box-shadow: 0px 2px 0px 0px rgba(247,247,247,1);
-moz-box-shadow: 0px 2px 0px 0px rgba(247,247,247,1);
box-shadow: 0px 2px 0px 0px rgba(247,247,247,1);
}

.testi-container:before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 50px;
  bottom: -16px;
  border: 8px solid transparent;
  border-left: 8px solid #dedede;
  border-top: 8px solid #dedede;
}

.testi-container:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 51px;
  bottom: -13px;
  border: 8px solid transparent;
  border-left: 8px solid #fbfbfb;
  border-top: 8px solid #fbfbfb;
}

.testi-text-content {
width:100%;
float:left;
margin:0px;
padding:18px 28px 15px 30px;
}
.testi-text-content blockquote{padding:0;}

.testi-text-content blockquote:before {
  font-family: "Goudy Bookletter 1911", serif;
  content: "\201D";
  font-size: 90px;
  font-weight: bold;
  color: #e6e6e6;
  position: absolute;
  top: 15px;
  left:auto;
  right: 0 !important;
  z-index: -1;
}

.testi-pic {
width:62px;
height:62px;
margin:0px 10px 25px 0px;
background-color:#e7e7e7;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
float:left;
overflow:hidden;
}

.testi-name-text {
 font-family: "Raleway", sans-serif;
color:#434343;
line-height:19px;
font-size: 18px;
font-weight:400;
margin-top:6px;
float:left;
}

.company-name {
font-size: 12px;
font-weight: normal;
text-transform:uppercase;
color:#ff8d2c;
}


/*======================================================================================= TESTIMONIAL SLIDER =======================================================================================*/
.testimonial-slider-container {
  background: #f7f7f7;
  margin-left: 0rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 40px;
  min-height: 400px;
  border-bottom: 1px solid #dedede;
}

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

/* testimonial item */
.testimonial-item {
  position: relative;
}
.testimonial-item .testi-image{
  width: 96px;
  height: 96px;
  border: 3px solid #fff;
  float: left;
  position: relative;
  z-index: 3;
   -webkit-border-radius:500px;
  border-radius: 500px;
  overflow:hidden
}
.testimonial-item .testimonial-container {
  border-top: 1px solid #ff8d2c;
  margin-left: 140px;
  padding-top: 5px;
  margin-top: 4px;
}
.testimonial-item .testimonial-container h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.testimonial-item .testimonial-container span.testi-info {
  font-size: 11px;
}
.testimonial-item .testimonial-container:before {
  font-family: Georgia, serif;
  content: "\201D";
  font-size: 90px;
  font-weight: bold;
  color: #434343;
  position: absolute;
  top: 24px;
  left: 74px;
  z-index: 2;
}
.testimonial-item .testimonial-text {
  clear: both;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
  padding: 28px 38px 0;
  line-height: 34px;
  color: #6d6d6d;
}
.testimonial-item .testimonial-text p {
  margin-bottom: 0;
}

.idz-slider-testimonial  {
  padding: 0 30px;
  margin-bottom: 16px;
}
.idz-slider-testimonial  .owl-controls {
  margin-top: 20px;
}
.idz-slider-testimonial  .owl-controls .owl-page span{
  background: #a7a7a7;
  width:12px;
  height:12px;
}
.idz-slider-testimonial  .owl-controls .owl-page.active span, .idz-slider-testimonial  .owl-controls .owl-page:hover span {
  background: #ff8d2c;
}
.idz-slider-testimonial .testimonial-item span.testi-info{
  background: #fff;
  padding: 3px 10px 4px 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color:#ff8d2c;
}

/*======================================================================================= CLIENT LIST =======================================================================================*/
.idz-client-list{list-style-type:none; margin:0; padding:0; width:100%; float:left}
.idz-client-list-container h3{margin:0 0 5px 0;}
.idz-client-list-container h4{font-family: Georgia, serif;
  font-style: italic;
  font-size: 16px;
  display: block;
  color: #afafaf;}

.client-title:after {
  content: "";
  width: 96px;
  height: 4px;
  position: relative;
  display: inline-block;
  background: #ff8d2c;
}

.idz-client-list {
  margin-top: 10px;
}
.idz-client-list li {
  position: relative;
  text-align: center;
}
.idz-client-list li:before {
  content: "";
  width:2px; 
  height:16px;
  position: absolute;
  left: -1px;
  bottom: 23px;
  background:#dedede
}
.idz-client-list li:after {
  content: "";
  width:16px; 
  height:2px; 
  position: absolute;
  bottom: 14px;
  left: 8px;
  background:#dedede
}
.idz-client-list li img {
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.idz-client-list li:hover img {
  opacity: 0.8;
}


.idz-client-list li div:after{
  content: "";
  width:2px; 
  height:16px; 
  position: absolute;
  bottom: -14px;
  left: -1px;
  background:#dedede;
}
.idz-client-list li div:before{
 content: "";
  width:16px; 
  height:2px; 
  position: absolute;
  bottom:14px;
  left: -24px;
  background:#dedede
}


.idz-client-list li:nth-child(3n+1) div:after, .idz-client-list li:nth-child(3n+1) div:before, .idz-client-list li:nth-child(3n+1):after, .idz-client-list li:nth-child(3n+1):before{
  content: none;
  background:transparent;
}


/*======================================================================================= CLIENT INLINE LIST =======================================================================================*/
.idz-client-inline-container{
  padding: 30px 30px 40px 30px;
  border: 1px solid #dedede;
  border-left:0;
  position: relative;
  -webkit-box-shadow: inset 4px 0px 0px 0px #ff8d2c;
-moz-box-shadow: inset 4px 0px 0px 0px #ff8d2c;
box-shadow: inset 4px 0px 0px 0px #ff8d2c;
}

.idz-client-inline-container h3{
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
  font-size: 22px;
}

.idz-client-inline li{list-style-type:none; display:inline-block; border-right: 2px solid #dedede; margin:0 0 10px 0; padding-bottom:0px !important}
.idz-client-inline li:last-child{border:0;}
.idz-client-inline li img {
  text-align: center;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
.idz-client-inline li:hover img {
  opacity: 0.5;
}


/*======================================================================================= TEAM LIST =======================================================================================*/
.team-title-section{text-align:center; margin-bottom:30px}
.team-title-section h2{
font-size:30px;
margin:0
}

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

.team-title-section:after{
content: "";
width: 96px;
height: 4px;
position: relative;
display: inline-block;
background: #ff8d2c;
}

.team-wrap img{
  -webkit-box-shadow: 3px 3px 0px 0px #f2f2f2;
  -moz-box-shadow: 3px 3px 0px 0px #f2f2f2;
  box-shadow: 3px 3px 0px 0px #f2f2f2;
}
.team-info{text-align:center; padding:15px 0 0 0}
.team-name {
font-family: "Raleway", sans-serif;
font-weight: 400;
color: #434343;
letter-spacing: -0.5px;
-webkit-font-smoothing: antialiased;
font-size:21px;
line-height:25px;
display:block;
margin-bottom:5px;
}
.team-name a, .team-name a:visited, .team-name a:hover{color:#434343;}
.subheader{
  text-transform: uppercase;
  font-size: 11px;
  color: #c6c6c6;
  margin-bottom: 13px;
}
.team-desc, .team-social{text-align:center;}
.team-social{padding:15px 0 0 0;}
.team-social ul{list-style-type:none; padding:0; margin:0;}
.team-social ul li{
display:inline-block;
padding: 4px 9px;
background: #ff8d2c;
margin-right: 2px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
 }
.team-social li:hover {
  background: #fff;
}
.team-social li:hover a {
  color: #ffa95f;
}
.team-social a {
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.team-social li:last-child {
  margin-right: 0;
}

.team-container-carousel{margin:0 15px; overflow:hidden}
.team-container-carousel .team-title-section{text-align:left;}
.team-container-carousel .team-desc, .team-container-carousel .team-social, .team-container-carousel .team-info{text-align:left;}
.team-slider-container{
  width: -moz-calc(100% + 30px);
  width: -webkit-calc(100% + 30px);
  width: -o-calc(100% + 30px);
  width: calc(100% + 30px);
}
.team-container-carousel .team-desc{padding-right:20px;}

.team-slider-nav{
display: inline-block;
float: right;
margin-top: -104px;
position: relative;
z-index: 5;
}


.team-slider-nav .left-nav, .team-slider-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;
}


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

.team-slider-nav .left-nav:hover i,  .team-slider-nav .right-nav:hover i{
  color: #ffa95f;
}


.team-slider-nav .left-nav {
  margin-right: 11px;
}
.team-slider-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;
}
.team-slider-nav.white .left-nav, .team-slider-nav.white .right-nav {
  border-color: #ffffff;
}
.team-slider-nav.white i{
  color: #ffffff;
}


/*======================================================================================= PORTFOLIO =======================================================================================*/
#pf-filter{margin:0 15px 40px 0px}
#pf-filter ul{list-style-type:none; padding:0; margin:0}
#pf-filter ul li{display:inline-block; text-transform:uppercase; font-weight:400; margin-right:15px;  font-family: "Open Sans", "Helvetica", Arial, sans-serif;}
#pf-filter ul li a, #pf-filter ul li a:visited{
border: 1px solid #dedede;
font-weight: normal;
padding: 8px 15px 8px 15px;
border: 1px solid #dedede;
color: #8e8e8e;
text-transform: uppercase;
font-weight: 800;
font-size:12px;
}
#pf-filter ul li a:hover, #pf-filter ul li a.selected{border: 1px solid #ffa95f;
  color: #ffa95f;}


.touch .pf-item{cursor:pointer;}

.pf-item-container{
padding:14px;
background: #f7f7f7 url(images/pattern-img-box.png) repeat repeat;
padding: 14px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #dedede;
}
.pf-item{
  position:relative;
  overflow:hidden
}

.pf-item h3{
  bottom: 0px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  width: 100%;
  text-align: left;
  margin-bottom: 26px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.pf-item h3 a, .pf-item h3 a:visited{color:#fff;}

.pf-item:hover h3 {
  margin-bottom: 158px;
  z-index: 9;
}

.pf-item-content  {
  opacity: 0;
  background: rgba(255, 141, 44, 0.7);
  height: 233px;
  position: absolute;
  top: -moz-calc(100% - 233px);
  top: -webkit-calc(100% - 233px);
  top: -o-calc(100% - 233px);
  top: calc(100% - 233px);
  text-align: left;
  padding: 27px 30px;
  color: #fff;
  z-index: 5;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width:100%;
}

.pf-item:hover .pf-item-content{
  opacity: 1;
}
.pf-item .pf-overlay{
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  z-index: 99;
  border:solid 1px;
  height:100%;
  width:100%;
}
.pf-item .pf-overlay{
  background: #000;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
   z-index: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.pf-item:hover .pf-overlay{
  opacity: 0;
}

.pf-item-content .pf-catname {
  text-transform: uppercase;
  font-size: 10px;
  display: block;
  position: relative;
  margin-bottom:34px;
}
.pf-item-content  .pf-catname  a, .pf-item-content  .pf-catname  a:visited{color:#fff;}
.pf-item-content p {
  margin: 0;
  font-size: 13px;
}

.pf-item-content br{display:none;}

.pf-item-content .preview,
.pf-item-content .permalink {
  font-size: 14px;
  width: 33px;
  height: 33px;
  background: #434343;
  line-height: 33px;
  bottom:-40px;
  display:inline-block;
  text-align:center;
  color:#fff;
  position:absolute;
   -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.pf-item-content .permalink {left: 70px;}
.pf-item-content .permalink.nolightbox{left:auto;}
.pf-item:hover .preview, .pf-item:hover .permalink{bottom:30px;}
.pf-item-content .preview:hover,
.pf-item-content .permalink:hover {
  background: #fff;
  color: #434343;
}

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

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

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

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

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

.idz-single-video, .idz-single-image, .idz-single-pfslider{
margin-bottom:40px;
 background: #f7f7f7 url(images/pattern-img-box.png) repeat repeat;
  padding: 14px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dedede;
}

.idz-single-pfslider ul{padding:0; margin:0; list-style-type:none;}
.idz-single-pfslider .owl-item img{width:auto; margin:0;}
.pf-container li{margin-right:-1px}
.idz-pfrelated{margin-top:30px;}

.idz-gallery-item-box{
  background: #f7f7f7 url(images/pattern-img-box.png) repeat repeat;
  padding: 14px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dedede;
  }
  
 .outer-porfolio-slider-container{width:100%; overflow:hidden; }

.porfolio-slider-container2{
  margin: 12px 0 0 0;
  width: -moz-calc(100% + 30px);
  width: -webkit-calc(100% + 30px);
  width: -o-calc(100% + 30px);
  width: calc(100% + 30px);
}

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

.pf-title-section{margin-bottom:0px}
.pf-title-section h3{
font-size:30px;
margin:0
}

.pf-title-section .pf-subtitle{
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 16px;
  display: block;
  color: #afafaf;
  margin:0;
}

.pf-title-section:after{
content: "";
width: 96px;
height: 4px;
position: relative;
display: inline-block;
background: #ff8d2c;
}


.idz-gallery-item {
  padding: 0 30px 0 0;
}
.idz-gallery-item .pf-slider-item img {
  margin-bottom: 2px;
   -webkit-box-shadow: 3px 3px 0px 0px #f2f2f2;
  -moz-box-shadow: 3px 3px 0px 0px #f2f2f2;
  box-shadow: 3px 3px 0px 0px #f2f2f2;
}




.pf-slider-item {
  position: relative;
}
.pf-slider-item .overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.03);
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.pf-slider-item .idz-image-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  height: 66px;
  opacity: 0;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.pf-slider-item .idz-image-caption h5, .pf-slider-item .idz-image-caption .detail {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: bold;
  position: absolute;
  opacity: 0;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.pf-slider-item .idz-image-caption .preview, .pf-slider-item .idz-image-caption .permalink {
  color: #fff;
  position: absolute;
  font-size: 14px;
  width: 33px;
  height: 33px;
  background: #434343;
  line-height: 33px;
  text-align: center;
  opacity: 0;
  bottom: 0;
  left: -moz-calc(50% - (33px + 5px));
  left: -webkit-calc(50% - (33px + 5px));
  left: -o-calc(50% - (33px + 5px));
  left: calc(50% - (33px + 5px));
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.pf-slider-item .idz-image-caption .preview:hover, .pf-slider-item .idz-image-caption .permalink:hover {
  color: #434343;
  background: #fff;
}
.pf-slider-item .idz-image-caption .permalink {
  left: -moz-calc(50% + 5px);
  left: -webkit-calc(50% + 5px);
  left: -o-calc(50% + 5px);
  left: calc(50% + 5px);
}
.pf-slider-item .idz-image-caption h5 {
  margin: 0;
  left: 27px;
  bottom: 0;
}
.pf-slider-item .idz-image-caption .detail {
  right: 27px;
  bottom: 0;
}
.pf-slider-item .idz-image-caption .detail:hover {
  color: #ffa95f;
}
.pf-slider-item .idz-image-caption .detail i {
  top: 2px;
  margin-left: 8px;
  position: relative;
  font-weight: 300;
}
.pf-slider-item:hover .overlay {
  opacity: 0;
}
.pf-slider-item:hover .idz-image-caption {
  opacity: 1;
}
.pf-slider-item:hover h5, .pf-slider-item:hover .detail {
  opacity: 1;
}
.pf-slider-item:hover h5 {
  bottom: 22px;
}
.pf-slider-item:hover .detail {
  bottom: 20px;
}
.pf-slider-item:hover .preview, .pf-slider-item:hover .permalink {
  bottom: -moz-calc(50% - (33px / 2));
  bottom: -webkit-calc(50% - (33px / 2));
  bottom: -o-calc(50% - (33px / 2));
  bottom: calc(50% - (33px + / 2));
  opacity: 1;
}

.pf-slider-nav{
display: inline-block;
float: right;
margin-top: -104px;
position: relative;
z-index: 3;
}


.pf-slider-nav .left-nav, .pf-slider-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;
}


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

.pf-slider-nav .left-nav:hover i,  .pf-slider-nav .right-nav:hover i{
  color: #ffa95f;
}


.pf-slider-nav .left-nav {
  margin-right: 11px;
}
.pf-slider-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;
}
.pf-slider-nav.white .left-nav, .pf-slider-nav.white .right-nav {
  border-color: #ffffff;
}
.pf-slider-nav.white i{
  color: #ffffff;
}

.pf-item-list ul{margin-top:0px}

/*======================================================================================= INTRO TEXT =======================================================================================*/
.idz-intro-text-container {padding:50px 0; background-repeat:no-repeat; text-align:center}

/*======================================================================================= CUSTOM HEADING =======================================================================================*/
.idz-custom-heading-section{margin:0 0 28px 0;}
.idz-custom-heading-section:after{
	content: "";
	width: 96px;
	height: 4px;
	position: relative;
	display: inline-block;
	background: #ff8d2c;
}
.custom-heading-title{margin:0; font-size: 1.999em;}
.custom-heading-subtitle{
	font-family: "hanna";
	font-style: italic;
	font-size: 16px;
	display: block;
	color: #afafaf;
}

.idz-custom-heading-section strong{font-weight:800;}

.idz-column-box-container {
  float:left;
  margin:0 15px;
  border-top: 4px solid #ff8d2c;
  margin-bottom: 40px;
  position:relative;
  width:1100px;
}
.idz-column-box-container  .column {
  /*border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;*/
  padding: 30px 40px 70px 40px;
}
.idz-column-box-container  .column:last-child {
  border-right: none;
}
.idz-column-box-container i.icon-c{
 background:#ff9900;
   font-size: 14px;
  line-height: 32px;
   width: 32px;
  height: 32px;
  background: #ff8d2c;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  display:inline-block;
  vertical-align:middle;
  color:#fff;
  text-align:center;
  margin:0 5px 0 0
}
.idz-column-box-container  p {
 
}
.idz-column-box-container  .idz-button {
  margin: 0;
  position: absolute;
  bottom:-15px
}
.idz-column-box-container  .idz-button.small {
  bottom:30px
}


.inline-heading-line {
  font-size: 24px;
  position: relative;
  margin: 0 0 20px;
}
.inline-heading-line: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;
}
.inline-heading-line span {
  background: #fff;
  display: inline-block;
  padding-right: 20px;
  position: relative;
  z-index: 3;
}

/*======================================================================================= RECENT POST SLIDER =======================================================================================*/
.blog-slider-container{position:relative;}
.blog-slider-container .post-image{
 background: #f7f7f7 url(images/pattern-img-box.png) repeat repeat;
  padding: 14px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dedede;
  margin-bottom:20px;
}
.blog-post-item h4, .blog-post-item h4 a, .blog-post-item h4 a:visited{color:#444; margin-bottom:0}
.blog-post-info li{color:#ff8d2c;}

.blog-slider-nav{
display: inline-block;
float: right;
margin-top: -104px;
position: relative;
z-index: 3;
}


.blog-slider-nav .left-nav, .blog-slider-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-slider-nav .left-nav:hover, .blog-slider-nav .right-nav:hover{
border-color: #ffa95f;
  cursor: pointer;
}

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


.blog-slider-nav .left-nav {
  margin-right: 11px;
}
.blog-slider-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-slider-nav.white .left-nav, .blog-slider-nav.white .right-nav {
  border-color: #ffffff;
}
.blog-slider-nav.white i{
  color: #ffffff;
}


/*======================================================================================= RECENT POST =======================================================================================*/
.idz-recent-posts {
  border: 1px solid #dedede;
  margin-bottom: 20px;
  position: relative;
}
.idz-recent-posts .post-desc {
  padding: 30px;
}
.idz-recent-posts .post-desc h4 {
  font-size: 18px;
  margin-top: 0;
}
.idz-recent-posts .post-desc h4 a, .idz-recent-posts .post-desc h4 a:visited{color:#444;}
.idz-recent-posts .post-image {
  margin: -1px -1px 0 -1px;
  text-align: center;
}
.idz-recent-posts .post-image:after {
  content: "";
  background: url(images/pattern-img-box2.png) repeat-x;
  height: 30px;
  width: 100%;
  position: relative;
  display: block;
  margin-top:1px;
}
.idz-recent-posts li {
  border-right: 1px solid #ff8d2c;
  padding-right: 10px;
  margin-right: 10px !important;
  line-height: 1;
  display: inline-block;
}
.idz-recent-posts li a {
  color: #ff8d2c;
  text-transform: uppercase;
  font-size: 11px;
}
.idz-recent-posts li a:hover {
  color: #ffa95f;
}
.idz-recent-posts li:last-child {
  border-right: none;
}
.idz-recent-posts:after {
  content: "";
  background: #ff8d2c;
  height: 4px;
  left: -1px;
  bottom: -1px;
  width: -moz-calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: -o-calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
}


/*======================================================================================= ROOM POST =======================================================================================*/
.idz-room-posts {
  border: 1px solid #dedede;
  margin-bottom: 20px;
  position: relative;
}
.idz-room-posts .room-desc {
  padding: 30px;
}
.idz-room-posts .room-desc h4 {
  font-size: 18px;
  margin-top: 0;
}
.idz-room-posts .room-desc h4 a, .idz-room-posts .room-desc h4 a:visited{color:#444;}
.idz-room-posts .room-image {
  margin: -1px -1px 0 -1px;
  text-align: center;
}
.idz-room-posts .room-image:after {
  content: "";
  background: url(images/pattern-img-box2.png) repeat-x;
  height: 30px;
  width: 100%;
  position: relative;
  display: block;
  margin-top:1px;
}
.idz-room-posts li {
  border-right: 1px solid #ff8d2c;
  padding-right: 10px;
  margin-right: 10px !important;
  line-height: 1;
  display: inline-block;
}
.idz-room-posts li a {
  color: #ff8d2c;
  text-transform: uppercase;
  font-size: 11px;
}
.idz-room-posts li a:hover {
  color: #ffa95f;
}
.idz-room-posts li:last-child {
  border-right: none;
   margin-right: 0px !important;
}
.idz-room-posts:after {
  content: "";
  background: #ff8d2c;
  height: 4px;
  left: -1px;
  bottom: -1px;
  width: -moz-calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: -o-calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
}



.room-carousel-nav{
	display: inline-block;
	float: right;
	margin-top: -70px;
	margin-right: 21px;
	position: relative;
	z-index: 3;
 }

.room-carousel-nav .left-nav, .room-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;
}


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

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


.room-carousel-nav .left-nav {
	margin-right: 11px;
}
.room-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;
}
.room-carousel-nav .left-nav, .room-carousel-nav .right-nav {
  border-color: #ffffff;
}
.room-carousel-nav i{
  color: #ffffff;
}


#single-room-container{
  border: 1px solid #dedede;
  margin-bottom: 20px;
  position: relative;
}
#single-room-container:after {
  content: "";
  background: #ff8d2c;
  height: 4px;
  left: -1px;
  bottom: -1px;
  width: -moz-calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: -o-calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
}

.room-gallery-container{margin:-1px -1px 20px -1px}
.single-room-content{padding:0 20px 20px 20px;}
.room-gallery-container:after{
content: "";
background: url(images/pattern-img-box2.png) repeat-x;
height: 30px;
width: 100%;
position: relative;
display: block;
margin-top:1px;
}

.room-gallery-container ul{margin:0;}
.room-meta{padding:10px 0 20px 0; color:#ff8d2c; text-align:center}
.room-meta i{padding-right:8px}
.room-price, .room-square, .room-person{display:inline-block; padding:0 10px 0 0}
.room-meta span{
font-size: 12px;
background: #ff8d2c;
font-weight: bold;
text-transform: uppercase;
padding: 13px 23px;
border:0;
font-family: "Open Sans", "Helvetica", Arial, sans-serif;
display: inline-block;
text-align: center;
vertical-align: middle;
background-image: none;
white-space: nowrap;
color: #fff;
line-height: 1.42857;
margin-bottom: 10px;
margin-right:10px
}

.room-meta ul{margin-bottom:20px !important;}
.room-meta li {
  border-right: 1px solid #ff8d2c;
  padding-right: 10px;
  margin-right: 10px !important;
  line-height: 1;
  display: inline-block;
}
.room-meta li:last-child{border:0;}



/*======================================================================================= ANIMATED NUMBER =======================================================================================*/
.counter-trigger {
  margin-top: 0;
  border-top: 4px solid #ff8d2c;
  clear:both;
}
.counter-trigger ul{padding:0; margin:0;}
.counter-trigger li:before {
  content: "";
  width: 1px;
  background: #dedede;
  position: relative;
  display: inline-block;
  left: 50%;
  margin-bottom: -8px;
}
.counter-trigger li:nth-child(1):before {
 height: 50px;
}
.counter-trigger li:nth-child(2):before {
   height: 90px;
}
.counter-trigger li:nth-child(3):before {
  height: 30px;
}
.counter-trigger li:nth-child(4):before {
  height: 76px;
}
.counter-trigger .icon-shape {
  width: 128px;
  height: 128px;
  line-height: 128px;
  background: #f7f7f7;
   margin:0 auto;
}
.counter-trigger .icon-shape i {
  color: #636363;
  font-size: 44px;
  line-height: 120px;
}
.counter-trigger .icon-shape.circle.stroke {
  border: 1px solid #dedede;
}
.counter-trigger .icon-container {
  margin:0 auto 14px auto;
}
.counter-trigger .title-box {
  font-size: 32px;
  margin-bottom: 0;
}
.counter-trigger .text-container p {
  font-size: 11px;
  color: #ff8d2c;
  text-transform: uppercase;
  font-weight: bold;
}

.counter-trigger .box-icon {text-align:center;}


/*======================================================================================= EVENTS =======================================================================================*/
.idz-events-box{background:#f3f3f3;padding:45px 30px; position:relative; margin-left:3px; overflow:hidden}
.idz-events-heading{font-size:18px; font-weight:700;}
.idz-events-box ul{list-style-type:none; margin:0; padding:0;}
.idz-events-box ul li{width:100%;}
.idz-events-box ul li{ display: none }
.idz-events-box ul li:first-child{ display: block }


.idz-events-date{float:left; color:#48b5e9; border-right:solid 1px #dad7d7; padding-right:25px;}
.idz-events-d{font-size:38px; font-weight:700; line-height:40px; display:block;}
.idz-events-m{font-size:18px; font-weight:400;}


.idz-events-title-con{ overflow:hidden; padding-left:25px;}
.idz-events-title-con p{margin-bottom:0;}
.idz-events-title{font-size:18px; line-height:26px; font-weight:300; margin-bottom:5px;}
.idz-events-title a, .idz-events-title a:visited{color:#838383 !important;}
.idz-events-h{font-size:13px; font-weight:700; color:#848383}

.idz-events-nav{position:absolute; top:45px; right:50px;}
.idz-events-nav span{cursor:pointer; font-size:14px; color:#5d5d5d; padding-left:16px}

table.em-calendar td { padding: 10px 4px; text-align: center !important; background:#fff; border:1px solid #ebebeb; color:#8c8c8c }
table.em-calendar thead td{padding:10px 4px;}
table.em-calendar.table tr.days-names { font-weight: bold; } 
table.em-calendar td.eventless-pre, .em-calendar td.eventless-post { color: #ccc; }
table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a{ color: #aaa; text-decoration:underline; }
table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {}
table.em-calendar td.eventful-today a { font-weight: bold; }
table.em-calendar td.eventless-today, table.em-calendar td.eventful-today { background-color: #f0f0f0; }
table.em-calendar thead { font-size: 120%; font-weight: bold; }
table.fullcalendar { border-collapse: collapse; }
table.fullcalendar td { text-align: left; width: 50px; height: auto; border: 1px solid #ebebeb; vertical-align:middle }
div.em-calendar-wrapper { position:relative; }
table.em-calendar{border:solid 1px #ebebeb;}
table.em-calendar thead td{background:#f0f0f0 !important;}
.days-names td{font-weight:bold; background:#f0f0f0 !important;  border-bottom:1px solid #ebebeb !important;}
.eventful ul{list-style-type:none; margin:0; padding:0;}
.eventful ul li{font-size:11px;}
.em-calnav{color:#848383 !important; font-size:0;}
.em-calnav-next:before{font-family: 'icomoon-idz'; background:none;width:auto; height:auto; font-style:normal; font-size:16px; margin-left:8px; position:relative; top:2px; font-weight:300; content: "\e72b"; border-radius:100px; border:solid 1px; padding:3px}
.em-calnav-prev:before{font-family: 'icomoon-idz'; background:none;width:auto; height:auto; font-style:normal; font-size:16px; margin-left:8px; position:relative; top:2px; font-weight:300; content: "\e72f"; border-radius:100px; border:solid 1px; padding:3px}
div.css-search{border-radius:0;}
.table-wrap{border:solid 1px #ebebeb;}
.table-wrap thead tr{background:#f0f0f0;}
.table-wrap th{vertical-align:middle;}
.table-wrap td{background:#fff;}

/* event manager */
div.css-search{
border-radius:0px !important;
}
div.css-search div.em-search-main .em-search-submit {
position:absolute !important;
top: 35px !important; right: 16px !important;
-moz-box-shadow:none !important;;
-webkit-box-shadow:none !important;;
box-shadow:none !important;
background:#474747 !important;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px !important;
border:0 !important;;
display:inline-block;
color:#ffffff;
font-weight:bold;
padding:0;
text-decoration:none;
text-shadow:0px !important;
line-height:16px;
width:39px;
height:39px;
}

div.css-search div.em-search-main div.em-search-field{display:inline-block !important; width:46% ; margin:0 !important; padding:0px !important}
div.css-search div.em-search-main div.em-search-geo.em-search-field{margin-left:8px !important;}
div.css-search.has-search-geo.has-search-term input.em-search-text, div.css-search.has-search-geo.has-search-term input.em-search-geo{width:100% !important;}

div.css-search div.em-search-main .em-search-submit:hover {
background:#48b5e9;
}

.em-search-scope input{border:solid 2px; float:left; display:inline-block;}
.em-date-start, .em-date-end{float:none !important; display:inline-block !important;}
.em-events-search-dates{width:100% !important; display:block !important}

.em-search-wrapper{margin-bottom:50px;}
div.css-search{padding:0px; border:solid 1px #e0e0e0; box-shadow: 2px 2px 0px #f4f4f4;}
.em-search-options{background:#f7f7f7; font-size:13px; padding:14px 16px !important;}
div.css-search input, div.css-search select, div.css-search option, div.css-search div, div.css-search span, div.css-search button{font-size:13px;}
div.css-search.has-advanced div.em-search-main{border-bottom:0; padding:0px 16px 16px 16px !important}


input.em-search-text, input.em-search-geo{color:#b5b5b5; font-size:14px;}
div.css-search div.em-search-geo{background:transparent !important; padding-left:0 !important}
div.css-search div.em-search-geo:before{
font-family: 'WebHostingHub-Glyphs';
font-size:16px;
content: "\f21f";
color:#b5b5b5;
position:relative; top:2px;
}

input.em-events-search-text, input.em-search-geo{border:solid 1px #dedede !important;}
div.css-search div.em-search-text{background:transparent !important; padding-left:0 !important}
div.css-search div.em-search-text:before{
font-family: 'WebHostingHub-Glyphs';
font-size:16px;
content: '\f0c5';
color:#b5b5b5;
position:relative; top:2px;
}

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a{color:#48b5e9;}

div.css-search input.em-search-text, div.css-search input.em-search-geo{color:#b5b5b5;}
input.em-search-text::-webkit-input-placeholder, input.em-search-geo::-webkit-input-placeholder {color:#b5b5b5 !important; font-size:14px !important;}
input.em-search-text::-moz-placeholder, input.em-search-geo::-moz-placeholder {color:#b5b5b5 !important; font-size:14px !important;}
input.em-search-text:-ms-input-placeholder, input.em-search-geo:-ms-input-placeholder {color:#b5b5b5 !important; font-size:14px !important;}
input.em-search-text:-moz-placeholder, input.em-search-geo:-moz-placeholder {color:#b5b5b5 !important; font-size:14px !important;}

.em-toggle.show .hide{display:block !important;}
.em-toggle.hide .show{display:block !important;}
.em-toggle.hide{display:block !important;}

div.css-search div.em-search-advanced, div.css-search div.em-search-options{padding:10px 16px 14px 16px;}
.em-search-location{padding:0px !important;}

.events-table{border-spacing:0;}
.events-table tr{border-bottom:solid 10px #fff;}
.events-table td{background:transparent; border-bottom:0; vertical-align:top; padding:0}
.dz-event-img{padding:0;}
/*.events-table tr:nth-child(odd) {background:#f0f0f0}
.events-table tr:nth-child(even) {background:#e4e4e4}
*/



.events-table td.idz-event-time{background:#ff8d2c; padding:0; vertical-align:middle; color:#fff; width:85px; height:85px; text-align:center}
.idz-event-time .e-date{display:block;

font-family: "Raleway", sans-serif;
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}

.idz-event-time .e-month{
font-family: "Raleway", sans-serif;
font-size: 18px;
  display: block;
  font-weight: normal;
  margin-top: 5px;
}
.idz-event-time .e-year{font-size:24px; font-weight:700; display:block; padding-bottom:0px; display:none}
.idz-event-text .e-time{font-size:11px; font-weight:300; text-transform:uppercase; color:#ff8d2c}

.single-event  .e-date{font-size:18px; font-weight:400;}
.single-event .e-year{display:block;}
.single-event .e-time{text-transform:uppercase; font-size:11px; padding-top:10px; display:block}

.idz-event-singlepage-location a, .idz-event-singlepage-location a:visited, .idz-event-singlepage-location a:hover{color:#fff;}
.idz-event-singlepage-cat a, .idz-event-singlepage-cat a:visited, .idz-event-singlepage-cat a:hover{color:#fff;}


.events-table td.idz-event-img{width:85px; height:85px; padding:0;}
.events-table td.idz-event-img img{display:block; height:85px;}

.events-table td.idz-event-text{padding:0 20px; vertical-align:middle}
span.event-title{display:block; padding-bottom:5px}
span.event-title, span.event-title a, span.event-title a:visited{font-size:18px !important; font-weight:400 !important; color:#848484; font-family:"Raleway", sans-serif}
span.event-excerpt{font-size:13px; line-height:22px;}

/*single event*/
.white-line{height:1px; background:#fff; margin:20px 0}
.idz-event-singlepage-location, .idz-event-singlepage-cat{padding-bottom:10px;}
.idz-event-singlepage-location i, .idz-event-singlepage-cat i{padding-right:10px;}
.idz-event-singlepage-excerpt{font-size:14px; color:#fff; font-weight:300; padding-top:8px}

/*booking*/
.em-tickets tr:nth-child(odd), #dbem-bookings-table tr:nth-child(odd) {background:#f0f0f0}
.em-tickets tr:nth-child(even), #dbem-bookings-table tr:nth-child(even) {background:#e4e4e4}
.em-tickets td{background:transparent;}
div.em-booking-login{border-left:solid 1px #e0e0e0;}
#em_wp-submit{margin-bottom:10px; display:block;}
div.em-booking-login label{width:100px;}

.em-pagination{ padding:30px 0 0 0; display:block}
.em-pagination .page-numbers{
font-size:14px;
font-weight:700;
text-transform:uppercase;
font-weight:normal !important;
display:inline-block;
color:#cacaca !important;
background: #fff; 
border: solid 2px #cacaca !important;
text-decoration:none;
margin:0 5px 5px 0 !important;
padding:6px 17px !important;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}

.em-pagination .page-numbers:hover, .em-pagination .page-numbers.current{
color:#48b5e9 !important;
font-weight:normal !important;
margin:0 5px 5px 0 !important;
padding:6px 17px !important;
background:#fff;
border:2px solid #48b5e9 !important;
}



/*======================================================================================= RESERVATION FORM =======================================================================================*/
.reservation-container{
  background: #f7f7f7;
  position: relative;
  padding: 38px 30px 0 30px;
  border-bottom: 1px solid #dedede;
  margin-top:0px;
}
.reservation-container.nomargin{margin:0;}
.reservation-container .reservation-icon {
  font-size: 33px;
  color: #ff8d2c;
  margin-bottom: 22px;
}
.reservation-container p{
  font-family: "Goudy Bookletter 1911", serif;
  font-size: 20px;
  margin-bottom: 20px;
}
.reservation-text2 {
  text-transform: uppercase;
  font-size: 12px;
  color: #939393;
}

/*.reservation-form-container {
  position: relative;
  right: -45px;
  top: -148px;
  background: #ff8d2c;
  z-index: 999;
  padding: 40px 30px 20px 30px;
  min-height:400px;
  color:#fff;
  margin-left:-60px;
  margin-bottom:-186px;
}*/
.reservation-form-container {
  position: relative;
  right: -45px;
  margin-top: -148px;
  background: #ff8d2c;
  z-index: 999;
  padding: 40px 30px 20px 30px;
  min-height:400px;
  color:#fff;
  margin-left:-60px;
  margin-bottom:0px !important;
}
.reservation-form-container h3 {
  color: #fff;
  margin-top: 0;
}
.reservation-form-container .wpcf7-submit{
  background: #f87200;
  width:100%;
}

.reservation-form-container p{margin:0;}
.reservation-form-container .wpcf7-response-output{display:none !important; visibility:hidden !important}
.reservation-form-container .div.wpcf7-mail-sent-ok{border:0 !important; visibility:hidden !important}
.reservation-form-container span.wpcf7-not-valid-tip{color:#fff; font-size:11px;}