/*
Theme Name: Salem
Theme URI: http://mvhtml.senorthemes.com
Author: SeñorThemes
Author URI: http://senorthemes.com/
Description: UI Flat design Single Page site.
Version: 1.0.0
License: 
Tags:  responsive-layout, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, theme-options
License URI:
Text Domain: salem

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 Accessibility
2.0 Alignments
3.0 Clearings
4.0 Widgets
5.0 Content
	5.1 Posts and pages
	5.2 Asides
	5.3 Comments
6.0 Media
	6.1 Captions
	6.2 Galleries
7.0 Infinite scroll
8.0 Forms
9.0 General
10.0 Button
11.0 Menu Setting
12.0 Typography
13.0  Video section
14.0  Our specialty
15.0  Our Team
16.0  How We Do It
17.0  CountDown
18.0  Features
19.0  Ask questions
20.0  Brand
21.0  Testimonials
22.0  Parallax
23.0 Isotope Portfolio 
24.0 News article/Blog
25.0 Contact Us
26.0 Footer
27.0 Single post page
28.0 Fit tracker page
29.0 Blog page
30.0 Specialty page

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

/*--------------------------------------------------------------
1.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
2.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
3.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
.social-icon a i:before {
  margin-left: 0.3em;
}
/*--------------------------------------------------------------
4.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 45px;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}
.widget img{
	height: auto;
	max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
5.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Posts and pages
--------------------------------------------------------------*/

.hentry {
  margin: 0;
  overflow: hidden;
}
.sticky .entry-post{
  background: none repeat scroll 0 0 #f4f4f4;
  display: block;
  overflow: hidden;
  padding: 0 5px 0 0;
}
.sticky .entry-content {
  padding-left: 15px;
}
.grid-col .sticky .entry-post {
  padding: 0;
}
.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content, .entry-content, .entry-summary {
  margin: 0;
}
.page-content-wrap{
  margin-top:56px
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.full-width {
  overflow: hidden;
  width: 100%;
}
/*--------------------------------------------------------------
5.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
5.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
5.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed, iframe, object {
  border: medium none;
  max-width: 100%;
}

/*--------------------------------------------------------------
6.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
6.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
7.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
8.0 Forms
--------------------------------------------------------------*/

*::selection {
  background: #da491c; /* WebKit/Blink Browsers */
  color: #ffffff; /* WebKit/Blink Browsers */
}
*::-moz-selection {
  background: #da491c;
  color: #ffffff; /* Gecko Browsers */
}

button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  background: none repeat scroll 0 0 #333333;
  border: 1px solid #333333;
  border-radius: 3px;
  box-shadow: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  margin: 5px 0;
  padding: 11px 40px;
  text-transform: uppercase;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: none repeat scroll 0 0 #da491c;
  border-color: #da491c;
  box-shadow: none;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background: none repeat scroll 0 0 #da491c;
  border-color: #da491c;
  box-shadow: none;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
  color: #111111;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 10px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

.nicescroll-rails{
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.nicescroll-rails:hover{opacity:1!important}

/*--------------------------------------------------------------
9.0 General
--------------------------------------------------------------*/

body {
  color: #575757;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 400;
  -webkit-backface-visibility: hidden;
}
body > #content {
  height: auto !important;

}
a ,.btn,button, html input[type="button"], input[type="reset"], input[type="submit"]{
   -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
a {
  color: #da491c;
}
a:hover {
  color: #a9796e;
  text-decoration: none;
}
a:focus {
  outline: medium none;
  outline-offset: 0;
}
a:hover, a:focus {
  text-decoration: none;
}
a:hover i {
    text-decoration: none;
}
.nopadr {
    padding-right: 0px;
}

.nopadl {
    padding-left: 0px;
}

.clearfix {
    line-height: 0;
}
p {
  color: #575757;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 10px;
  -webkit-font-smoothing: antialiased;
}
blockquote {
  border-bottom: 1px solid #e7e7e7;
  border-left: medium none;
  border-top: 1px solid #e7e7e7;
  color: #da491c;
  font-family: "Open Sans",sans-serif;
  font-size: 30px;
  font-weight: 300;
  margin: 20px 0;
  padding: 15px 10px;
}
blockquote footer, blockquote p {
  color: #da491c;
  font-family: "Open Sans",sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0;
}
.noanimation{
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}

/*--------------------------------------------------------------
10.0 Button
--------------------------------------------------------------*/

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
  outline: medium none;
}
.btn:focus, .btn.focus {
  color: #DDDDDD;
}
.btn-area {
  margin: 30px 0px;
}
.large_text .btn-lg:first-child {
  margin-right:30px
}
.large_text .btn-default, .btn-default {
  background-color: #FFFFFF;
  border: 1px solid #333333;
  color: #333333;
  font-family: "Open Sans",sans-serif;
  border-radius: 3px 3px 3px 3px;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 16px;
  margin: 0 10px 10px 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.large_text .btn-default:hover, .large_text .btn-default:focus, .large_text .btn-default:active, .large_text .btn-default.active, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #333;
    border: 1px solid #333333;
}

.large_text .btn-inverse, .btn-inverse{
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  border-radius: 3px 3px 3px 3px;
  font-size: 14px;
  font-weight: 300;
}
.large_text .btn-inverse:hover,.btn-inverse:hover,.btn-inverse:focus{
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #333333;
}

.btn-width {
  background: none repeat scroll 0 0 #333333;
  border-radius: 0 0 0 0;
  color: #FFFFFF;
  max-height: 105px;
  overflow: hidden;
  padding: 42px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 9;
}
.btn-width:hover{
  background: none repeat scroll 0 0 #DA491C;
  border-radius: 0 0 0 0;
  color: #FFFFFF;
}

.btn-red{
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  border-radius: 3px 3px 3px 3px;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
}
.btn-red:hover{
    color: #FFFFFF;
    background-color: #DA491C;
    border: 1px solid #DA491C;
}

.btn-info span, .large_text.btn-info span {
  display: inline-block;
  font-size: 20px;
  font-variant: normal;
  font-weight: 300;
  line-height: 1;
  margin-left: -5px;
  margin-right: 0.6em;
  margin-top: 0;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1em;
}
.btn-info, .large_text .btn-info {
  border-radius: 3px;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.btn-play span, .large_text.btn-play span {
  display: inline-block;
  font-size: 18px;
  font-variant: normal;
  font-weight: 300;
  line-height: 1.1;
  margin-left: -5px;
  margin-right: 0.3em;
  margin-top: 0;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: auto;
}
.btn-play, .large_text .btn-play {
  line-height: 1.6;
  position: relative;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.btn-lg {
  margin: 10px 0;
  min-width: 270px;
  padding: 22px 23px;
  text-transform: uppercase;
  text-align: center;
}
.large_text .btn-lg{
  height: 70px;
  margin: 10px 30px 0 0;
  max-width: 270px;
  min-width: 270px;
  padding: 22px 23px;
  text-align: center;
}

/*--------------------------------------------------------------
11.0 Menu Setting
--------------------------------------------------------------*/

.navbar .container{
  position:relative
}
.navbar {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
  border-top: medium none;
  border-left: medium none;
  border-right: medium none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  margin-bottom: 0;
  max-height: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}
body.home .navbar {
  padding:15px 0;
}
body.admin-bar .navbar {
    top: 28px;
}
.navbar-brand > img {
  max-height: 140px;
}
/***********Custom Page navigation***************/

div.single-work .navbar {
  top: -70px;
}
body.single .navbar {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #e7e7e7;
}
body .home-nav .navicon:after,body  .home-nav .navicon:before {
  background: none repeat scroll 0 0 #ffffff;
}
body.single .navicon:after,body.single .navicon:before {
  background: none repeat scroll 0 0 #333;
}
body  .home-nav .navicon {
  background: none repeat scroll 0 0 #ffffff;
}
body.single .navicon {
  background: none repeat scroll 0 0 #333;
}

body  .home-nav .navbar .navbar-brand,body  .home-nav .navbar.top .navbar-brand {color: #ffffff;}
body .home-nav .navbar.bottom .navbar-brand {
  color: #333;
}
body .home-nav .navbar.bottom.menu-is-open .navbar-brand {
  color: #fff;
}
body  .home-nav .navbar, body  .home-nav .navbar.top {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
}
body .home-nav .navbar.bottom {
  background: none repeat scroll 0 0 #fff;
  border-bottom: 1px solid #ddd;
}

.navbar.bottom:not(.menu-is-open) {
  box-shadow: 0 0 2px #ddd;
}

body  .home-nav .navbar.bottom .navicon:after,body  .home-nav .navbar.bottom .navicon:before {background: none repeat scroll 0 0 #333;}
body .home-nav .navbar.bottom.menu-is-open .navicon:after, body .home-nav .navbar.bottom.menu-is-open .navicon:before {
  background: none repeat scroll 0 0 #fff;
}
body  .home-nav .navbar.bottom .navicon{background: none repeat scroll 0 0 #333;}
body.single .navbar.bottom .navicon:after,body.single .navbar.bottom .navicon:before {background: none repeat scroll 0 0 #333;}
body  .home-nav .navbar.bottom .navicon.is-clicked{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

/***************end custom page navigation ******************/



.navbar {
  -webkit-transition: -webkit-transform .3s .3s, background .3s, color .1s;
     -moz-transition:    -moz-transform .3s .3s, background .3s, color .1s;
       -o-transition:      -o-transform .3s .3s, background .3s, color .1s;
          transition:         transform .3s .3s, background .3s, color .1s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
    z-index: 99999;
}

.navbar-tall,
.navbar-show {
  opacity: 1;
  -webkit-transition: -webkit-transform .25s, background 0.3s, color .3s;
     -moz-transition:    -moz-transform .25s, background 0.3s, color .3s;
       -o-transition:      -o-transform .25s, background 0.3s, color .3s;
          transition:         transform .25s, background 0.3s, color .3s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.navbar-hide {
  opacity: 0;
  -webkit-transition: -webkit-transform .2s, background .3s, color .3s, opacity .3s;
     -moz-transition:    -moz-transform .2s, background .3s, color .3s, opacity .3s;
       -o-transition:      -o-transform .2s, background .3s, color .3s, opacity .3s;
          transition:         transform .2s, background .3s, color .3s, opacity .3s;
  -webkit-transform: translate(0px, -80px);
      -ms-transform: translate(0px, -80px);
          transform: translate(0px, -80px);
}


.navbar-tall,
.navbar-short,
.navbar-tall .navbar-brand,
.navbar-short .navbar-brand,
.navbar-tall .navbar-nav > li > a,
.navbar-short .navbar-nav > li > a {
  -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear;
}

.navbar-default .navbar-brand {
  color: #333;
  font-family: "Open Sans",sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
  height: auto;
  line-height: 36px;
  padding: 12px 15px;
}
.navbar-default .navbar-brand.brand-inverse{
  color: #fff;
}
.navbar-default .navbar-brand span {
    color:#80878c;
}
.navbar-nav > li > a {
  color: #80878c;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  line-height: 40px;
  padding: 12px 15px;
  font-weight: 300;
}
.navbar-default .navbar-nav > li > a {
  color: #333;
}
.home-nav .navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default.bottom .navbar-nav > li > a {
  color: #333;
}
.navbar-default.bottom .navbar-nav > li.active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #da491c;
  font-weight: normal;
}

.navbar-mobile {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 0.5rem 0.5rem 0 0;
  display: block;
  flex-direction: column;
  justify-content: space-between;
  overflow: auto;
  width: 100%;
}
.navbar-mobile *, .navbar-mobile *:before, .navbar-mobile *:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.navbar-mobile {
  -webkit-tap-highlight-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: rgba(0, 0, 0, 0);
}

#content .navbar.bottom.menu-is-open {
  background: none repeat scroll 0 0 #000000;
  border-color: #000000;
}
#content .navbar.menu-is-open {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  border-color: #000;
  z-index: 99999;
}
.navicon-button {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
}
.navicon-button .mv-menu-text {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.navicon-button .navicon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: calc(50% - 4px);
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 31px;
  height: 4px;
  background-color: #333;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.navicon-button .navicon::before, .navicon-button .navicon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #333;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.navicon-button .navicon::before {
  top: -8px;
}
.navicon-button .navicon::after {
  top: 8px;
}
.navicon-button .navicon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.navicon-button .navicon.is-clicked::before, .navicon-button .navicon.is-clicked::after {
  background-color: white;
}
.navicon-button .navicon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.navicon-button .navicon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 768px) {
  .navicon-button {
    width: 100px;
	cursor: pointer;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 2.2em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .navicon-button .mv-menu-text {
    display: inline-block;
  }
  .navicon-button .navicon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(50%);
    -moz-transform: translateX(0) translateY(50%);
    -ms-transform: translateX(0) translateY(50%);
    -o-transform: translateX(0) translateY(50%);
    transform: translateX(0) translateY(50%);
  }
}

/* Overlay style */
.overlay {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.89);
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;

}

/* Overlay closing cross */

.overlay .overlay-close {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #dddddd;
  font-family: "Open Sans",sans-serif;
  font-size: 24px;
  font-weight: 300;
  height: 35px;
  outline: medium none;
  overflow: hidden;
  padding: 0 20px 0 0;
  position: absolute;
  right: 20px;
  text-transform: none;
  top: 10px;
  width: 125px;
  z-index: 100;
}
/* Menu style */
.overlay .container {
  height: 100%;
  min-height: 90%;
  overflow-y: visible;
  position: relative;
  text-align: center;
  top: 0;
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.overlay nav {
  overflow-y: scroll;
  position: relative;
  text-align: center;
  top: 98px;
	-ms-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-overflow-scrolling: touch;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	width: 100%;
}
.overlay ul {
  display: inline-block;
  float: none;
  height: auto;
  list-style: outside none none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}
.overlay ul li {
	display: block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.overlay .navbar-nav > li {
  float: none;
}
.overlay nav ul.navbar-nav li a {
 /* border-bottom: 1px solid #333333;*/
  color: #FFFFFF;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 28px;
  font-weight: 300;
  padding: 12px 0;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
	transition: color 0.2s;
	-webkit-transform: translateZ(0);
  width: 100%;
}
.overlay ul li:last-child a{
  border-bottom: none;
}
.home-nav .navbar-default .navbar-nav > li > a:hover,.home-nav .navbar-default .navbar-nav > li > a.active,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,.overlay nav ul.navbar-nav li a:hover, .overlay nav ul.navbar-nav li a.active, .overlay nav ul.navbar-nav li a:focus, .dropdown-menu li a:hover, .dropdown-menu li a.active, .dropdown-menu li a:focus,.overlay nav ul.navbar-nav li a:hover {
  background: none repeat scroll 0 0 transparent;
  color: #da491c;
  font-weight: 300;
}

.overlay ul.dropdown-menu {
  background-color: transparent;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  display: none;
  float: none;
  text-align: center;
}
.dropdown-backdrop {
  display: none;
}
.overlay ul li.open ul.dropdown-menu {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  box-shadow: none;
  display: block;
  text-align: center;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent;
}
/* Effects */
.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out, visibility 0s 0.3s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	overflow-x: hidden;
	z-index: 9999;
}

@media screen and (max-height: 30.5em) {
.overlay nav {
  font-size: 34px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.overlay ul li {
	min-height: 34px;
}
}

.overlay .nav-social {
  display: block;
  overflow: hidden;
  padding: 40px 0 15px;
}
.overlay .nav-social h3 {
  color: #666;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}
.overlay .nav-social ul{}
.overlay .nav-social ul li {
  display: inline-block;
  margin: 0 5px;
}
.overlay .nav-social ul li a {
  font-size: 22px;
  padding: 0;
  color: #fff;
}
.overlay .nav-social ul li a:hover{color: #fff;}
.overlay .nav-social ul li a.facebook:hover {
  background: #3B579D;color: #fff;
}
.overlay .nav-social ul li a.twitter:hover{ background: #63A8E2;color: #fff;}
.overlay .nav-social ul li a.instagram:hover{ background: #BD845B;color: #fff;}
.overlay .nav-social ul li a.dribbble:hover{ background: #E54D8C;color: #fff;}

/*--------------------------------------------------------------
12.0 Typography
--------------------------------------------------------------*/

h1 {
  color: #333333;
  font-family: "Open Sans",sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
h2 {
  color: #333333;
  font-family: "Open Sans",sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
   -webkit-font-smoothing: antialiased;
}
h3{
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
	font-weight:700;
    text-align: left;
    color: #333333;
	-webkit-font-smoothing: antialiased;
}
h4 {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
	font-weight:700;
    text-align: left;
    color: #333333;
	-webkit-font-smoothing: antialiased;
}
.sp-footer-title h1,.sp-footer-title h2,.sp-footer-title h3,.sp-footer-title h4,.sp-footer-title h5,.sp-footer-title h6{color:#ffffff;text-transform: uppercase;}


/*--------------------------------------------------------------
13.0  Video section
--------------------------------------------------------------*/

header.header {
  height: 100%;
  position: relative;
}
body.home header.header {
  min-height: 700px;
  -webkit-overflow-scrolling: touch;
}
header.archive-intro {
  min-height: 250px;
  position: relative;
}
header.archive-intro .page-title .heading {
  margin-top: 100px;
}
header.archive-intro .page-title .heading h1 {
  font-size: 44px;
}
.center-heading {
  position: relative;
  top: calc(50% - 100px);
}
.center-heading {}
.video-content{
  margin-top:70px
}
.video-wrap {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
body.admin-bar .video-wrap {
  top: 32px;
}
.video-img img {
  height: 100%;
  left: 0;
  min-height: 768px;
  min-width: 100%;
  position: fixed;
  top: 0;
  width: auto;
  z-index: 1;
}
.video-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
  background-repeat: repeat;
}
.video-wrap #youtube-wrapper, .video-wrap #hvideo-wrapper, .video-wrap #vimeo-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 3;
}
#tubular-container iframe, .video-wrap iframe, .video-wrap video {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-overlay .heading {
  margin: 0 auto;
  overflow: hidden;
  width: 90%;
}
.video-overlay .heading h1, .video-overlay .heading {
  border: medium none;
  color: #fff;
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -2px;
  line-height: 1.1;
  margin: 0 auto 5px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.page-heading h1{
  text-align: center;
}
.page-subtitle h3{
  color: #333333;
  font-family: "Merriweather",serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  margin: 0;
  text-align: center;
}
.center-heading .sub-title{
  width: 67%;
}
.center-heading .sub-title, .center-heading .sub-title p {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin: 15px auto;
  text-align: center;
  font-weight: 300;
}
.scroll-bottom {
  height: 45px;
  margin: 90px auto 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.scroll-bottom a {
  background: url("../images/mouse.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
  display: block;
  height: 50px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: 24px;
}

.promo-banner {
  background-repeat: no-repeat;
  background-position: right 60px;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.promo-banner h3, .sub-title h3 {
  color: #333333;
  font-family: 'Merriweather',serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  margin: 0;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.left-promo {
  margin-bottom: 260px;
  margin-top: 200px;
}
.promo-banner .left-promo img {
  left: auto;
  position: absolute;
  right: 0;
  z-index: -1;
}
.hr-wrap {
  margin: 35px 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.parallax-col .hr-wrap {
  margin: 20px 0;
}
.slider-hr {
  background: none repeat scroll 0 0 #da491c;
  border: medium none;
  height: 2px;
  margin: 0;
  width: 145px;
}
.header .center-heading .slider-hr{
  margin: 0 auto;
}
.banner-desc .heading {
  margin-bottom: 45px;
}
.banner-desc .heading h1 {
  border-left: medium none;
  padding: 0;
}
.banner-desc .sub-title{
  margin-bottom: 45px;
}
.banner-desc .text {
  clear: both;
  margin: 45px 0;
  overflow: hidden;
}
html, body {
  min-height: 100%;
}
.intro {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.main-body {
  background: none repeat scroll 0 0 #ffffff;
  overflow: hidden;
  position: relative;
  z-index: 555;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
.tp-caption a.btn {
  margin-right: 15px;
}
.tp-bullets.simplebullets.round .bullet {
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  width: 15px;
  height: 15px;
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
  background: #fff;
}

.tp-leftarrow.default, .tp-rightarrow.default {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  height: 48px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 48px;
}
.tp-leftarrow.default {
  border-bottom: 2px solid rgba(115, 115, 115, 0.5);
  border-left: 2px solid rgba(115, 115, 115, 0.5);
  margin-left: 10px;
}
.tp-rightarrow.default {
  border-right: 2px solid rgba(115, 115, 115, 0.5);
  border-top: 2px solid rgba(115, 115, 115, 0.5);
  margin-right: 10px;
}
.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {border-color:#FFF}

/*--------------------------------------------------------------
14.0  Our specialty
--------------------------------------------------------------*/

.specialty-wrapper {
  border-top: 1px solid #ebe9e8;
}
.description {
  margin-bottom: 25px;
  overflow: hidden;
}
.heading {
  margin: 75px 0 25px;
  overflow: hidden;
}
.heading h1 {
  border-left: 3px solid #da491c;
  font-weight: 600;
  margin: 0;
  padding-left: 20px;
}
.heading h2 {
  margin: 0;
}
.sub-title {
  margin-bottom: 35px;
}
.text p {
  line-height: 28px;
}
.promo-box{}
.sti-menu {
  margin: 0;
  overflow: hidden;
  padding: 0 0 1px 1px;
  width: calc(100% - 1px);
}
.sti-menu li {
  float: left;
  cursor: default;
  list-style: none outside none;
  min-height: 290px;
  margin: 0;
  width: 33.33%;
}
.sti-menu li .inner-box {
  background: none repeat scroll 0 0 #ffffff;
  border: medium none;
  box-shadow: 0 0 0.5px #aaa;
  display: block;
  float: right;
  height: 100%;
  margin: 0;
  overflow: hidden;
  min-height: 290px;
  padding: 0;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.20s ease 0.6s;
  transition: all 0.20s ease 0.6s;
  width: 100%;
}
.sti-menu li:hover .inner-box {
  background: none repeat scroll 0 0 #333;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.sti-icon-top {
  background-color: rgba(0, 0, 0, 0);
  background-position: left top;
  background-repeat: no-repeat;
  color: #DA491C;
  font-size: 40px;
  height: auto;
  left: 0;
  position: absolute;
  top: 100px;
  width: 100%;
}
.sti-menu li .inner-box h3 {
  color: #333333;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  left: 0;
  margin: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 160px;
  width: 100%;
  -webkit-transition: color 0.3s ease 0.3s;
  transition: color 0.3s ease 0.3s;
}
.sti-menu li .inner-box:hover h3 {
  color: #ffffff;
  -webkit-transition: color 0.3s ease 0.3s;
  transition: color 0.3s ease 0.3s;
}
.sti-menu li a {
  color: #999;
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.inner-box .sti-text {
  color: #999;
  font-family: "Open Sans",sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  left: 0;
  line-height: 1.2;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 200px;
  width: 100%;
}
.inner-box .sti-text, .sti-menu li .sti-footer {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease 0.48s;
  transition: opacity 0.2s ease 0.48s;
}
.inner-box:hover .sti-text {
  color: #999;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease 0.1s;
  transition: opacity 0.4s ease 0.1s;
}
.sti-menu li .sti-footer {
  height: 45px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 300px;
  vertical-align: middle;
  visibility: hidden;
  width: 100%;
}
#sti-menu li .inner-box:hover .sti-footer {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	visibility:visible;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
  background: none repeat scroll 0 0 #da491c;
}
.sti-icon-bottom {
  color: #ffffff;
  display: inline-block;
  font-size: 22px;
  font-variant: normal;
  font-weight: 300;
  left: 0;
  line-height: 45px;
  margin: 0;
  position: absolute;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  top: 0;
  width: 100%;
}
.inner-box:hover .sti-icon-bottom {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	visibility:visible;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/*--------------------------------------------------------------
15.0  Our Team
--------------------------------------------------------------*/

.our-team-wrapper {
  background-color:#F0EEEE;
}
.page-content .our-team-wrapper {
  padding-bottom: 80px;
}
.team-member{}
.single-member {
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 25%;
}
.single-member img {
  width: 100%;
}
.single-member img {
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
     transition: all 1s ease 0s;
}
.single-member:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transform-origin: center center 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.grid {
  list-style: none outside none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.grid figure {
  background: none repeat scroll 0 0 transparent;
  display: block;
  float: left;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.grid figure img {
	position: relative;
	display: block;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {

}

.grid figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure h4 span {
  text-transform: uppercase;
}
.grid figure h4, .grid figure p {
  color: #FFFFFF;
  margin: 0;
}

figure.team-effect figcaption {
  background: none repeat scroll 0 0 rgba(218, 73, 28, 0.8);
  bottom: 0;
  color: #3C4A50;
  height: 100%;
  padding: 1em;
  top: auto;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
figure.team-effect figcaption .team-desc {
  bottom: 15px;
  left: 0;
  padding-left: 20px;
  position: absolute;
  width: 100%;
}

figure.team-effect h4 {
	font-family: "Open Sans",sans-serif;
	color: #FFFFFF;
	font-weight: 300;
	text-transform: capitalize;
	word-spacing: -0.15em;
	clear: both;
	font-size: 18px;
	text-align: left;
	width: 100%;
}

figure.team-effect p {
  color: #FFFFFF;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.6;
  opacity: 0;
  text-align: left;
  text-transform: uppercase;
  -webkit-transition: opacity 0.35s ease 0s;
  transition: opacity 0.35s ease 0s;
}
figure.team-effect h4{
	-webkit-transition: transform 0.35s;
	transition: transform 0.35s;
	-ms-transform: translate3d(0,200%,0);
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.team-effect h4 {
	display: inline-block;
}

figure.team-effect:hover p {
	opacity: 1;
}

figure.team-effect:hover figcaption,
figure.team-effect:hover h4{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.team-effect:hover h4 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.team-social {
  margin: 10px 0 0;

}
.team-social a {
  color: #FFFFFF;
  margin: 0 6px 0 0;
  text-align: left;
}
.team-social a:hover {}
.team-social span{}

/*--------------------------------------------------------------
16.0  How We Do It
--------------------------------------------------------------*/

.margin-top {
  margin-top: 100px;
}
.to-do-wrapper {
  padding-bottom: 55px;
}
.timeline-wrap{position:relative}
.timeline {
  list-style: outside none none;
  margin: 0;
  max-width: 100%;
  min-width: 100%;
  overflow: hidden;
  padding: 25px 0;
  position: relative;
}
.timeline li {
  display: block;
  float: left;
  max-width: 25%;
  width: 25%;
}
.timeline-wrap .line {
  border-top: 1px dashed #818181;
  height: 1px;
  position: relative;
  top: 109px;
}
.liner {
}

.step-up .step-icon {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #da491c;
  border-radius: 500px;
  display: block;
  font-size: 30px;
  height: 65px;
  left: -32px;
  overflow: visible;
  position: absolute;
  text-align: center;
  top: -15px;
  width: 65px;
  -webkit-transition: border-color 0.3s ease 0s;
  transition: border-color 0.3s ease 0s;
}
.step-down .step-icon {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #da491c;
  border-radius: 500px;
  bottom: -20px;
  display: block;
  font-size: 30px;
  height: 65px;
  left: -32px;
  overflow: visible;
  position: absolute;
  text-align: center;
  width: 65px;
  -webkit-transition: border-color 0.3s ease 0s;
  transition: border-color 0.3s ease 0s;
}
.timeline-step:hover .step-icon {
  border-color: transparent;
  -webkit-transition: border-color 0.3s ease 0s;
  transition: border-color 0.3s ease 0s;
}
.step-icon {}
.timeline-step:hover span {
  color: #FFFFFF;
}

.step-icon span {
  color: #da491c;
  display: inline-block;
  font-variant: normal;
  font-weight: 300;
  left: 0;
  line-height: 63px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  top: 0;
  width: 100%;
}
.step-up {
  border-left: 1px solid #818181;
  padding-bottom: 0;
  padding-left: 25px;
  position: absolute;
  top: 0;
  width: 93%;
}
.step-down {
  border-left: 1px solid #818181;
  bottom: 0;
  padding-left: 25px;
  padding-top: 0;
  position: absolute;
  width: 91%;
}
.timeline-step {
  display: inline-block;
  height: auto;
  margin-left: 25px;
  padding-left: 20px;
  position: relative;
  width: calc(100% - 20px);
  z-index: 2;
}
.timeline .point {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #818181;
    border-radius: 500px 500px 500px 500px;
    height: 15px;
    left: 13px;
    overflow: hidden;
    position: absolute;
    top: 101px;
    width: 15px;
    z-index: 12;
}
.step-txt {
  overflow: hidden;
  font-size: 14px;
}
.step-txt p {
  font-size: 13px;
}
.step-txt h3 {
  margin-bottom: 5px;
  margin-top: 25px;
  text-transform: uppercase;
  word-wrap: break-word;
}
.step-down .step-txt h3 {
  margin-top: 20px;
}
.step-down .step-txt {
    padding-top: 15px;
    padding-bottom: 15px;
}
.step-up .step-txt {
  bottom: 0;
  padding-bottom: 10px;
  position: absolute;
  top: auto;
}
.step-up .step-txt h3 {
  margin-top: 20px;
}

.step-icon .bg{
     -webkit-animation:orangeOut 0.4s ease;
    animation: orangeOut 0.4s ease;
    position:absolute;  top:0;  left:0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.step-icon .bg {
  background: none repeat scroll 0 0 #da491c;
  border-radius: 50%;
}
.timeline-step:hover .bg{
    -webkit-animation: orangeIn 0.2s ease;
    animation: orangeIn 0.2s ease;
    opacity: 1;
}
/*--------------------------------------------------------------
17.0  CountDown
--------------------------------------------------------------*/

.count-down-wrapper {
  overflow: hidden;
}
.timer-count-wrapper {
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  top: 65px;
}
.timer-count {
  background: none repeat scroll 0 0 rgba(51, 51, 51, 0.5);
}
.count-person {
  background-repeat: no-repeat;
  background-position: calc(100% - 80px) top;
  background-size: contain;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  top: -65px;
}
.count-person .description {
  margin-top: 85px;
}
.count-person .description .sub-title {
  margin-bottom: 35px;
}
.left-count{}
.left-count img{}
.single-count {
  padding: 0 0 95px;
}
.count-wrap {

}
.count-icon {
  float: left;
  width: 30%;
}
.count-wrap .count-icon span {
  color: #da491c;
  display: inline-block;
  float: right;
  font-size: 60px;
  font-weight: 300;
  line-height: 1;
  margin: 0 8px 0 0;
}
.count-inner {
  float: right;
  text-align: left;
  width: 70%;
}
.count-inner span {
  display: inline-block;
  font-size: 60px;
}
.count-inner span.counter, .count-inner span.counter-wrap {
  color: #ffffff;
  display: block;
  float: left;
  font-family: "Open Sans",sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  width: auto;
}
.count-inner span.counter-wrap{
  overflow: hidden;
  width: 100%;
}
.count-inner span.count-text {
  color: #ffffff;
  font-family: 'Merriweather',serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}
.counter-prefix {
  float: left;
}
.counter-suffix{}
.count-down-wrapper .description .heading h2,.count-down-wrapper .description .sub-title h3{color:#fff}
.count-down-wrapper .description .sub-title h3 {
  font-family: "Open Sans",sans-serif;
}
.count-down-wrapper .description .heading h2{
  font-weight: 700;
  text-transform: inherit;
}
/*--------------------------------------------------------------
18.0  Features
--------------------------------------------------------------*/

.features-wrapper {
  background-color: #f0eeee;
  padding: 75px 0 50px;
}
.features-wrapper .heading {
  margin: 0 0 15px;
}
.features-wrapper .heading h4 {
  color: #666666;
  font-family: "Open Sans",sans-serif;
  font-style: italic;
  font-weight: 400;
  margin: 0;
}
.features-wrapper .heading h2 {
  border-bottom: 1px solid #b6b5b5;
  letter-spacing: -0.5px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.features-wrapper .heading h2 span {
  color: #999999;
}
.features-wrapper h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
.features-wrapper .text p {
  color: #666;
}

/*--------------------------------------------------------------
19.0  Ask questions
--------------------------------------------------------------*/



.questions-wrapper .description {
  margin-bottom: 0;
}
.questions-wrapper .heading {
  margin-bottom: 0;
  margin-top: 25px;
}
.questions-wrapper .heading h2{
	font-weight: 700;
	text-transform:inherit;
	
}
.faq-content .col-lg-12{min-height: 0!important;}
.desc-text{}
.panel-title {
  font-family: "Open Sans",sans-serif;
}
h4.panel-title, h4.panel-title a {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.panel-group .panel {
  background: none repeat scroll 0 0 transparent;
  border-radius: 0;
}
.panel-heading {
    padding: 10px 15px 10px 0;
}
.panel-ask {
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.panel-title a {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.panel-title a:hover {
    color: #DA491C;
}
.panel-title i {
  background-color: rgba(0, 0, 0, 0);
  color: #CCCCCC;
  display: block;
  float: left;
  line-height: 1;
  font-size: 20px;
  margin: 0 10px 0 0;
  text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.panel-title:hover i {
  color: #DA491C;
}
.panel-ask.active .panel-title i,.panel-ask.active .panel-title a {
    color: #DA491C;
}
.panel-ask.active .panel-title i {
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.panel-body a, .panel-body span {
    color: #DA491C;
}
.panel-body {
  padding: 15px 15px 10px;
  font-size: 14px;
}
.panel-body p {
  font-size: 14px;
  margin: 0;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
.panel-group .panel-heading {
    border-bottom: 1px solid #CCCCCC;
    padding: 18px 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: medium none;
}
.video_player {
  min-height: 350px;
}
.video_player .inner {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  height: 100%;
  position: relative;
  width: 100%;
}
.video_player .inner .buttons {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: 100%;
}
.video_player .inner iframe {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video_player .inner img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.video_player .inner .button {
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 40px;
  height: 61px;
  left: calc(50% - 31px);
  position: absolute;
  text-align: center;
  top: calc(50% - 30.5px);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 62px;
}
#play-button{

}
#pause-button {
  opacity: 0;
}
.video_player .inner .buttons:hover #pause-button {
  opacity: 1;
}

/*--------------------------------------------------------------
20.0  Brand
--------------------------------------------------------------*/



.brand-wrapper {
  background-color:#F1F1F1;
}
.brand-icons {
  padding-bottom: 80px;
}
.single-brand {
  padding: 1px;
}
.brand-wrapper img {
  height: 100%;
  max-width: none;
  min-width: 100%;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  width: auto;
}
.grid figure.brand-effect {
  background-color: #000000;
  height: 100%;
  width: 100%;
}
.grid figure.brand-effect:hover{background: none repeat scroll 0 0 #DA491C;}

figure.brand-effect img {
  opacity: 0.3;
}

figure.brand-effect figcaption {
  bottom: 0;
  height: 80%;
  text-align: left;
  top: auto;
  padding: 0 2em;
}

figure.brand-effect div.b-logo,
figure.brand-effect p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.brand-effect div.b-logo {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.brand-effect p {
  color: #FFFFFF;
  font-weight: 300;
  line-height: 1.4;
  opacity: 0;
  text-align: center;
  margin-top: 20px;
  text-transform: none;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
figure.brand-effect:hover img {
  opacity: 0.10;
}
figure.brand-effect:hover p {
	opacity: 1;
}

figure.brand-effect:hover div.b-logo,
figure.brand-effect:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.brand-effect:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
figure.brand-effect div.b-logo img {
  margin: 0 auto;
  height: auto;
  max-height: 85px;
  min-width: 1px;
  max-width: 200px;
  opacity: 1;
  width: auto;
}
figure.brand-effect div.b-logo:hover img {
  opacity: 1;
}


/*--------------------------------------------------------------
21.0  Testimonials
--------------------------------------------------------------*/


.testimonials-wrapper {
  background-color:#333333;
  overflow: hidden;
}
.salemtestimonial-container {
  height: auto;
  margin: 0 0 60px;
  min-height: 330px;
  overflow: visible;
  position: relative;
  width: 100%;
}
.salemtestimonial-container .salemarrow-button:last-child{z-index:1}
.salemtestimonial {
    margin: 0;
    padding: 0;
}
.salemtestimonial li {
    list-style: none outside none;
}
.salemtestimonial-container .testimonial-item {
  clear: both;
  display: none;
  height: auto;
  left: 0;
  list-style: outside none none;
  margin: 0 10%;
  padding: 0;
  position: absolute;
  width: 80%;
}
.salemtestimonial-container .testimonial-content {
    display: inline-block;
    margin: 0 0 0 12px;
    max-width: 70%;
    position: relative;
}
.salemtestimonial-container .testimonial-content {
  display: block;
  margin: 0 auto;
  max-width: 85%;
  position: relative;
}
.salemtestimonial-container .salemtestimonial-avatar {
  border: 0 none;
  display: block;
  float: none;
  margin: 0 auto !important;
  opacity: 0;
  width: auto;
}
.salemtestimonial-container .salemtestimonial-avatar img {
  border-radius: 50% 50% 50% 50%;
  display: block;
  height: 80px;
  margin: 40px auto 0;
  width: 80px;
}
.salemtestimonial-container .salemtestimonial-avatar.float-right {
    float: right;
}
.salemtestimonial-container .testimonial-text {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #FFFFFF;
  font-family: 'Merriweather',serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 160%;
  min-height: 16px;
  opacity: 0;
  padding: 12px;
  position: relative;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.testimonial-text.green {
    background: none repeat scroll 0 0 #B5B311;
    color: #FFFFFF;
}
.testimonial-text.green:after {
    border-right-color: #B5B311;
}
.testimonial-text.float-right.green:after {
    border-left-color: #B5B311;
}
.testimonial-text.yellow {
    background: none repeat scroll 0 0 #DA5F2F;
    color: #FFFFFF;
}
.testimonial-text.yellow:after {
    border-right-color: #DA5F2F;
}
.testimonial-text.float-right.yellow:after {
    border-left-color: #DA5F2F;
}
.testimonial-text.blue {
    background: none repeat scroll 0 0 #8BC6F9;
    color: #FFFFFF;
}
.testimonial-text.blue:after {
    border-right-color: #8BC6F9;
}
.testimonial-text.float-right.blue:after {
    border-left-color: #8BC6F9;
}
.testimonial-text.pink {
    background: none repeat scroll 0 0 #A15EFF;
    color: #FFFFFF;
}
.testimonial-text.pink:after {
    border-right-color: #A15EFF;
}
.testimonial-text.float-right.pink:after {
    border-left-color: #A15EFF;
}
.testimonial-text.orange {
    background: none repeat scroll 0 0 #E89342;
    color: #FFFFFF;
}
.testimonial-text.orange:after {
    border-right-color: #E89342;
}
.testimonial-text.float-right.orange:after {
    border-left-color: #E89342;
}
.testimonial-text.gray {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #333333;
}
.testimonial-text.gray:after {
    border-right-color: #EFEFEF;
}
.testimonial-text.float-right.gray:after {
    border-left-color: #EFEFEF;
}
.testimonial-text.red {
    background: none repeat scroll 0 0 #B9121B;
    color: #FFFFFF;
}
.testimonial-text.red:after {
    border-right-color: #B9121B;
}
.testimonial-text.float-right.red:after {
    border-left-color: #B9121B;
}

.salemtestimonial-container .testimonial-author {
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  margin-left: 0;
  margin-top: 35px;
  text-align: center;
}
.extra-info {
    color: #666666;
    display: inline-block;
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    margin-top: 4px;
}
.salemtestimonial-container .salemarrow-button {
  display: block !important;
  height: 16px;
  margin: 0 auto;
  position: absolute;
  width: 54px;
  z-index: 1;
  left: calc(50% - 27px);
}
.salemtestimonial-container .salemarrow-button .prevArrow {
  background: url("../images/top.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 25px;
  left: 0;
  position: absolute;
  width: 25px;
}
.salemtestimonial-container .salemarrow-button .nextArrow {
  background: url("../images/bottom.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 0;
  width: 25px;
}
.salemtestimonial-container .salemarrow-button .prevArrow, .salemtestimonial-container .salemarrow-button .nextArrow {
  background-color: rgba(204, 204, 204, 0.5);
  margin: 0 1px;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.salemtestimonial-container .salemarrow-button .prevArrow:hover, .salemtestimonial-container .salemarrow-button .nextArrow:hover {
  background-color: #DA491C;
}

.animate0{-webkit-animation-duration:.4s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.4s;-moz-animation-delay:0s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.4s;-ms-animation-delay:0s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.4s;animation-delay:0s;animation-timing-function:ease;animation-fill-mode:both}.animate1{-webkit-animation-duration:.4s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.4s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.4s;-ms-animation-delay:.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.4s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}.animate2{-webkit-animation-duration:.4s;-webkit-animation-delay:.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.4s;-moz-animation-delay:.4s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.4s;-ms-animation-delay:.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.4s;animation-delay:.4s;animation-timing-function:ease;animation-fill-mode:both}.animate3{-webkit-animation-duration:.6s;-webkit-animation-delay:.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.6s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.6s;animation-timing-function:ease;animation-fill-mode:both}.animate4{-webkit-animation-duration:.6s;-webkit-animation-delay:.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.8s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.8s;animation-timing-function:ease;animation-fill-mode:both}


/*--------------------------------------------------------------
22.0  Parallax
--------------------------------------------------------------*/

.section-parallax{position:relative;top:0}
.parallax {
	position:relative;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	top:0;
	background-attachment: fixed!important;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%; 
	-moz-background-size: auto 100%; 
	-o-background-size: auto 100%; 
	background-size: auto 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover!important; 
}
.parallax-col {
	background-color: rgba(0, 0, 0, 0.35);
	height: 100%;
	width: 100%;
	position: relative;
	top:0;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.parallax-content {
	color: #fff;
	min-height: 520px;
	padding: 100px 0 60px;
	position: relative;
	z-index: 2;
	margin: 0 auto;
}
.parallax-content h1,.parallax-content h2,.parallax-content h3,.parallax-content h4,.parallax-content h5,.parallax-content h6 ,.parallax-content p,.parallax-content span{
  color: #fff;
}
.parallax-content h1 {
  font-size: 55px;
  font-weight: 300;
  letter-spacing: -1.5px;
}
.parallax-content h1 span,.parallax-content h2 span{
  font-weight: 700;
}
.parallax-image {
  overflow: hidden;
}
.parallax-image div {
  display: inline-block;
  float: right;
  position: absolute;
}
.parallax-image img {
  display: block;
  max-width: 600px;
  width: 100%;
}
.parallax-image .px-img-1 {
  top: 65px;
  left: auto;
  right: 0;
}
.parallax-image .px-img-2 {
  left: auto;
  right: 285px;
  top: 185px;
}
.parallax-image .px-img-1 img {
  max-width: 390px;
}
.parallax-image .px-img-2 img{}

/*--------------------------------------------------------------
23.0 Isotope Portfolio 
--------------------------------------------------------------*/

.work-wrapper{}

ul.photogal li img {
  max-height: 315px;
  min-width: 100%;
  position: initial;
  width: auto;
}
ul.photogal li {
  float: left;
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 25%;
}
ul.photogal li a {
  display: block;
  width: 100%;
  color: #fff;
}
ul.photogal li a img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
  max-width: 100%;
}

ul#filters {
  display: table;
  margin: 20px auto 30px;
  overflow: hidden;
  padding: 0;
  width: auto;
}
ul#filters li {
  border: medium none;
  display: table-cell;
  float: none;
  list-style: none outside none;
  margin: 0 0 15px;
}
ul#filters li a {
	border: 1px solid #999;
	border-radius: 200px;
	color: #666666;
	display: block;
	font-size: 12px;
	font-weight: 400;
	margin: 0 7px;
	padding: 8px 15px;
	position: relative;
	text-transform: uppercase;
	width: auto;
	background: none repeat scroll 0 0 transparent;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

ul#filters li a:hover, ul#filters li a:focus, ul#filters li a:active , ul#filters li a.selected  {
  background: #da491c;
  border-color: #da491c;
  color: #fff;
}


/*--------------------------------------------------------------------*/
/*------------------------------------>>>>>>>>>>>>>  Isotope Animation*/
/*--------------------------------------------------------------------*/
.isotope {
  margin: 0;
  padding: 0;
  width: 100%;
}
/* line 90, ../sass/style.scss */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

/* line 99, ../sass/style.scss */
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

/* line 107, ../sass/style.scss */
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

/* line 119, ../sass/style.scss */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

  
  
  
  
.portfolio-wrapper{}
.isotope .outer-wrap{
  position: relative;
}
.isotope .portfolio-image{}
.outer-wrap .inner-wrap {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  visibility: hidden;
}
.outer-wrap:hover .inner-wrap {
  visibility: visible;
}

.isotope .hover-icon {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 110px;
}
.isotope .hover-text {
  margin: 15px auto 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 90%;
}
.isotope .hover-text p {
  font-size: 18px;
  line-height: 1.2;
}
.isotope .like-icon {
  bottom: 15px;
  position: absolute;
  right: 25px;
  width: auto;
  font-size: 14px;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.isotope .like-icon i {
  color: #cc0000;
  font-size: 22px;
  line-height: 1;
  overflow: hidden;
  vertical-align: top;
  width: auto;
}
.isotope .hover-icon a {
  background: none repeat scroll 0 0 #000;
  border: medium none;
  display: block;
  border-radius: 50%;
  float: left;
  margin: 0 1px;
  padding: 14px 12.5px;
  text-align: center;
  vertical-align: middle;
  width: auto;
}
.isotope .hover-icon a:hover{
  background: none repeat scroll 0 0 #DA491C;
}
.isotope .hover-icon a i {
  color: #ffffff;
  font-size: 20px;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 100%;
}


/*---------------*/
/***** portfolio-effect *****/
/*---------------*/

figure.portfolio-effect {
  background: none repeat scroll 0 0 transparent;
  height: 100%;
  margin: 0;
  overflow: visible;
  width: 100%;
}
figure.portfolio-effect:hover img {
	opacity: 1;
}

figure.portfolio-effect figcaption {
  padding: 0;
}
figure.portfolio-effect figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: medium none;
	content: '';
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.portfolio-effect figcaption::before,
figure.portfolio-effect .inner-wrap{
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.portfolio-effect .inner-wrap {
  left: 0;
  margin: 0;
  max-width: 100%;
  position: absolute;
  top: calc(50% - 27px);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  width: 100%;
}
figure.portfolio-effect:hover figcaption::before,
figure.portfolio-effect:hover .inner-wrap,figure.portfolio-effect:hover .like-icon {
	opacity: 1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.isotope-outer {
  margin: 0;
  width: 100%;
}
.contents{}
.overlay-color {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.2s ease-in 0.1s;
	-moz-transition: all 0.2s ease-in 0.1s;
	-o-transition: all 0.2s ease-in 0.1s;
	-ms-transition: all 0.2s ease-in 0.1s;
	transition: all 0.2s ease-in 0.1s;
}
.portfolio-effect:hover .overlay-color{
	visibility: visible;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
  }
  
/*--------------------------------------------------------------
24.0 News article/Blog
--------------------------------------------------------------*/
/*
.single-articles {
  padding: 2px 1px 1px;
}
*/

.articles-wrapper{}
.articles-grid{}
.single-articles {
  padding: 0;
}
.single-articles img {
height: auto;
min-width: 100%;
width: auto;
min-height: 100%;
}
.blog-info-wrap {
  bottom: 0;
  position: absolute;
  top: auto;
  width: 92%;
}
.blog-info{}
.blog-info span:after {
  color: #FFFFFF;
  content: "/";
  display: block;
  margin: 0 0 0 10px;
  position: absolute;
  right: -12px;
  top: 1px;
  width: auto;
}
.blog-info span:last-child:after {
  content: " ";
}
.blog-info span {
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  margin: 0 20px 0 0;
  position: relative;
}
.blog-date{} 
.date{}
span.date {
  color: #da491c;
  margin-right: 0;
}
.blog-author {}
.author{}
span.author{}
.blog-comment{} 
.comment{}
span.comment{}
.blog-category{} 
.category{}
span.category{}
.blog-effect .like-icon{}
.video-blog {
  margin-bottom: 25px;
  padding-top: 55.76%;
  position: relative;
}
.video-blog-front{margin:0}
.video-blog iframe {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*---------------*/
/***** blog-effect *****/
/*---------------*/

figure.blog-effect {
  background-color: #999;
  max-height: 380px;
  min-height: 200px;
  width: 100%;
  border: 0.5px solid #fff;
}
.grid figure.blog-effect figcaption {
  height: 85%;
  top: 0;
}
figure.blog-effect img {
	opacity: 0.70;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

figure.blog-effect:hover img {
	opacity: 0.60;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.blog-effect .blog-info{
	margin-top: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.blog-effect h2 {
  color: #fff;
  font-weight: 300;
  margin-top: 10px;
  overflow: hidden;
  text-transform: inherit;
  width: 97%;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}
figure.blog-effect a {
  color: #fff;
  display: inline-block;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 0;
  -webkit-font-smoothing: antialiased;
}
figure.blog-effect a:hover {
  color: #fff;
}
figure.blog-effect h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.blog-effect:hover .blog-info,figure.blog-effect:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.blog-effect iframe {
  border: medium none;
  width: 100%;
}

/*--------------------------------------------------------------
25.0 Contact Us
--------------------------------------------------------------*/


.contact-wrapper {
  background-color: #F1F1F1;
}
.search_widget input, .search_widget .form-control {
  font-size: 14px;
}

.heading .search_widget input,.heading .search_widget .form-control,.heading input[type="text"]:focus{
  background: none repeat scroll 0 0 transparent;
  color: #fff;
}
.heading .search_widget label{
  background: none repeat scroll 0 0 transparent;
  color: transparent;
}

.contactform{}
.text{}
.title {
  margin: 3px 0;
  overflow: hidden;
}
.social a{
  color: #333333;
  display: inline-block;
  margin: 5px 0 0 5px;
}
.social .skype {
  color: #333333;
  display: inline-block;
  margin: 5px 0 0 8px;
}

.social i {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  -webkit-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}
.social a:hover {
  color: #DA491C;
}
.social span:hover{color: #DA491C;}
.social span:hover i{color: #DA491C;}


.contact-left {
  margin: 75px 0 25px;
}
.input-wrap {
  margin-bottom: 25px;
  overflow: hidden;
}
.form-horizontal .control-label {
  color: #666666;
  font-weight: 400;
  margin-bottom: 10px;
  padding-top: 0;
  text-align: right;
}

.form-control {
  background-color: transparent;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: none;
  color: #555555;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 16px;
  height: 40px;
  line-height: 1.2;
  padding: 8px 12px;
  width: 100%;
}
.form-horizontal .form-control {
  background-color: #fff;
}
.contactform button[type="submit"]:before, .contactform input[type="button"]:before, .contactform input[type="submit"]:before {
  content: "\e8af";
  display: inline-block;
  font-family: 'fontello';
  font-size: 18px;
  font-variant: normal;
  font-weight: 300;
  line-height: 1em;
  margin-left: 0.2em;
  margin-right: 0.6em;
  text-decoration: inherit;
  text-transform: none;
  width: 1em;
}
.contactform button, .contactform input[type="button"], .contactform input[type="submit"] {
  background-color: #333333;
  border: medium none;
  border-radius: 3px;
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 54px;
  margin: 10px 0;
  padding: 0 25px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 190px;
}
.contactform button:hover,.contactform input[type="button"]:hover,.contactform input[type="submit"]:hover{
    color: #FFFFFF;
    background-color: #DA491C;
    border: medium none;
}

#newsletter_form .mc4wp-form {
  margin: 0;
}
#newsletter_form .mc4wp-form label {
  display: none;
}
div.wpcf7-mail-sent-ok {
  border: medium none !important;
}
div.wpcf7-response-output {
  background: none repeat scroll 0 0 #fff;
  border-left: 4px solid #da491c;
  border-radius: 2px;
  border-style: none none none solid;
  border-width: medium medium medium 4px;
  bottom: 0;
  clear: both;
  height: auto;
  left: auto;
  margin: 0 0 0 auto;
  overflow: hidden;
  padding: 10px;
  position: relative;
  right: 0;
  width: calc(100% - 15px);
}

/*--------------------------------------------------------------
26.0 Footer
--------------------------------------------------------------*/

.contact-text {
  margin-bottom: 35px;
}
.contact-text p {
  font-size: 14px;
}
.footer-text{}
.footer-text p{}

.site-footer {
  background: none repeat scroll 0 0 #333;
  font-weight: 300;
  overflow: hidden;
  padding: 70px 0;
  position: relative;
  z-index: 99;
}
.footer-area{}
.footer-nav {
  margin-bottom: 10px;
}
.footer-nav ul {
  margin: 0;
  padding: 0;
}
.footer-nav ul.dropdown-menu {
  color: #333;
  margin: 0;
  padding: 0;
}
.footer-nav ul.dropdown-menu li {
  color: #333;
  margin: 0;
  padding: 5px;
}
.footer-nav ul.dropdown-menu  li a{
  color: #333;
  margin: 0;
  padding: 0;
}
.footer-nav ul li {
  display: inline-block;
  float: none;
  list-style: none outside none;
  margin: 0 20px 5px 0;
}
.footer-nav ul li a {
  color: #ffffff;
  display: block;
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 13px;
}
.footer-nav ul li a:hover {
  background: none repeat scroll 0 0 transparent;
  color: #da491c;
}
.email-subscribe{}
.mail-wrap{}
.mail-wrap input[type="email"], .mail-wrap input[type="text"] {
  background: none repeat scroll 0 0 transparent;
  border-color: rgba(0, 0, 0, 0) transparent #929292;
  border-radius: 0;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: none;
  font-size: 60px;
  font-weight: 300;
  height: 80px;
  letter-spacing: -2px;
  line-height: 1.2;
  margin-bottom: 10px;
  outline: 0 none;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 0;
  text-align: left;
  width: 100%;
}
.mail-wrap input[type="text"]:focus,.mail-wrap input[type="email"]:focus {
  border-color: #ffffff;
  color: #ffffff;
}
/* placeholder */

.mail-wrap input::-webkit-input-placeholder {
		color: #4F4F4F
}

.mail-wrap input:-moz-placeholder {
		color: #4F4F4F
}

.mail-wrap input::-moz-placeholder {
		color: #4F4F4F
}

.mail-wrap input:-ms-input-placeholder {
		color: #4F4F4F
}
.mail-wrap input[type="email"]:after, .mail-wrap input[type="text"]:after {
  display: inline-block;
  content: "\e131";
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em;
  margin-left: 0.2em;
  position: relative;
  top: 1px;
  margin-right: 0.2em;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1em;
}
.mail-text{}
.success {
  color: #339900;
  margin: 2px 0 5px;
}
.error{
  color:#ff0000;
  margin: 2px 0 5px;
  }
.mail-text p{}
.site-footer .copyright {
  margin-top: 0;
  font-weight: 300;
  overflow: hidden;
}
.footer-right{}
.footer-right .description {
  margin: 0;
}
.footer-right .description .heading {
  margin: 0 0 5px;
  overflow: hidden;
  font-weight: 300;
}
.footer-right .heading h3 {
  color: #ffffff;
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 1;
  margin-top: 0;
  text-transform: uppercase;
}
.footer-right .text p, .footer-area p {
  color: #999999;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
.footer-right .social-icon{}
.social-icon ul {
  margin: 0;
  padding: 0;
}
.social-icon ul li {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0 10px 5px 0;
}
.social-icon a {
  background: none repeat scroll 0 0 #d2d1cf;
  border-radius: 50%;
  color: #333333;
  display: block;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  width: 25px;
}
.social-icon a i{}
.bs-callout {
  background: none repeat scroll 0 0 #ffffff;
  border-color: #eeeeee;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  margin: 10px 0;
  padding: 10px 20px;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
#lang_sel_footer {
  background: none repeat scroll 0 0 #333;
  border: medium none;
  position: relative;
  z-index: 5;
}

/*--------------------------------------------------------------
27.0 Single post page
--------------------------------------------------------------*/

.single-bg{}
.single-bg>img {
  max-width: 100%;
  width: 100%;
}
.single-bg nav a {
	position: fixed;
	top: 50%;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single-bg nav a.prev {
	left: 0;
}

.single-bg nav a.next {
	right: 0;
}


/*--------------------*/
/* Post Nav */
/*--------------------*/


.nav-singlepost .icon-wrap {
	position: relative;
	z-index: 100;
	display: block;
	padding: 20px 10px;
	border: 0px solid #DA491B;
	background: #DA491B;
	-webkit-transition: border-width 0.3s 0.15s;
	transition: border-width 0.3s 0.15s;
}

.nav-singlepost i.icon {
  color: #ffffff;
  font-size: 22px;
}
.nav-singlepost div.nav-div {
	position: absolute;
	top: 50%;
	padding: 20px;
	box-shadow: 0 0 1px #aaa;
	width: 440px;
	height: 144px;
	background: #fff;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.nav-singlepost div.nav-divi {
  width: 320px;
}
.nav-singlepost a.prev div.nav-div {
	left: 0;
	padding: 20px 140px 20px 70px;
	text-align: right;
	-webkit-transform: translateY(-50%) translateX(-100%) scale(0.75);
	transform: translateY(-50%) translateX(-100%) scale(0.75);
}
.nav-singlepost a.prev div.nav-divi {
  padding: 20px 20px 20px 70px;
}
.nav-singlepost a.next div.nav-div {
	right: 0;
	padding: 20px 70px 20px 140px;
	-webkit-transform: translateY(-50%) translateX(100%) scale(0.75);
	transform: translateY(-50%) translateX(100%) scale(0.75);
}
.nav-singlepost a.next div.nav-divi {
  padding: 20px 70px 20px 20px;
}
.nav-singlepost span {
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	color: #cdcdcd;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 0.7em;
	line-height: 1.2;
}

.nav-singlepost h3 {
  color: #818181;
  font-family: "Open Sans",sans-serif;
  font-size: 1.325em;
  font-weight: 300;
  line-height: 1.2;
  margin: 0;
  padding: 8px 0 10px;
}

.nav-singlepost div p {
	margin: 0;
	color: #b24e44;
	font-style: italic;
	font-size: 75%;
	font-family: "Lucida Bright", Georgia, serif;
}
.nav-singlepost .nav-img-wrap {
  height: 105px;
  overflow: hidden;
  position: absolute;
  top: 20px;
  width: 105px;
}
.nav-singlepost a.prev .nav-img-wrap {
	right: 20px;
}

.nav-singlepost a.next .nav-img-wrap {
	left: 20px;
}
.nav-img-wrap img {
  border: medium none;
  max-height: 100%;
  min-height: 100%;
  width: auto;
}
.nav-singlepost a:hover .icon-wrap {
	border-top-width: 40px;
	border-bottom-width: 40px;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.nav-singlepost a:hover div.nav-div {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateY(-50%) translateX(0) scale(1);
	transform: translateY(-50%) translateX(0) scale(1);
}

.bg-img {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.bg-imgmax img {
  display: block;
  height: auto;
  left: 0;
  max-height: none;
  max-width: 100%;
  min-height: inherit;
  min-width: inherit;
  position: absolute;
  top: 0;
  width: auto;
}
.bg-imgmin img {
  display: block;
  height: auto;
  left: 0;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  width: auto;
}
.bg-imgdefault img {
  display: block;
  height: auto;
  left: 0;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  width: auto;
}
.nav-img-wrap{}

/* -------------------------- */
/* Push */
/* -------------------------- */
a.trigger {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-radius: 0;
  bottom: 40px;
  cursor: pointer;
  display: block;
  height: auto;
  left: calc(50% - 30px);
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 60px;
  z-index: 99;
}
a.trigger span {
  color: #fff;
  font-size: 36px;
  text-align: center;
}
.container:not(.notrans) a.trigger {
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.container.modify:not(.notrans) a.trigger {
	opacity: 0;
	pointer-events: none;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.header-effect:not(.notrans) .header,
.header-effect:not(.notrans) > .title,
.header-effect:not(.notrans) .content > div {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.header-effect:not(.notrans) .header {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.header-effect .header {
  position: fixed;
  z-index: 1500;
}
.header-effect > .title {
	position: relative;
	top: auto;
	left: auto;
	padding: 6em 1em 2em;
}

.header-effect .content > div {
  margin-top: 0;
}
.header-effect > .title,
.header-effect .content > div {
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
	opacity: 0;
}

.header-effect.modify > .title,
.header-effect.modify .content > div {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.header-effect.modify .header {
	opacity: 0;
	-webkit-transform: translateY(-100%) scale(0.9);
	transform: translateY(-100%) scale(0.9);
}

/* Delays */
.header-effect.modify:not(.notrans) > .title {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.header-effect.modify:not(.notrans) .content > div {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
div.single-work {
  height: auto;
  position: relative;
}
.sp-wrap {
  overflow: hidden;
  padding: 70px 0 100px;
}
.left-col{}
.post-meta {
  font-size: 13px;
  margin: 10px 0 35px;
}
.post-meta i {
  display: inline-block;
  margin: 0 3px 0 0;
  color: #575757;
}
.readmore a i{
  font-size: 15px;
}
.readmore a i:before {
  margin: 0 3px 0 0;
  width: auto;
}
.post-date a,.post-date {
  font-size: 14px;
}
.post-author{}
.post-cat{}
.comment-count {
  color: #da491c;
}
.comment-count i{
  color: #575757;
}
.post-tags{}
.post-title {
  margin-top: 15px;
}
.entry-content .post-title {
  margin-top: 0px;
}
.post-social {
  margin-top: 35px;
  overflow: hidden;
  width: 100%;
}
.post-social ul {
  margin: 0;
  padding: 0;
}
.post-social ul li {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0 7px 0 0;
}
.post-social a i {
  border-radius: 100%;
  color: #ffffff;
  display: block;
  margin: 0;
  padding:5px 6px;
  text-align: center;
}
.post-social .icon-twitter {
  background: none repeat scroll 0 0 #00c3f3;
}
.post-social .icon-facebook {
  background: none repeat scroll 0 0 #2d609b;
}
.post-social .icon-gplus {
  background: none repeat scroll 0 0 #eb4026;
}
.post-social .icon-pinterest {
  background: none repeat scroll 0 0 #ca212a;
}
.post-social .icon-linkedin {
  background: none repeat scroll 0 0 #537fb3;
}
.post-desc{}
.sp-wrap img {
  height: auto;
  max-width: 100%;
}
.post-desc blockquote footer, .post-desc blockquote p {
  color: #da491c;
  font-family: "Open Sans",sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0;
}
.post-comment {
  margin-top: 35px;
}
.numcomments {
  overflow: hidden;
  width: 100%;
}
.total-comment {
  float: left;
  overflow: hidden;
}
.total-comment h4,.leave-comment h4 {
  font-family: "Open Sans",sans-serif;
  text-transform: uppercase;
}
.numcomments hr,.leave-comment hr {
  background: none repeat scroll 0 0 #d2d1cf;
  border: medium none;
  display: block;
  height: 1px;
  margin-left: 20px;
  margin-top: 18px;
}
#respond {
  overflow: hidden;
}
div.comment{}
.comment-list{}
ol.comment-list {
  list-style: outside none none;
  padding: 0;
}
ol.comment-list ol {
  list-style: outside none none;
  margin-left: 55px;
  padding: 0;
  width: calc(100% - 55px);
}
ol.children {
  margin-left: 55px;
}
ol.children li{}
.comment-list li {
  overflow: hidden;
}
.comment-body {
  border-radius: 5px;
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}
.comment-body .reply a {
  color: #000000;
  float: right;
  line-height: 1;
  position: absolute;
  right: 15px;
  top: 15px;
  width: auto;
}
.comment-meta {
  background: none repeat scroll 0 0 #f5f5f5;
  border-radius: 5px 0 0;
  float: right;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 85%;
}
.comment-author .fn {
  float: left;
  line-height: 1;
  margin: 15px 10px 0 15px;
  text-transform: capitalize;
}
.comment-author .fn a,.comment-metadata a {
  color: #000000;
}
.comment-author .fn a:hover,.comment-metadata a:hover ,.comment-body .reply a:hover{
  color: #DA491C;
}
.comment-author .avatar {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: block;
  float: left;
  height: auto;
  margin-left: -15%;
  max-width: 80px;
  width: 15%;
}
.comment-meta .comment-awaiting-moderation {
  color: #da491b;
  float: left;
  font-size: 14px;
  line-height: 1;
  margin: 15px 0 0 10px;
}
.comment-author .says {
  display: none;
}
.comment-metadata {
  border-left: 1px solid #a9a9a9;
  float: left;
  line-height: 1;
  margin-left: 0;
  margin-top: 15px;
  padding-left: 8px;
}
.comment-content {
  background: none repeat scroll 0 0 #f5f5f5;
  border-radius: 0 0 0 5px;
  float: right;
  padding: 0 15px 10px;
  position: relative;
  top: -30px;
  width: 85%;
}
.comment.depth-5 .comment-content {
  top: -15px;
}
.comment-content p {
  font-size: 14px;
}
.leave-comment {
  overflow: hidden;
  width: 100%;
}
.cancel-comment-reply {
  text-align: right;
  width: 100%;
}
.mc4wp-form button, .mc4wp-form input[type="button"], .mc4wp-form input[type="submit"],#newsletter_form input[type="submit"]{
  display: none;
}

/*---------------------------------------------------------*/
/************************ Sidebar *************************/
/*--------------------------------------------------------*/

.sidebar-col {
  position: relative;
  width: 100%;
}
.sidebar-col ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.sidebar-col ul li ul li ul{
  padding-left: 20px;
}
.widget ul>li:hover {
  background: none repeat scroll 0 0 #333333;
  color: #fff;
}
.widget ul>li:hover ul a{
  background: none repeat scroll 0 0 #fff;
  color: #333;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.widget ul>li:hover ul{
  background: none repeat scroll 0 0 #fff;
  color: #333;
  -webkit-transition: all 0.0s ease-out 0s;
  transition: all 0.0s ease-out 0s;
}
.widget ul li ul li:hover  {
  background: none repeat scroll 0 0 #333;
  color: #fff;
}
.widget ul li ul li:hover > a {
  background: none repeat scroll 0 0 transparent;
  color: #fff;
  -webkit-transition: all 0s ease-out 0s;
  transition: all 0s ease-out 0s;
}

.sidebar-col ul li h3 {
  background: none repeat scroll 0 0 #333333;
  color: #ffffff;
  padding: 12px 0;
  text-align: center;
}
.sidebar-col ul li h3 a{
  color: #ffffff;
}
.widget ul li {
  border-bottom: 1px solid #858585;
  color: #333333;
  display: block;
  padding: 0;
}
.widget ul li a{
  color: #333333;
  display: inline-block;
  padding: 12px 0;
}
.widget ul li.recentcomments {
  color: #333333;
  display: block;
  padding: 0;
  width: 100%;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.widget ul#recentcomments li.recentcomments:hover{
  color: #fff;
  display: block;
  padding-left: 15px;
  width: 100%;
}
.widget ul#recentcomments li:hover a {
  padding-left: 0;
}
.widget ul li:last-child {
  border-bottom: medium none;
}
.widget ul li:hover a{
  color: #ffffff;
  padding-left:15px;
}
.widget:hover h3{background: none repeat scroll 0 0 #da491c;}
ul.recent-post{}
ul.recent-post li{}
ul.recent-post li a {
  border: medium none;
  overflow: hidden;
}
ul.recent-post li a img {
  display: block;
  float: left;
  margin: 0 15px 0 0;
  width: 71px;
}
ul.recent-post li a h4 {
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
}
ul.recent-post li a span {
  background: none repeat scroll 0 0 #333333;
  border-radius: 3px;
  color: #cccccc;
  padding: 3px 7px;
}
ul.recent-post li a:hover {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #666666;
  padding: 12px 0;
}
ul.recent-post li a:hover span{
  background: none repeat scroll 0 0 #da491c;
  color:#fff
}
ul.recent-post li a:hover h4{
  color: #666666;
}
ul#recentcomments{}
ul#recentcomments li {
  padding: 12px 0;
}
.widget table#wp-calendar {
  background-color: #f3f2f2;
  border: 1px solid #fbfafa;
  position: relative;
  text-align: center;
  width: 100%;
}
.widget table#wp-calendar th {
  border-color: #fbfafa;
  color: #333333;
  font-weight: 400;
  padding: 5px 0;
  text-align: center;
}
.widget table#wp-calendar tr td#prev {
  border: medium none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.widget table#wp-calendar tr td#prev a {
  color: #fff;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 700;
  left: 0;
  padding: 12px 10px 12px 5px;
}
.widget table#wp-calendar tr td#next {
  border: medium none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.widget table#wp-calendar tr td#next a {
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 700;
  left: 0;
  color: #fff;
  display: block;
  padding: 12px 5px 12px 10px;
}
.widget table#wp-calendar thead {
  background: none repeat scroll 0 0 #fff;
}
.widget table#wp-calendar tr td#prev:hover a,.widget table#wp-calendar tr td#next:hover a {background: none repeat scroll 0 0 #da491c;}
.widget table#wp-calendar tr td {
  border-color: #fbfafa;
  color: #333333;
  padding: 5px 0;
}
.widget table#wp-calendar tr td span.date {
  color: #333333;
}
#wp-calendar caption {
  background: none repeat scroll 0 0 #333;
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 12px;
  padding-top: 12px;
  text-align: center;
}
.widget table#wp-calendar tbody tr td a {
  background: none repeat scroll 0 0 #da491c;
  color: #fff;
  display: block;
  margin-bottom: -5px;
  margin-top: -5px;
  padding: 5px 0;
}
.tag-cloud{}
.tag-cloud a {
  background: none repeat scroll 0 0 #333333;
  border-radius: 3px;
  color: #ffffff;
  display: block;
  float: left;
  margin: 3px;
  padding: 5px 10px;
  text-align: center;
}
.tag-cloud a:hover{background: none repeat scroll 0 0 #da491c;}
.calendar-title {
  background: none repeat scroll 0 0 #333333;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 12px 0;
  position: relative;
  text-align: center;
}
.widget .icon-angle-double-left,.widget .icon-angle-double-right {
  padding: 9px 0;
  position: absolute;
  color: #ffffff;
  font-size: 18px;
  top: 0;
}
.widget .icon-angle-double-left {
  left: 0;
}
.widget .icon-angle-double-right {
  right: 0;
}
.widget .icon-angle-double-left:hover,.widget .icon-angle-double-right:hover {  background: none repeat scroll 0 0 #333333;}
.widget table tr td.current-date {
  background: none repeat scroll 0 0 #da491c;
  color: #ffffff;
}
.widget table tr td.current-date span.date{
  background: none repeat scroll 0 0 #da491c;
  color: #ffffff;
}
.search_widget input[type="submit"] {
  display: none;
}
.widget .rssSummary {
  padding: 5px 10px;
}
.widget .rss-date, .widget cite {
  display: block;
  padding-bottom: 5px;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.widget ul li:hover .rss-date,.widget ul li:hover cite{
	padding-left:10px;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}

/*--------------------------------------------------------------
28.0 Fit tracker page
--------------------------------------------------------------*/

.tracker-bg {
  background-color: rgba(0, 0, 0, 0.6);
  background-position: center center;
  height: 100%;
  left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.track-title {
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.track-title .heading {
  margin-top: 0;
}
.track-title .heading h1 {
  border: medium none;
  color: #fff;
  font-size: 100px;
  font-weight: 800;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-family: 'Raleway',sans-serif;
  width: 87%;
}
.track-title hr {
  margin: 0 auto;
}
.track-title .sub-title{}
.track-title .sub-title p{
  color: #fff;
  font-family: 'Merriweather',serif;
  font-size: 18px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 90%;
  -webkit-font-smoothing: antialiased;
}
.tracker-content p {
  font-family: 'Merriweather',serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
.tracker-bg nav.nav-fittracker {
  height: auto;
  left: auto;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 75px;
  z-index: 9999;
}
.tracker-bg nav a {
  display: block;
  outline: medium none;
  text-align: center;
  z-index: 1000;
}
.nav-fittracker a.back span {
  background: none repeat scroll 0 0 #333;
  display: block;
  height: auto;
  padding: 15.5px 10px;
}
.nav-fittracker a.back span .back_icon {
  background: url("../images/cross.png") no-repeat scroll center center / 26px auto transparent;
  display: block;
  padding: 14px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.nav-fittracker a.back:hover span .back_icon {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.tracker-bg nav .fit-social {
  position: relative;
}

/*--------------------*/
/* Fit tracker nav*/
/*--------------------*/


.nav-fittracker .icon-wrap {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  box-shadow: 0 0 1px #666;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 16px 10px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 100;
}

.nav-fittracker i.icon {
  color: #999;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 22px;
}
.nav-fittracker a:hover .icon-wrap, .fit-social:hover .icon-wrap {
  background: none repeat scroll 0 0 #333;

  color: #fff;
}


/*--------------------*/
/* Work Nav */
/*--------------------*/

.nav-fittracker>a {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
.nav-fittracker a.prev,.nav-fittracker a.next,.nav-fittracker a.back {
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.nav-fittracker .icon-wrap {
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.nav-fittracker>a>div {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.nav-fittracker a.next div,.nav-fittracker a.next h3,
.nav-fittracker a.prev div,.nav-fittracker a.prev h3 {
	right: 100%;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.nav-fittracker a.back div,.nav-fittracker a.back h3{
	right: 0;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.nav-fittracker>a>div>h3 {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.nav-fittracker > a > div > img {
  background: none repeat scroll 0 0 #333;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.nav-fittracker>a>div>h3 {
  background-color: #333;
  color: transparent;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  margin: 0;
  padding: 5px;
  text-align: left;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}
.nav-fittracker a.next h3 {}
.nav-fittracker a.next h3,.nav-fittracker a.prev h3 {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.nav-fittracker a:hover .icon-wrap {
	background-color: #333333;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.nav-fittracker a:hover div,
.nav-fittracker a:hover h3 {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.nav-fittracker a:hover div {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.nav-fittracker a:hover h3 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	color: #fff;
	width: 200%;
}
.nav-fittracker a.back:hover h3 {
  color: #fff;
  padding: 20px 0 0 20px;
  text-align: left;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  width: 200%;
}
.nav-fittracker .fit-social div {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 63px;
  opacity: 0;
  overflow: hidden;
  padding: 0 75px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 375px;
}
.nav-fittracker>div.fit-social>div {
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  -webkit-transform: translateY(0%) translateX(100%) scale(1);
  transform: translateY(0%) translateX(100%) scale(1);
}

.nav-fittracker > div.fit-social div a {
  background: none repeat scroll 0 0 #333;
  box-shadow: 0 0 1px #666;
  color: #333333;
  display: block;
  float: left;
  padding: 0;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 75px;
  z-index: 100;
}
.nav-fittracker > div.fit-social div a span.icon-wrap {
  border: medium none;
  padding: 16.1px 10px;
  -webkit-transform: translateY(100%) translateX(0%) scale(1);
  transform: translateY(100%) translateX(0%) scale(1);
}
.nav-fittracker > div.fit-social div a:hover span.icon-wrap {
  -webkit-transform: translateY(0%) translateX(0%) scale(1);
  transform: translateY(0%) translateX(0%) scale(1);
}
.nav-fittracker > a:hover i.icon, .nav-fittracker .fit-social:hover i.icon {
  color: #999;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.nav-fittracker .fit-social:hover div {
  opacity: 1;
  -webkit-transform: translateY(0%) translateX(0px) scale(1);
  transform: translateY(0%) translateX(0px) scale(1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.nav-fittracker div.fit-social div a.fb:hover span {
  background: none repeat scroll 0 0 #3c74ba;
}
.nav-fittracker div.fit-social div a.twitter:hover span {
  background: none repeat scroll 0 0 #1fc2f7;
}
.nav-fittracker div.fit-social div a.gplus:hover span {
  background: none repeat scroll 0 0 #db321b;
}
.nav-fittracker div.fit-social div a.pinterest:hover span {
  background: none repeat scroll 0 0 #a80909;
}
.nav-fittracker .fit-social div i.icon{color:#fff}
.nav-fittracker > a:hover .fit-social div i.icon, .nav-fittracker .fit-social:hover div i.icon {
  color: #fff;
  display: block;
  position: relative;
  -webkit-transform: translateY(-200%) translateX(0%) scale(1);
  transform: translateY(-200%) translateX(0%) scale(1);
}
.nav-fittracker > div.fit-social div a:hover span.icon-wrap i{
  -webkit-transform: translateY(0%) translateX(0%) scale(1);
  transform: translateY(0%) translateX(0%) scale(1);
}
.full-col {
  overflow: hidden;
}
.tracker-meta {
  font-size: 16px;
  margin-bottom: 35px;
  margin-top: 35px;
  overflow: hidden;
}
.tracker-meta span {
  font-family: "Open Sans",sans-serif;
  margin-right: 35px;
  font-size: 14px;
}
.tracker-meta i{
  margin-right: 5px;
}
.tracker-content a.btn {
  margin: 10px 20px 10px 5px;
}
.tracker-gallery {
  -webkit-background-size: cover;
  background-size: cover;
  margin: 55px 0 0;
  overflow: hidden;
  width: 100%;
}
.sp-full-col {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.tracker-gallery .item {
  background: none repeat scroll 0 0 transparent;
  float: left;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 33.33%;
}
.tracker-gallery .item img {
  border: 1px solid #fff;
  display: block;
  margin: 0;
  min-width: 100%;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.tracker-gallery .item .inner-wrap {
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  width: 100%;
}
.tracker-gallery .item:hover .inner-wrap {
  opacity: 1;
}
.tracker-gallery .item:hover img {
  opacity: 0.7;
}
.tracker-gallery .item .inner-wrap .hover-icon {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.tracker-gallery .item .inner-wrap .hover-icon a {
  background: none repeat scroll 0 0 #333;
  color: #fff;
  display: block;
  font-size: 22px;
  height: 45px;
  left: calc(50% - 25px);
  margin: 0;
  padding: 5px;
  position: absolute;
  top: calc(50% - 25px);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  width: 45px;
}
.tracker-gallery  .item .inner-wrap .hover-icon:hover a{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tracker-gallery  .item .inner-wrap .hover-icon a:hover{background:none repeat scroll 0 0 #da491c}


/*--------------------------------------------------------------
29.0 Blog page
--------------------------------------------------------------*/

.page-header {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.blog-intro {
  top: -80px;
}
.page-bg {
  height: 100%;
  left: 0;
  margin-top: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}
.page-title {
  backface-visibility: hidden;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.archive-intro .page-bg, .archive-intro .page-title {
  position: absolute;
}
.page-title .heading {
  margin-top: 0;
}
.page-title .heading h1 {
  border: medium none;
  color: #fff;
  font-size: 110px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 66%;
}
.page-title.warning-header .heading h1 {
  font-size: 50px;
}
.page-wrap {
  background: none repeat scroll 0 0 #fff;
  overflow: hidden;
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative;
}
.thumb-wrap {
  float: left;
  margin-right: 15px;
  overflow: hidden;
  padding: 0 15px 0 0;
  width: 33.33%;
}
.grid-col .thumb-wrap {
  float: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.thumb-wrap .owl-carousel {
  max-height: 250px;
}
.post-thumb {
  max-height: 250px;
  overflow: hidden;
}
.post-thumb img {
  height: auto;
  max-height: 270px;
  max-width: none;
  min-width: 100%;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: auto;
}
.entry-post:hover .post-thumb img {
	-ms-transform-origin: center center 0;
	-webkit-transform-origin: center center 0;
	transform-origin: center center 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.post-title h2 {
  margin-top: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.entry-post .post-title h2 {
  margin-top: 15px;
}
.post-title a {
  color: #333;
}
.entry-post .post-meta {
  margin-bottom: 15px;
}
.grid-col .entry-post .post-meta {
  border-bottom: 1px solid #999999;
  padding-bottom: 18px;
}
.grid-post-meta {
  font-size: 13px;
  margin: 25px 0 0;
}
.entry-post {
  clear: both;
  margin: 0 0 0 10px;
  overflow: hidden;
}
.grid-col .entry-post {
  background: none repeat scroll 0 0 #fff;
  margin: 0 0 30px;
}
.grid-col .entry-content {
  padding: 0 25px 25px;
  border: 1px solid #ccc;
}
.left-col .entry-post {
  margin: 0 0 30px;
}
.owl-carousel .owl-item {
  overflow: hidden;
}
.owl-scode img{max-width:100%}
.owl-prev, .owl-next {
  background: none repeat scroll 0 0 rgba(51, 51, 51, 0.25);
  height: 54px;
  padding: 7px 5px;
  position: absolute;
  text-align: center;
  top: calc(50% - 27px);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  width: 48px;
}
.owl-prev i, .owl-next i {
  color: #fff;
  font-size: 28px;
}
.owl-prev:hover, .owl-next:hover {
  background: none repeat scroll 0 0 #da491c;
}
.owl-prev {
  left: 0;
}
.owl-next {
  right: 0;
}
.entry-post .post-thumb iframe {
  min-height: 250px;
  width: 100%;
}
.pagination {
  margin: 20px 0;
  padding-left: 0;
  width: 100%;
}
.pagination ul {
  margin: 0;
  padding-left: 0;
  width: 100%;
}
.pagination ul li {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0 0 0 1px;
  padding: 0;
}
.pagination ul li a {
  background: none repeat scroll 0 0 #333;
  color: #fff;
  margin: 0;
  padding: 8px 12px;
}
.pagination ul li.active a ,.pagination ul li a:hover{
  background: none repeat scroll 0 0 #da491c;
  color: #fff;
}


.content-area {
  margin-top: 65px;
  overflow: hidden;
  margin-bottom: 25px;
}
.error-404 {
  margin: 50px 0 200px;
}

#owl-post {
  height: 100%;
  overflow: hidden;
}
#owl-post .owl-wrapper-outer {
  height: 100%;
}
#owl-post .owl-wrapper {
  height: 100%;
}
#owl-post .owl-item {
  height: 100%;
}
#owl-post .owl-buttons {
  margin: 0 auto;
  position: relative;
  width: 96px;
}
#owl-post .owl-prev {
  bottom: 0;
  left: auto;
  right: 48px;
  top: auto;
}
#owl-post .owl-next {
  bottom: 0;
  right: 0;
  top: auto;
}
.default-page {
  margin-bottom: 20px;
  margin-top: 80px;
}

/*--------------------------------------------------------------
30.0 Specialty page
--------------------------------------------------------------*/

body.single .hentry {
  margin: 0;
}
.specialty-wrap {
  overflow: hidden;
  padding: 70px 0 0;
}
.left-sp-tag {
  color: #da491c;
  display: inline-block;
  height: auto;
  overflow: hidden;
  width: 100%;
}
.left-sp-tag i {
  color: #da491c;
  display: block;
  font-size: 28px;
  text-align: left;
  vertical-align: middle;
}
.right-sp-tag {
  display: inline-block;
  width: 100%;
}
.right-sp-tag h2 {
  font-size: 18px;
  font-weight: 400;
  margin: 10px 0 0;
  text-transform: uppercase;
}
.right-sp-tag p {
  margin: 10px 0 0;
}
.spsingle-content {
}
.spsingle-content img {
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.sp-footer-title h2 {
  margin-bottom: 35px;
}
.spsingle-content .post-social {
  margin-top: 0;
}
.spsingle-content ul, ul.icon-ul {padding:0;margin:0}

.spsingle-content ul li, ul.icon-ul li {
  font-size: 14px;
  line-height: 1.6;
  list-style: outside none none;
  margin-bottom: 2px;
}
.spsingle-content ul li:before,ul.icon-ul li:before{
  content: '\e812';
  color: #da491c;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
.spsingle-content .post-social ul li:before,.post-social ul li:before {
  content: none;
}
.spsingle-content ul li ,ul.icon-ul li{
  list-style: none outside none;
}
.sp-tag-wrapper {
  margin-bottom: 30px;
  overflow: hidden;
}
.spsingle-meta {
  overflow: hidden;
}
.main-body .spsingle-meta {
  padding-bottom: 50px;
}
.sp-footer-title {
  margin: 150px 0 100px;
}
.sp-footer-title p {
    color: #FFF;
    font-family: 'Merriweather',serif;
    font-size: 16px;
    font-weight: 300;
	-webkit-font-smoothing: antialiased;
}
.customsection_sc {
	-webkit-background-size: cover;
  background-size: cover;
  margin: 55px 0 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/*************************************/
/*----------owl carousal-------------*/
/*************************************/

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-pagination {
  position: relative;
  text-align: center;
  top: -30px;
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 1;
  width: 12px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: none repeat scroll 0 0 #da491c;
  opacity: 1;
}
/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  max-width: 260px;
  min-width: 230px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 220px;
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  min-height: 30px; /* Height of the drop down */
  line-height: 30px; /* Vertically positions the drop down text */
  display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 999;
  border-radius: 6px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  color: #333333;
  background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  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);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background-color: #da491c;
  background-repeat: repeat-x;
  color: #ffffff;
  word-break: break-all;
  word-wrap: break-word;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}





.skrollable {
  position: absolute;
}
.skrollr-mobile .skrollable {
	/*
		May cause issues on Android default browser (see #331 on GitHub).
	*/
	position:absolute;
}
.skrollable .skrollable {
	position:absolute;
}
.skrollable .skrollable .skrollable {
	position:static;
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/*************************************/
/*----------pricing table section-------------*/
/*************************************/

.pricingtable-wrapper {
  background-color: #f1f1f1;
}
.page-content .pricingtable-wrapper {
  padding-bottom: 70px;
}
.mv-pricing-container {
  margin: 0 auto;
}
.mv-pricing-container ul {
  list-style: outside none none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
.mv-pricing-container {
  margin: 0 auto;
}
  .mv-pricing-container.mv-full-width {
    width: 100%;
    max-width: none;
  }
}

.mv-pricing-switcher {
  text-align: center;
}
.mv-pricing-switcher .fieldset {
  border: 1px solid #999999;
  border-radius: 50em;
  display: inline-block;
  padding: 2px;
  position: relative;
  margin: 0;
}
.mv-pricing-switcher input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.mv-pricing-switcher label {
  color: #666;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 1.4rem;
  height: 40px;
  line-height: 40px;
  margin: 0;
  position: relative;
  width: 90px;
  z-index: 1;
  font-weight: 600;
}
.mv-pricing-switcher label.active {
  color: #ffffff;
  -webkit-transition:color 0.3s ease 0s;
  transition:color 0.3s ease 0s;
}
.mv-pricing-switcher .mv-switch {
  /* floating background */
  position: absolute;
  top: 2px;
  left: 2px;
  height: 40px;
  width: 90px;
  background-color: #da491c;
  border-radius: 50em;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
.mv-pricing-switcher input[type="radio"]:checked + label + .mv-switch,
.mv-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .mv-switch {
  /* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/
  -webkit-transform: translateX(90px);
  -moz-transform: translateX(90px);
  -ms-transform: translateX(90px);
  -o-transform: translateX(90px);
  transform: translateX(90px);
}

.no-js .mv-pricing-switcher {
  display: none;
}

.mv-pricing-list {
  margin: 2em 0 0;
}
.mv-pricing-list > li {
  position: relative;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .mv-pricing-list {
    margin: 3em 0 0;
  }
  .mv-pricing-list:after {
    content: "";
    display: table;
    clear: both;
  }
  .mv-pricing-list > li {
    width: 33.3333333333%;
    float: left;
  }
  .mv-has-margins .mv-pricing-list > li {
    width: 32.3333333333%;
    float: left;
    margin-right: 1.5%;
  }
  .mv-has-margins .mv-pricing-list > li:last-of-type {
    margin-right: 0;
  }
}

.mv-pricing-wrapper {
  /* this is the item that rotates */
  position: relative;
}
.touch .mv-pricing-wrapper {
  /* fix a bug on IOS8 - rotating elements dissapear*/
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  perspective: 2000px;
}
.mv-pricing-wrapper.is-switched .is-visible {
  /* totate the tables - anticlockwise rotation */
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-animation: mv-rotate 0.5s;
  -moz-animation: mv-rotate 0.5s;
  animation: mv-rotate 0.5s;
}
.mv-pricing-wrapper.is-switched .is-hidden {
  /* totate the tables - anticlockwise rotation */
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-animation: mv-rotate-inverse 0.5s;
  -moz-animation: mv-rotate-inverse 0.5s;
  animation: mv-rotate-inverse 0.5s;
  opacity: 0;
}
.mv-pricing-wrapper.is-switched .is-selected {
  opacity: 1;
}
.mv-pricing-wrapper.is-switched.reverse-animation .is-visible {
  /* invert rotation direction - clockwise rotation */
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-animation: mv-rotate-back 0.5s;
  -moz-animation: mv-rotate-back 0.5s;
  animation: mv-rotate-back 0.5s;
}
.mv-pricing-wrapper.is-switched.reverse-animation .is-hidden {
  /* invert rotation direction - clockwise rotation */
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-animation: mv-rotate-inverse-back 0.5s;
  -moz-animation: mv-rotate-inverse-back 0.5s;
  animation: mv-rotate-inverse-back 0.5s;
  opacity: 0;
}
.mv-pricing-wrapper.is-switched.reverse-animation .is-selected {
  opacity: 1;
}
.mv-pricing-wrapper > li {
  background-color: #FFFFFF;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Firefox bug - 3D CSS transform, jagged edges */
  outline: 1px solid transparent;
}
.mv-pricing-wrapper > li::after {
  /* subtle gradient layer on the right - to indicate it's possible to scroll */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #FFFFFF, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));
}
.mv-pricing-wrapper > li.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  display: none;
}
.mv-pricing-wrapper .is-visible {
  /* the front item, visible by default */
  position: relative;
  z-index: 5;
}
.mv-pricing-wrapper .is-hidden {
  /* the hidden items, right behind the front one */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.mv-pricing-wrapper .is-selected {
  /* the next item that will be visible */
  z-index: 3 !important;
}
@media only screen and (min-width: 768px) {
  .mv-pricing-wrapper > li::before {
    /* separator between pricing tables - visible when number of tables > 3 */
    content: '';
    position: absolute;
    z-index: 6;
    left: -1px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50%;
    width: 1px;
    background-color: #b1d6e8;
  }
  .mv-pricing-wrapper > li::after {
    /* hide gradient layer */
    display: none;
  }
  .mv-popular .mv-pricing-wrapper > li {
    box-shadow: inset 0 0 0 1px #DA491C;
  }
	.mv-has-margins .mv-pricing-wrapper > li, .mv-has-margins .mv-popular .mv-pricing-wrapper > li {
	  border: 1px solid #d6d6d6;
	}
  .mv-secondary-theme .mv-pricing-wrapper > li {
    background: #DA491C;
    background: -webkit-linear-gradient( bottom , #DA491C, #3ad2d1);
    background: linear-gradient(to top, #DA491C, #3ad2d1);
  }
  .mv-secondary-theme .mv-popular .mv-pricing-wrapper > li {
    background: #DA491C;
    background: -webkit-linear-gradient( bottom , #DA491C, #e99b68);
    background: linear-gradient(to top, #DA491C, #e99b68);
    box-shadow: none;
  }
  :nth-of-type(1) > .mv-pricing-wrapper > li::before {
    /* hide table separator for the first table */
    display: none;
  }
  .mv-has-margins .mv-pricing-wrapper > li {
    border-radius: 4px 4px 6px 6px;
  }
  .mv-has-margins .mv-pricing-wrapper > li::before {
    display: none;
  }
}
@media only screen and (min-width: 1500px) {
  .mv-full-width .mv-pricing-wrapper > li {
    padding: 2.5em 0;
  }
}

.no-js .mv-pricing-wrapper .is-hidden {
  position: relative;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  margin-top: 1em;
}

@media only screen and (min-width: 768px) {
  .mv-popular .mv-pricing-wrapper > li::before {
    /* hide table separator for .mv-popular table */
    display: none;
  }

  .mv-popular + li .mv-pricing-wrapper > li::before {
    /* hide table separator for tables following .mv-popular table */
    display: none;
  }
}
.mv-pricing-header {
  position: relative;
  z-index: 1;
  height: 80px;
  padding: 1em;
  pointer-events: none;
  background-color: #000000;
  color: #FFFFFF;
}
.mv-pricing-header h2 {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  margin-bottom: 3px;
  margin-top: 0;
  text-transform: uppercase;
  line-height: 1;
}
.mv-popular .mv-pricing-header {
  background-color: #DA491C;
}
@media only screen and (min-width: 768px) {
.mv-pricing-header {
	background-color: transparent!important;
    height: auto;
    padding: 1.9em 0.9em 1.6em;
    pointer-events: auto;
    text-align: center;
    color: #282828;
  }
  .mv-popular .mv-pricing-header {
    color: #DA491C;
    background-color: transparent;
  }
  .mv-secondary-theme .mv-pricing-header {
    color: #FFFFFF;
  }
.mv-pricing-header h2 {
  color: #333;
  font-size: 1.8rem;
  letter-spacing: 2px;
}

}

.mv-currency, .mv-value {
  font-size: 3rem;
  font-weight: 400;
}

.mv-duration {
  font-weight: 400;
  font-size: 1.3rem;
  color: #8dc8e4;
  text-transform: uppercase;
}
.mv-duration-r{
  margin-left:-15px
}
.mv-popular .mv-duration {
  color: #f3b6ab;
}
.mv-duration::before {
  content: '/';
  margin-right: 2px;
}

@media only screen and (min-width: 768px) {
  .mv-value {
    font-size: 7rem;
    font-weight: 400;
  }

  .mv-currency, .mv-duration {
    color: rgba(23, 61, 80, 0.4);
  }
  .mv-popular .mv-currency,  .mv-popular h2, .mv-popular .mv-duration {
    color: #DA491C;
  }
  .mv-secondary-theme .mv-currency, .mv-secondary-theme .mv-duration {
    color: #2e80a7;
  }
  .mv-secondary-theme .mv-popular .mv-currency, .mv-secondary-theme .mv-popular .mv-duration {
    color: #ba6453;
  }

  .mv-currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 2rem;
    font-weight: 400;
  }

  .mv-duration {
    font-size: 1.4rem;
  }
}
.mv-pricing-body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.is-switched .mv-pricing-body {
  /* fix a bug on Chrome Android */
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .mv-pricing-body {
    overflow-x: visible;
  }
}

.mv-pricing-features {
  width: 600px;
}
.mv-pricing-features:after {
  content: "";
  display: table;
  clear: both;
}
.mv-pricing-features li {
  width: 100px;
  float: left;
  padding: 1.6em 1em;
  font-size: 1.4rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mv-pricing-features em {
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .mv-pricing-features {
    width: auto;
  }
  .mv-pricing-features li {
    float: none;
    width: auto;
    padding: 1em;
  }
  .mv-popular .mv-pricing-features li {
    margin: 0 3px;
  }
  .mv-pricing-features li:nth-of-type(2n+1) {
    background-color: rgba(23, 61, 80, 0.06);
  }
  .mv-pricing-features em {
    display: inline-block;
    margin-bottom: 0;
  }
  .mv-has-margins .mv-popular .mv-pricing-features li, .mv-secondary-theme .mv-popular .mv-pricing-features li {
    margin: 0;
  }
  .mv-secondary-theme .mv-pricing-features li {
    color: #FFFFFF;
  }
  .mv-secondary-theme .mv-pricing-features li:nth-of-type(2n+1) {
    background-color: transparent;
  }
}

.mv-pricing-footer {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  /* on mobile it covers the .mv-pricing-header */
  height: 80px;
  width: 100%;
}
.mv-pricing-footer::after {
  /* right arrow visible on mobile */
  content: '';
  position: absolute;
  right: 1em;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background: url(../images/mv-icon-small-arrow.svg);
}
@media only screen and (min-width: 768px) {
  .mv-pricing-footer {
    position: relative;
    height: auto;
    padding: 1.8em 0;
    text-align: center;
  }
  .mv-pricing-footer::after {
    /* hide arrow */
    display: none;
  }
  .mv-has-margins .mv-pricing-footer {
    padding-bottom: 0;
  }
}

.mv-select {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  /* hide button text on mobile */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
@media only screen and (min-width: 768px) {
  .mv-select {
    position: static;
    display: inline-block;
    height: auto;
    padding: 1.3em 3em;
    color: #FFFFFF;
    border-radius: 2px;
    background-color: #000000;
    font-size: 1.4rem;
    text-indent: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .no-touch .mv-select:hover {
    background-color: #112e3c;
  }
  .mv-popular .mv-select {
    background-color: #da491c;
  }
  .no-touch .mv-popular .mv-select:hover {
    background-color: #ec907e;
  }
  .mv-secondary-theme .mv-popular .mv-select {
    background-color: #0c1f28;
  }
  .no-touch .mv-secondary-theme .mv-popular .mv-select:hover {
    background-color: #112e3c;
  }
.mv-has-margins .mv-select {
  border-radius: 0 0 4px 4px;
  display: block;
  padding: 1.7em 0;
  font-weight: 600;
  color: #fff;
}


}