@charset "UTF-8";

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

[Master Stylesheet]



	Project:        Ark - Responsive Multi-Purpose Theme

	Version:        1.2

	Author:         Prothemes.net

	Primary use:    Corporate, Business, Portfolio, Landing, Shop and Blog Themes.

	Email: 			prothemes.net@gmail.com

	Website:		http://www.prothemes.net





[Table of Contents]



	1. Base

	2. Blog Classic

	3. Blog Grid

	4. Blog Sidebar

	5. Blog Single Post

	7. Blog Teaser

	7. News

	8. Accordion

	9. Alerts

	10. Blockquotes

	11. Breadcrumbs

	12. Comment Form

	13. Dividers

	14. Dropcap

	15. Heading

	16. Icon List

	17. Lists

	18. Login Form

	19. Pagination

	20. Progress Bar

	21. Scroll to Section

	22. Tab

	23. Tables

	24. Table Wrap

	25. Theme Icons

	26. Timeline

	27. Call to Action

	28. Clients

	29. Counters

	30. Diagonal Content

	31. Equal Height Block

	32. Icon Box

	33. Image Gallery

	34. Interactive Banner

	35. Newsletter

	36. Banner Image

	37. Parallax

	38. Piecharts

	39. Process

	40. Promo Block

	41. Services

	42. Slider Block

	43. Team Members

	44. Testimonials

	45. Video

	46. Work

	47. Footer (Default)

	48. Footer v2

	49. Footer v3

	50. Footer v4

	51. Footer v5

	52. Footer v6

	53. Footer v7

	54. Footer v8

	55. Header

	56. Header Center Aligned

	57. Header Center Aligned Transparent

	58. Header Fullscreen

	59. Header Section Scroll

	60. Header Transparent

	61. Header Vertical

	62. Responsive

	63. Form Modal

	64. Search Default

	65. Search Classic

	66. Search Fullscreen

	67. Search On Header

	68. Search Push

	69. Sidebar

	70. Topbar Classic

	71. Topbar e-Commerce

	72. Topbar Transparent

	73. Coming Soon

	74. Contact Us

	75. FAQ

	76. Shopify

	77. Animated Headline

	78. Animsition

	79. Back to Top

	80. Bootstrap Components

	81. Google Maps

	82. Masonry Grid

	83. Owl Carousel

	84. Portfolio

	85. Revolution Slider

	86. Blue Theme Color

	87. Base Theme Color

	88. Blue Theme Color

	89. Blue Grey Theme Color

	90. Gold Theme Color

	91. Green Theme Color

	92. Grey Theme Color

	93. Pink Theme Color

	94. Purple Theme Color

	95. Red Theme Color

	96. Teal Theme Color

	97. Colors

	98. Helpers

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

/* =================================================================

    [Primary Sass files]

================================================================= */

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

  [Clearfix]

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

/* eg: @include clearfix; */

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

  [Font]

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

/* eg: @include font($size: 14px, $style: italic, $weight: 400, $family: $font-family-base); */

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

  [Positioning]

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

/* eg: @include position(absolute, $top: 5px, $left: 5px); */

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

  [Sizing]

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

/* eg: @include size(100%);

   @include size(100%, 1px); */

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

  [Center Vertically and/or Horizontally an absolute positioned element]

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

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

  [Border Radius]

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

/* eg: @include border-radius(3px); */

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

  [Theme Icons]

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

/* eg: @include theme-icons($color-dark-light, $color-grey, 0, transparent); */

/* eg: @include theme-icons-size(35px, 35px, $font-size-16, 6px); */

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

  [Theme Buttons]

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

/* eg: @include buttons($color-base, $color-white, transparent, $color-base, 1px, $color-base, $color-base); */

/* eg: @include button-size($font-size-14, $font-weight-400, 6px 12px); */

/* eg: @include @include buttons-animate(darken($color-gold, 4%), 10px 15px); */

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

  [Placeholder]

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

/* eg: @include placeholder($color-base); */

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

  [Box Shadow]

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

/* eg: @include box-shadow(0, 2px, 2px, #000, $inset: false); */

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

    [RGBA Background Opacity]

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

/* eg: @include bg-opacity($color-dark, .2); */

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

  [Visibility]

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

/* eg: @include visibility-backface(hidden); */

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

  [Transition]

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

/* eg: @include transition(all, .3s ease); */

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

  [Perspective]

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

/* eg: @include perspective(800px); */

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

  [Cubic Bezier Transition]

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

/* eg: @include cubic-transition($delay: 0, $duration: 200ms, $property: (all)); */

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

  [Transition]

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

/* eg: @include transition(opacity, .3s); */

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

  [Translate 3D Transition]

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

/* eg: @include translate3d(0,0,0); */

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

  [Preserve 3D]

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

/* eg: @include preserve3d(preserve-3d); */

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

  [Rotate]

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

/* eg: @include rotate(45deg); */

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

  [RotateY]

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

/* eg: @include rotateY(45deg); */

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

  [Transform Scale]

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

/* eg: @include transform-scale(1,1); */

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

  [Animation Duration]

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

/* eg: @include animation-duration(.3s); */

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

  [Animation Timing Function]

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

/* eg: @include animation-timing-function(ease); */

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

  [Transform Origin]

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

/* eg: @include transform-origin(left center); */

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

  [Animation Iteraction Count]

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

/* eg: @include animation-iteration-count(infinite); */

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

  [Animation]

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

/* eg: @include animation(toTopFromBottom .3s forwards); */

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

  [Animation Name]

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

/* eg: @include animation-name(egample); */

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

  [Animation Direction]

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

/* eg: @include animation-direction(reverse); */

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

  [Keyframes]

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

/* eg: @include keyframes($keyframes); { @content; } */

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

  [Grayscale]

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

/* eg: @include grayscale(100%); */

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

  [Blur]

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

/* eg: @include blur(5px); */

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

  [Linear Gradient]

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

/* eg: @include gradient(rgba(255,255,255,0), rgba(255,255,255,.9)); */

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

	[Layout Settings & Variables]

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

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

  	[The "base.scss" contains basic default element styles

  		(colors, typography, margins & padding).]

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

html {

  overflow-x: hidden;

}



html, html a, body {

  -webkit-font-smoothing: antialiased;

}



body {

  font-family: "Microsoft Yahei";

}



p {

  font-size: 15px;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  color: #606060;

  line-height: 1.4;

}



em,

li,

li a {

  font-size: 15px;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  color: #34343c;

}



a {

  font-family: "Microsoft Yahei";

  color: #00bcd4;

  outline: 0;

}



a:focus, a:hover, a:active {

  outline: 0;

  color: #00bcd4;

}



h1, h2, h3, h4, h5, h6 {

  font-weight: bold;

  font-family: "Microsoft Yahei";

  color: #0061D4;

  line-height: 1.4;

  margin: 0 0 15px;

}



h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {

  color: #34343c;

}



h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {

  text-decoration: none;

}



::selection {

  color: #fff;

  background: #00bcd4;

  text-shadow: none;

}



::-webkit-selection {

  color: #fff;

  background: #00bcd4;

  text-shadow: none;

}



::-moz-selection {

  color: #fff;

  background: #00bcd4;

  text-shadow: none;

}



:active,

:focus {

  outline: none;

}



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

    [Blog Classic]

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

.blog-classic {

  position: relative;

  overflow: hidden;

}



.blog-classic .blog-classic-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 3;

  text-decoration: none;

}



.blog-classic .blog-classic-hover {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  opacity: 0;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-classic .blog-classic-hover:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.3);

  content: " ";

}



.blog-classic .blog-classic-hover .blog-classic-hover-img {

  width: auto;

  height: 100%;

  opacity: 0;

  visibility: hidden;

}



.blog-classic .blog-classic-body {

  position: relative;

  background: #fff;

  padding: 40px 30px 60px;

}



.blog-classic .blog-classic-label {

  position: absolute;

  top: 0;

  right: 30px;

  width: 60px;

  height: 60px;

  display: block;

  font-size: 16px;

  font-family: "Microsoft Yahei";

  color: #fff;

  line-height: 3.3;

  text-align: center;

  background: #34343c;

  border-radius: 3px;

  text-transform: uppercase;

  padding: 5px;

  margin-top: -30px;

}



.blog-classic .blog-classic-title {

  font-size: 28px;

  margin-bottom: 5px;

}



.blog-classic .blog-classic-title.blog-classic-title-sm {

  font-size: 24px;

}



.blog-classic .blog-classic-subtitle {

  display: block;

  font-size: 18px;

  font-style: italic;

  font-family: "Microsoft Yahei";

}



.blog-classic .blog-classic-subtitle.blog-classic-subtitle-sm {

  font-size: 16px;

}



.blog-classic .blog-classic-paragraph {

  position: relative;

  display: block;

  font-size: 13px;

  text-transform: uppercase;

  text-decoration: none;

  padding-top: 25px;

}



.blog-classic .blog-classic-paragraph:after {

  position: absolute;

  top: 10px;

  left: 0;

  width: 40px;

  height: 1px;

  background: #c0c0c8;

  content: " ";

}



.blog-classic .blog-classic-overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



.blog-classic .blog-classic-overlay:before, .blog-classic .blog-classic-overlay:after {

  position: absolute;

  top: 20px;

  left: 20px;

  right: 20px;

  bottom: 20px;

  z-index: 2;

  content: " ";

  opacity: 0;

  transition-duration: 600ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-classic .blog-classic-overlay:before {

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

  -webkit-transform: scale(0, 1);

  -moz-transform: scale(0, 1);

  transform: scale(0, 1);

}



.blog-classic .blog-classic-overlay:after {

  border-left: 1px solid #fff;

  border-right: 1px solid #fff;

  -webkit-transform: scale(1, 0);

  -moz-transform: scale(1, 0);

  transform: scale(1, 0);

}



.blog-classic .blog-classic-overlay-body {

  position: absolute;

  left: 40px;

  right: 40px;

  bottom: 40px;

  width: auto;

  height: auto;

  z-index: 2;

  opacity: 0;

  -webkit-transform: translate3d(-20%, 0, 0);

  -moz-transform: translate3d(-20%, 0, 0);

  transform: translate3d(-20%, 0, 0);

  transition-duration: 600ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}

.more1 a{ border:#fff solid 1px; padding:5px 20px; border-radius:3px; text-align:center; color:#fff;}



.blog-classic .blog-classic-overlay-body .blog-classic-title,

.blog-classic .blog-classic-overlay-body .blog-classic-subtitle {

  color: #fff;

}



.blog-classic .blog-classic-overlay-body .blog-classic-paragraph {

  color: #fff;

}



.blog-classic .blog-classic-overlay-body .blog-classic-paragraph:after {

  background: #fff;

}



.blog-classic:hover .blog-classic-hover {

  opacity: 1;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-classic:hover .blog-classic-hover .blog-classic-hover-img {

  opacity: 1;

  visibility: visible;

}



.blog-classic:hover .blog-classic-overlay:before, .blog-classic:hover .blog-classic-overlay:after {

  opacity: 1;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-duration: 600ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-classic:hover .blog-classic-overlay-body {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 600ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Blog Grid]

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

.blog-grid {

  position: relative;

  background: #fff;

}



/* Video */

.blog-grid .blog-grid-video {

  position: relative;

}



.blog-grid .blog-grid-video .blog-grid-video-player {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



/* Content */

.blog-grid .blog-grid-box-shadow {

  box-shadow: 0 2px 5px 3px #eff1f8;

}



.blog-grid .blog-grid-content {

  padding: 20px;

}



.blog-grid .blog-grid-content.blog-grid-content-no-gutter {

  padding: 20px 0;

}



.blog-grid .blog-grid-title-sm {

  font-size: 20px;

}



.blog-grid .blog-grid-title-sm > a {

  font-size: 20px;

}



.blog-grid .blog-grid-title-md {

  font-size: 24px;

}



.blog-grid .blog-grid-title-md > a {

  font-size: 24px;

}



.blog-grid .blog-grid-title-el {

  font-size: 28px;

  font-family: "Microsoft Yahei";

}



.blog-grid .blog-grid-title-el .blog-grid-title-link {

  font-size: 30px;

  font-family: "Microsoft Yahei";

  text-decoration: none;

}



/* Supplemental */

.blog-grid .blog-grid-supplemental {

  border-top: 1px solid #ebeef6;

  background: #fff;

  padding: 20px;

}



.blog-grid .blog-grid-supplemental-title {

  font-size: 12px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

}



.blog-grid .blog-grid-supplemental-category {

  font-size: 13px;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .blog-grid .blog-grid-title-lg {

    font-size: 24px;

  }

}



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

    [Blog Grid Quote]

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

.blog-grid-quote {

  text-align: center;

  background: #fff;

  padding: 30px 20px;

}



.blog-grid-quote.blog-grid-box-shadow {

  box-shadow: 0 2px 5px 3px #eff1f8;

}



.blog-grid-quote .blog-grid-quote-icon {

  font-size: 50px;

  color: #3a3a44;

  line-height: 0.8;

}



.blog-grid-quote .blog-grid-quote-text {

  display: block;

  font-size: 18px;

  font-style: italic;

  color: #34343c;

  text-transform: capitalize;

  text-decoration: none;

  letter-spacing: 0;

  margin: 0 0 25px 0;

}



.blog-grid-quote .blog-grid-quote-text.blog-grid-quote-text-md {

  font-size: 20px;

}



.blog-grid-quote .blog-grid-quote-text.blog-grid-quote-text-lg {

  font-size: 22px;

}



.blog-grid-quote .blog-grid-quote-text:hover {

  color: #00bcd4;

}



.blog-grid-quote .blog-quote-title {

  font-size: 14px;

  color: #606060;

  margin: 0;

}



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

    [Blog Grid Quote v2]

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

.blog-grid-quote-v2 {

  text-align: center;

  background: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-grid-quote-v2 .blog-grid-quote-v2-title {

  font-size: 18px;

  font-style: italic;

  font-weight: 400;

  color: #fff;

  text-transform: capitalize;

  letter-spacing: 0;

  margin: 0;

}



.blog-grid-quote-v2 .blog-grid-quote-v2-title .blog-grid-quote-v2-title-text {

  display: block;

  font-size: 18px;

  font-style: italic;

  font-weight: 400;

  color: #fff;

  text-decoration: none;

  padding: 20px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-grid-quote-v2:hover {

  background: #34343c;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Blog Grid Thumb]

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

.blog-grid-thumb {

  position: relative;

  overflow: hidden;

  text-decoration: none;

}



.blog-grid-thumb .blog-grid-thumb-body {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  padding: 20px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-grid-thumb .blog-grid-thumb-body:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 188, 212, 0.7);

  content: " ";

}



.blog-grid-thumb .blog-grid-thumb-body:after {

  position: absolute;

  top: 20px;

  left: 20px;

  right: 20px;

  bottom: 20px;

  width: auto;

  height: auto;

  border: 2px solid #fff;

  content: " ";

}



.blog-grid-thumb .blog-grid-thumb-content {

  position: relative;

  top: 50%;

  text-align: center;

  padding: 10px;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.blog-grid-thumb .blog-grid-thumb-category {

  font-size: 14px;

  color: #fff;

  opacity: .8;

}



.blog-grid-thumb .blog-grid-thumb-title {

  font-size: 18px;

  color: #fff;

}



.blog-grid-thumb .blog-grid-thumb-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 3;

  text-decoration: none;

}



.blog-grid-thumb:hover .blog-grid-thumb-body {

  opacity: 1;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Blog Sidebar]

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

.blog-sidebar .blog-sidebar-heading {

  background: #fff;

  border-bottom: 1px solid #ebeef6;

  padding: 15px;

}



.blog-sidebar .blog-sidebar-heading .blog-sidebar-heading-icon {

  position: relative;

  top: 1px;

  font-size: 13px;

  color: #606060;

  margin-right: 5px;

}



.blog-sidebar .blog-sidebar-heading .blog-sidebar-heading-title {

  display: inline-block;

  font-size: 16px;

  margin: 0;

}



.blog-sidebar .blog-sidebar-content {

  background: #fff;

  padding: 15px;

}



.blog-sidebar .blog-sidebar-content.blog-sidebar-content-height {

  height: 290px;

}



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

    [Twitter Feed]

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

.twitter-feed .twitter-feed-item {

  border-top: 1px solid #ebeef6;

  padding-top: 10px;

  margin-top: 10px;

}



.twitter-feed .twitter-feed-item:before, .twitter-feed .twitter-feed-item:after {

  content: " ";

  display: table;

}



.twitter-feed .twitter-feed-item:after {

  clear: both;

}



.twitter-feed .twitter-feed-item:first-child {

  border-top: none;

  padding-top: 0;

  margin-top: 0;

}



.twitter-feed .twitter-feed-item .twitter-feed-media {

  float: left;

  margin-right: 10px;

}



.twitter-feed .twitter-feed-item .twitter-feed-media .twitter-feed-media-img {

  width: 45px;

  height: 45px;

}



.twitter-feed .twitter-feed-item .twitter-feed-content {

  overflow: hidden;

}



.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-name,

.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-nickname,

.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-nickname-link,

.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-posted-time,

.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-paragraph,

.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-link {

  font-size: 12px;

}



.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-name {

  font-weight: 500;

  color: #3a3a44;

  padding-right: 10px;

}



.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-nickname {

  color: #606060;

}



.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-posted-time {

  color: #9e9e9e;

  float: right;

}



.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-paragraph {

  margin-bottom: 5px;

}



.twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-link {

  color: #00bcd4;

}



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

    [Latest Tutorials]

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

.latest-tuts {

  overflow: hidden;

  border-bottom: 1px solid #f7f8fa;

  padding-bottom: 10px;

  margin-bottom: 10px;

}



.latest-tuts:last-child {

  border-bottom: none;

}



.latest-tuts .latest-tuts-media {

  float: left;

  margin-right: 10px;

}



.latest-tuts .latest-tuts-media .latest-tuts-media-img {

  width: 45px;

  height: 45px;

}



.latest-tuts .latest-tuts-content {

  overflow: hidden;

}



.latest-tuts .latest-tuts-content .latest-tuts-content-title {

  font-size: 14px;

  text-transform: inherit;

  letter-spacing: 0;

  margin: 0 0 3px;

}



.latest-tuts .latest-tuts-content .latest-tuts-content-time {

  font-size: 11px;

  display: block;

  color: #606060;

}



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

    [Featured Article]

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

.featured-article {

  position: relative;

  display: block;

  overflow: hidden;

}



.featured-article .featured-article-content-wrap {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(52, 52, 60, 0);

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(rgba(52, 52, 60, 0.9)));

  background-image: -webkit-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -moz-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -ms-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -o-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='rgba(52, 52, 60, 0)', end-colourStr='rgba(52, 52, 60, 0.9)');

}



.featured-article .featured-article-content {

  padding: 20px;

}



.featured-article .featured-article-content .featured-article-content-title {

  font-size: 15px;

  color: #fff;

  text-transform: inherit;

  letter-spacing: 0;

  margin: 0 0 5px;

}



.featured-article .featured-article-content .featured-article-content-title > a {

  color: #fff;

}



.featured-article .featured-article-content .featured-article-content-title > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.featured-article .featured-article-content .featured-article-content-time {

  display: block;

  font-size: 12px;

  color: #fff;

}



.featured-article:hover {

  text-decoration: none;

}



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

    [Footer Tags]

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

.blog-sidebar-tags {

  margin: -5px 0 0;

}



.blog-sidebar-tags > li {

  padding: 5px 2px;

}



.blog-sidebar-tags > li > a {

  display: inline-block;

  font-size: 13px;

  color: #3a3a44;

  border: 1px solid #606060;

  text-decoration: none;

  padding: 3px 8px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-sidebar-tags > li > a:hover {

  color: #fff;

  background: #00bcd4;

  border-color: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Blog Single Post]

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

/* Blog Single Post Source */

.blog-single-post-source {

  display: block;

  margin: 20px 0;

}



/* Blog Single Post Content */

.blog-single-post-content {

  padding: 60px 20px 40px;

}



/* Blog Single Post Comment Forum */

.blog-single-post-comment-form .blog-single-post-form {

  color: #34343c;

  background: #f7f8fa;

  border-color: #f7f8fa;

}



.blog-single-post-comment-form .blog-single-post-form::-moz-placeholder {

  color: #34343c;

}



.blog-single-post-comment-form .blog-single-post-form:-ms-input-placeholder {

  color: #34343c;

}



.blog-single-post-comment-form .blog-single-post-form::-webkit-input-placeholder {

  color: #34343c;

}



.blog-single-post-comment-form .blog-single-post-form:focus {

  color: #34343c;

  background: #f7f8fa;

  border-color: #eff1f8;

}



.blog-single-post-comment-form .blog-single-post-form:focus::-moz-placeholder {

  color: #34343c;

}



.blog-single-post-comment-form .blog-single-post-form:focus:-ms-input-placeholder {

  color: #34343c;

}



.blog-single-post-comment-form .blog-single-post-form:focus::-webkit-input-placeholder {

  color: #34343c;

}



.blog-single-post-comment-form .blog-single-post-comment {

  overflow: hidden;

  border-top: 1px solid #f1f1f1;

  padding-top: 20px;

  margin-top: 10px;

}



.blog-single-post-comment-form .blog-single-post-comment.blog-single-post-comment-first-child {

  border-top: none;

  padding-top: 0;

  margin-top: 0;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment {

  margin-left: 30px;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-media {

  float: left;

  margin-right: 15px;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-media .blog-single-post-comment-media-img {

  width: 50px;

  height: 50px;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-content {

  overflow: hidden;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-content .blog-single-post-comment-username {

  display: inline-block;

  font-size: 16px;

  font-weight: 400;

  text-transform: inherit;

  margin: 0 0 5px;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-content .blog-single-post-comment-time {

  float: right;

  color: #606060;

  font-size: 11px;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-content .blog-single-post-comment-text {

  color: #34343c;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-share {

  overflow: hidden;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-share .blog-single-post-comment-share-item {

  font-size: 12px;

  padding: 0 5px;

}



.blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-share .blog-single-post-comment-share-link {

  font-size: 12px;

  text-decoration: none;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-media {

    float: none;

    margin-right: 0;

  }

  .blog-single-post-comment-form .blog-single-post-comment .blog-single-post-comment-media .blog-single-post-comment-media-img {

    margin-bottom: 15px;

  }

}



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

    [Blog Teaser]

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

.blog-teaser {

  position: relative;

  text-align: center;

  overflow: hidden;

}



.blog-teaser .blog-teaser-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.5);

  content: " ";

  padding: 30px;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-teaser .blog-teaser-center-align {

  position: relative;

  top: 50%;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.blog-teaser .blog-teaser-title {

  position: relative;

  font-size: 50px;

  color: #fff;

  margin-bottom: 20px;

}



.blog-teaser .blog-teaser-title:after {

  position: absolute;

  left: 50%;

  bottom: -10px;

  width: 50px;

  height: 2px;

  background: #fff;

  content: " ";

  margin-left: -25px;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-teaser .blog-teaser-text {

  font-size: 18px;

  color: #fff;

}



.blog-teaser .blog-teaser-category {

  position: absolute;

  left: 50%;

  bottom: 20px;

  margin-bottom: 0;

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

}



.blog-teaser .blog-teaser-category .blog-teaser-category-title {

  position: relative;

  font-size: 15px;

  font-family: "Microsoft Yahei";

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 1px;

  opacity: 0;

  padding: 0 15px 0 0;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.blog-teaser .blog-teaser-category .blog-teaser-category-title:before {

  position: absolute;

  top: 3px;

  left: -9px;

  width: 1px;

  height: 12px;

  -webkit-transform: rotate(30deg);

  -moz-transform: rotate(30deg);

  transform: rotate(30deg);

  background: rgba(255, 255, 255, 0.8);

  content: " ";

}



.blog-teaser .blog-teaser-category .blog-teaser-category-title:first-child:before {

  display: none;

}



.blog-teaser .blog-teaser-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 2;

  text-decoration: none;

}



.blog-teaser:hover .blog-teaser-overlay {

  background: rgba(0, 188, 212, 0.8);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-teaser:hover .blog-teaser-title:after {

  -webkit-transform: scale(3, 1);

  -moz-transform: scale(3, 1);

  transform: scale(3, 1);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(1) {

  opacity: 1;

  -webkit-transition: all 0.5s ease-in;

  -moz-transition: all 0.5s ease-in;

  transition: all 0.5s ease-in;

}



.blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(2) {

  opacity: 1;

  -webkit-transition: all 0.8s ease-in;

  -moz-transition: all 0.8s ease-in;

  transition: all 0.8s ease-in;

}



.blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(3) {

  opacity: 1;

  -webkit-transition: all 1s ease-in;

  -moz-transition: all 1s ease-in;

  transition: all 1s ease-in;

}



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

    [Blog Teaser v2]

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

.blog-teaser-v2 {

  position: relative;

  overflow: hidden;

  text-decoration: none;

}



.blog-teaser-v2 .blog-teaser-v2-img {

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-teaser-v2 .blog-teaser-v2-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.4);

  content: " ";

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-teaser-v2 .blog-teaser-v2-content {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 20px;

}



.blog-teaser-v2 .blog-teaser-v2-subtitle {

  font-size: 14px;

  color: #fff;

  margin-bottom: 5px;

}



.blog-teaser-v2 .blog-teaser-v2-title {

  position: relative;

  font-size: 28px;

  color: #fff;

  margin-bottom: 20px;

}



.blog-teaser-v2 .blog-teaser-v2-title:after {

  position: absolute;

  left: 0;

  bottom: -10px;

  width: 100%;

  height: 2px;

  background: #fff;

  content: " ";

}



.blog-teaser-v2 .blog-teaser-v2-title.blog-teaser-v2-title-sm {

  font-size: 22px;

}



.blog-teaser-v2 .blog-teaser-v2-media {

  overflow: hidden;

}



.blog-teaser-v2 .blog-teaser-v2-media .blog-teaser-v2-author-img {

  width: 35px;

  height: 35px;

  float: left;

  margin-right: 10px;

}



.blog-teaser-v2 .blog-teaser-v2-media-content {

  overflow: hidden;

  margin-top: 10px;

}



.blog-teaser-v2 .blog-teaser-v2-media-content .blog-teaser-v2-author-name {

  font-size: 13px;

  font-weight: 400;

  color: #fff;

  letter-spacing: 0;

}



.blog-teaser-v2 .blog-teaser-v2-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 2;

  text-decoration: none;

}



.blog-teaser-v2:hover .blog-teaser-v2-img {

  -webkit-transform: scale(1.1, 1.1);

  -moz-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.blog-teaser-v2:hover .blog-teaser-v2-overlay {

  background: rgba(0, 188, 212, 0.7);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [News v1]

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

/* Heading */

.news-v1 {

  box-shadow: 2px 4px 7px 2px #eff1f8;

}



.news-v1 .news-v1-heading {

  background: #fff;

  text-align: center;

  padding: 20px;

}



.news-v1 .news-v1-heading .news-v1-heading-tag {

  display: block;

  font-size: 14px;

  font-style: italic;

  color: #34343c;

  text-decoration: none;

  margin-bottom: 5px;

}



.news-v1 .news-v1-heading .news-v1-heading-tag:hover {

  color: #00bcd4;

}



.news-v1 .news-v1-heading .news-v1-element {

  position: relative;

  display: inline-block;

  font-size: 13px;

  color: #34343c;

}



.news-v1 .news-v1-heading .news-v1-element:before, .news-v1 .news-v1-heading .news-v1-element:after {

  position: absolute;

  top: 8px;

  display: inline-block;

  width: 30px;

  height: 1px;

  background: #34343c;

  content: " ";

}



.news-v1 .news-v1-heading .news-v1-element:before {

  right: 100%;

  margin-right: 10px;

}



.news-v1 .news-v1-heading .news-v1-element:after {

  left: 100%;

  margin-left: 10px;

}



.news-v1 .news-v1-heading .news-v1-element .news-v1-element-icon {

  position: relative;

  top: -3px;

  display: inline-block;

  font-size: 6px;

  color: #606060;

}



.news-v1 .news-v1-heading .news-v1-heading-title {

  font-size: 20px;

  font-style: italic;

  margin-bottom: 0;

}



.news-v1 .news-v1-heading .news-v1-heading-title > a {

  font-family: "Microsoft Yahei";

  text-decoration: none;

}



/* Image Gradient */

.news-v1 .news-v1-img-gradient {

  position: relative;

  overflow: hidden;

}



.news-v1 .news-v1-img-gradient .news-v1-img-content {

  position: absolute;

  left: 0;

  bottom: 0;

  background-color: rgba(52, 52, 60, 0);

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(rgba(52, 52, 60, 0.9)));

  background-image: -webkit-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -moz-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -ms-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -o-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='rgba(52, 52, 60, 0)', end-colourStr='rgba(52, 52, 60, 0.9)');

}



.news-v1 .news-v1-img-gradient .news-v1-img-title {

  font-size: 16px;

  font-style: italic;

  font-weight: 400;

  color: #fff;

  text-transform: inherit;

  letter-spacing: 0;

  padding: 30px;

  margin-bottom: 0;

}



/* Content */

.news-v1 .news-v1-content {

  background: #fff;

  padding: 20px;

}



.news-v1 .news-v1-lists {

  text-align: center;

  margin-bottom: 0;

}



.news-v1 .news-v1-lists .news-v1-lists-item {

  position: relative;

  font-size: 13px;

  font-style: italic;

  color: #34343c;

  padding: 0 7px;

}



.news-v1 .news-v1-lists .news-v1-lists-item:before {

  position: absolute;

  top: 0;

  left: -45px;

  width: 100%;

  height: 100%;

  color: #34343c;

  content: "/";

}



.news-v1 .news-v1-lists .news-v1-lists-item:first-child:before {

  display: none;

  content: " ";

}



.news-v1 .news-v1-lists .news-v1-lists-item .news-v1-lists-link {

  position: relative;

  z-index: 1;

  font-size: 13px;

  font-style: italic;

  color: #34343c;

  text-decoration: none;

}



.news-v1 .news-v1-lists .news-v1-lists-item .news-v1-lists-link:hover {

  color: #00bcd4;

}



.news-v1 .news-v1-quote {

  position: relative;

  display: block;

  font-size: 15px;

  color: #3a3a44;

  line-height: 1.6;

  padding-left: 45px;

  margin-bottom: 0;

}



.news-v1 .news-v1-quote:before {

  position: absolute;

  top: -20px;

  left: 0;

  display: inline-block;

  font-size: 70px;

  font-family: "Microsoft Yahei";

  color: #34343c;

  content: "“";

}



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

    [News v2]

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

.news-v2 {

  background: #fff;

  padding: 50px;

}



.news-v2.news-v2-base, .news-v2.news-v2-red, .news-v2.news-v2-teal {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v2.news-v2-base {

  border-top: 2px solid #00bcd4;

}



.news-v2.news-v2-red {

  border-top: 2px solid #e55973;

}



.news-v2.news-v2-teal {

  border-top: 2px solid #009688;

}



.news-v2 .news-v2-title,

.news-v2 .news-v2-subtitle,

.news-v2 .news-v2-link {

  transition-duration: 100ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v2 .news-v2-title {

  font-size: 26px;

}



.news-v2 .news-v2-subtitle {

  display: block;

  font-size: 14px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

  margin-bottom: 10px;

}



.news-v2 .news-v2-link {

  color: #606060;

}



.news-v2:hover.news-v2-base, .news-v2:hover.news-v2-red, .news-v2:hover.news-v2-teal {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v2:hover.news-v2-base {

  background: #00bcd4;

}



.news-v2:hover.news-v2-red {

  background: #e55973;

}



.news-v2:hover.news-v2-teal {

  background: #009688;

}



.news-v2:hover .news-v2-title,

.news-v2:hover .news-v2-subtitle,

.news-v2:hover .news-v2-link {

  color: #fff;

  transition-duration: 100ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [News v3]

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

.news-v3 .news-v3-content {

  text-align: center;

  background: #fff;

  padding: 30px;

}



.news-v3 .news-v3-content .news-v3-subtitle {

  display: block;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

  margin-bottom: 5px;

}



.news-v3 .news-v3-content .news-v3-title {

  font-size: 24px;

  margin-bottom: 10px;

}



.news-v3 .news-v3-content .news-v3-element {

  position: relative;

  display: inline-block;

  font-size: 13px;

  color: #606060;

}



.news-v3 .news-v3-content .news-v3-element:before, .news-v3 .news-v3-content .news-v3-element:after {

  position: absolute;

  top: 8px;

  width: 30px;

  height: 1px;

  border-bottom: 1px solid #00bcd4;

  content: " ";

}



.news-v3 .news-v3-content .news-v3-element:before {

  right: 100%;

  margin-right: 10px;

}



.news-v3 .news-v3-content .news-v3-element:after {

  left: 100%;

  margin-left: 10px;

}



.news-v3 .news-v3-content .news-v3-element .news-v3-element-icon {

  position: relative;

  top: -3px;

  font-size: 5px;

  color: #00bcd4;

}



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

    [News v4]

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

.news-v4 {

  padding: 20px 0;

}



.news-v4 .news-v4-title {

  font-size: 24px;

}



.news-v4 .news-v4-title-element-left {

  position: relative;

  margin-top: 20px;

}



.news-v4 .news-v4-title-element-left:after {

  position: absolute;

  top: -15px;

  left: 0;

  width: 30px;

  height: 1px;

  border-bottom: 1px solid #00bcd4;

  content: " ";

}



.news-v4 .news-v4-title-element-right {

  position: relative;

  margin-top: 20px;

}



.news-v4 .news-v4-title-element-right:after {

  position: absolute;

  top: -15px;

  right: 0;

  width: 30px;

  height: 1px;

  border-bottom: 1px solid #00bcd4;

  content: " ";

}



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

    [News v5]

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

.news-v5 {

  width: 100%;

  height: 300px;

  min-height: 1px;

}



.news-v5:before, .news-v5:after {

  content: " ";

  display: table;

}



.news-v5:after {

  clear: both;

}



.news-v5 .news-v5-col {

  position: relative;

  width: 43%;

  height: 100%;

  float: left;

}



.news-v5 .news-v5-col-p-left {

  padding: 15px 0 15px 40px;

}



.news-v5 .news-v5-col-p-right {

  padding: 15px 40px 15px 0;

}



.news-v5 .news-v5-content {

  position: relative;

  display: table;

  float: left;

  width: 57%;

  height: 100%;

  min-height: 1px;

  padding: 0;

  text-align: center;

}



.news-v5 .news-v5-border-right,

.news-v5 .news-v5-border-left {

  position: absolute;

  width: 100%;

  height: 100%;

  border: 1px solid #c0c0c8;

}



.news-v5 .news-v5-border-right::before,

.news-v5 .news-v5-border-left::before {

  width: 70%;

  height: 102%;

  background: #fff;

  background-color: transparent;

  content: " ";

}



.news-v5 .news-v5-border-right::before {

  position: absolute;

  top: -2px;

  left: -1px;

  right: 0;

  bottom: 0;

  background-image: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%);

  background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%);

}



.news-v5 .news-v5-border-left::before {

  position: absolute;

  top: -2px;

  left: auto;

  right: -1px;

  bottom: 0;

  background-image: -webkit-linear-gradient(right, #fff 50%, rgba(255, 255, 255, 0) 100%);

  background-image: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0) 100%);

}



.news-v5 .news-v5-inner {

  position: relative;

  display: table-cell;

  vertical-align: middle;

}



.news-v5 .news-v5-inner-body {

  padding: 0 50px;

}



.news-v5 .news-v5-icon {

  display: block;

  font-size: 36px;

  color: #00bcd4;

  margin-bottom: 20px;

}



.news-v5 .news-v5-order-name {

  font-size: 32px;

  color: #34343c;

  margin-bottom: 5px;

}



/* Media Queries below 769px */

@media (min-width: 769px) {

  .news-v5 .news-v5-col-sm-push {

    left: 57%;

  }

  .news-v5 .news-v5-content-sm-pull {

    right: 43%;

  }

}



/* Media Queries below 768 */

@media (max-width: 768px) {

  .news-v5 {

    width: 100%;

    height: 100%;

    text-align: center;

    margin: 0 auto;

    display: block;

  }

  .news-v5 .news-v5-col-p-left,

  .news-v5 .news-v5-col-p-right {

    padding: 15px;

  }

  .news-v5 .news-v5-border-right,

  .news-v5 .news-v5-border-left {

    border: none;

  }

  .news-v5 .news-v5-col,

  .news-v5 .news-v5-content {

    width: 100%;

    height: 100%;

    float: none;

  }

  .news-v5 .news-v5-border-right::before,

  .news-v5 .news-v5-border-left::before {

    position: static;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: none;

    background-image: none;

  }

}



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

    [News v6]

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

.news-v6 {

  background: #fff;

  padding: 40px;

}



.news-v6 .news-v6-title {

  font-size: 24px;

}



.news-v6 .news-v6-subtitle {

  max-width: 350px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

}



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

    [News v7]

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

.news-v7.news-v7-lg {

  position: relative;

  z-index: 1;

  box-shadow: 0 2px 5px 3px #eff1f8;

  margin-top: -20px;

}



.news-v7.news-v7-lg .news-v7-content {

  padding: 30px 20px;

}



.news-v7 .news-v7-content {

  background: #fff;

  padding: 20px;

  box-shadow: 0 4px 3px -1px rgba(52, 52, 60, 0.03);

}



.news-v7 .news-v7-title {

  font-size: 22px;

  margin-bottom: 5px;

}



.news-v7 .news-v7-subtitle {

  font-size: 14px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

  margin-bottom: 0;

}



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

    [News v8]

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

/* News v8 Image Effect */

.news-v8 {

  text-align: center;

  box-shadow: 0 2px 5px 3px #eff1f8;

}



.news-v8 .news-v8-img-effect {

  position: relative;

}



.news-v8 .news-v8-img-effect:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v8 .news-v8-img-effect-center-align {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



.news-v8 .theme-icons-wrap {

  opacity: 0;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v8:hover .news-v8-img-effect:before {

  background: rgba(0, 188, 212, 0.5);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v8:hover .theme-icons-wrap {

  opacity: 1;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* News v8 Wrap */

.news-v8 .news-v8-wrap {

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.news-v8 .news-v8-content {

  position: relative;

  background: #fff;

  padding: 30px;

}



.news-v8 .news-v8-category {

  display: block;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #7a7a7a;

  line-height: 1.3;

  margin-bottom: 10px;

}



.news-v8 .news-v8-title {

  font-size: 20px;

  margin-bottom: 0;

}



.news-v8 .news-v8-footer {

  border-top: 1px solid #ebeef6;

  background: #fff;

  padding: 15px 20px;

}



.news-v8 .news-v8-footer-list {

  margin-bottom: 0;

}



.news-v8 .news-v8-footer-list .news-v8-footer-list-item {

  font-size: 13px;

  color: #606060;

  padding: 0 15px 0 0;

}



.news-v8 .news-v8-footer-list .news-v8-footer-list-icon {

  position: relative;

  top: 1px;

  font-size: 14px;

  color: #606060;

  margin-right: 5px;

}



.news-v8 .news-v8-footer-list .news-v8-footer-list-link {

  font-size: 13px;

  color: #606060;

  text-decoration: none;

}



.news-v8 .news-v8-footer-list .news-v8-footer-list-link:hover {

  color: #00bcd4;

}



/* News v8 More */

.news-v8 .news-v8-more .news-v8-more-link {

  position: absolute;

  left: 50%;

  bottom: 1px;

  font-size: 14px;

  font-weight: 300;

  background: #00bcd4;

  color: #fff;

  cursor: pointer;

  padding: 5px 20px;

  margin-bottom: 0;

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v8 .news-v8-more .news-v8-more-info {

  position: absolute;

  left: 15px;

  right: 15px;

  bottom: 0;

  z-index: 2;

  width: auto;

  height: 0;

  text-align: left;

  background: #34343c;

  overflow: hidden;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v8 .news-v8-more .news-v8-more-info-body {

  padding: 30px;

}



.news-v8 .news-v8-more .news-v8-more-info-title {

  font-size: 18px;

  color: #fff;

  margin-bottom: 5px;

}



.news-v8 .news-v8-more .news-v8-more-info-subtitle {

  display: block;

  font-size: 14px;

  font-weight: 300;

  color: #c4c4c4;

}



.news-v8 .news-v8-more .news-v8-more-info-text {

  font-size: 14px;

  color: #c4c4c4;

  margin-bottom: 0;

}



.news-v8 .news-v8-more:hover .news-v8-more-info {

  width: auto;

  height: 100%;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.news-v8:hover .news-v8-more .news-v8-more-link {

  bottom: -28px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [News v9]

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

.news-v9 {

  position: relative;

}



.news-v9:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.5);

  content: " ";

}



.news-v9.news-v9-box-shadow {

  box-shadow: 0 3px 7px 3px rgba(52, 52, 60, 0.3);

}



.news-v9 .news-v9-img {

  width: 100%;

  height: auto;

}



.news-v9 .news-v9-content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 30px;

}



.news-v9 .news-v9-title {

  font-size: 30px;

  color: #fff;

  margin-bottom: 40px;

}



.news-v9 .news-v9-text {

  color: #fff;

  border-top: 1px solid rgba(255, 255, 255, 0.6);

  opacity: .8;

  padding-top: 20px;

  margin-top: 20px;

}



.news-v9 .news-v9-link {

  position: absolute;

  left: 30px;

  bottom: 30px;

  display: block;

  font-weight: 300;

  color: #fff;

  opacity: .8;

}



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

    [Accordion v1]

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

.accordion-v1 .panel-group {

  margin-bottom: 0;

}



.accordion-v1 .panel {

  border: none;

  border-radius: 0;

  box-shadow: none;

}



.accordion-v1 .panel-default .panel-heading {

  border-radius: 0;

  padding: 0;

}



.accordion-v1 .panel-default .panel-heading + .panel-collapse > .panel-body {

  border-top: none;

}



.accordion-v1 .panel-title > a {

  position: relative;

  display: inline-block;

  width: 100%;

  font-size: 15px;

  font-weight: 300;

  color: #34343c;

  background: #f7f8fa;

  padding: 15px 50px 15px 15px;

}



.accordion-v1 .panel-title > a:after {

  position: absolute;

  top: 8px;

  right: 20px;

  font-size: 24px;

  font-weight: 200;

  color: #34343c;

  content: "\2B";

}



.accordion-v1 .panel-title > a[aria-expanded="true"] {

  color: #fff;

  background: #00bcd4;

}



.accordion-v1 .panel-title > a[aria-expanded="true"]:after {

  color: #fff;

  position: absolute;

  top: 5px;

  right: 20px;

  content: "\2013";

}



.accordion-v1 .panel-title > a:focus, .accordion-v1 .panel-title > a:hover {

  color: #fff;

  background: #00bcd4;

  text-decoration: none;

}



.accordion-v1 .panel-title > a:focus:after, .accordion-v1 .panel-title > a:hover:after {

  color: #fff;

}



.accordion-v1 .panel-body {

  font-size: 15px;

  font-weight: 300;

  color: #606060;

}



/* Accordion v1 Active aligned to the left (the default is right) */

.accordion-v1.accordion-v1-active-left .panel-title > a {

  padding: 15px 15px 15px 50px;

}



.accordion-v1.accordion-v1-active-left .panel-title > a:after {

  position: absolute;

  top: 7.5px;

  left: 20px;

  right: auto;

}



.accordion-v1.accordion-v1-active-left .panel-title > a[aria-expanded="true"]:after {

  position: absolute;

  top: 6px;

  left: 20px;

  right: auto;

}



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

    [Accordion v2]

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

.accordion-v2 .panel-group {

  margin-bottom: 0;

}



.accordion-v2 .panel {

  background: transparent;

  border: none;

  border-radius: 0;

  box-shadow: none;

}



.accordion-v2 .panel + .panel {

  margin: 0;

}



.accordion-v2 .panel-default .panel-heading {

  background: #fff;

  border: 1px solid #f7f8fa;

  border-radius: 0;

  box-shadow: 1px 2px 5px 0 #eff1f8;

  padding: 0;

  margin-bottom: 15px;

}



.accordion-v2 .panel-default .panel-heading + .panel-collapse > .panel-body {

  border-top: none;

}



.accordion-v2 .panel-title > a {

  position: relative;

  display: inline-block;

  width: 100%;

  font-size: 15px;

  font-weight: 300;

  color: #34343c;

  padding: 15px 50px 15px 15px;

}



.accordion-v2 .panel-title > a:after {

  position: absolute;

  top: 10px;

  right: 15px;

  display: inline-block;

  width: 30px;

  height: 30px;

  font-size: 18px;

  font-weight: 200;

  color: #34343c;

  text-align: center;

  vertical-align: middle;

  content: "\2B";

  padding: 4px;

}



.accordion-v2 .panel-title > a[aria-expanded="true"]:after {

  content: "\2013";

  padding: 5px;

}



.accordion-v2 .panel-title > a:focus, .accordion-v2 .panel-title > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.accordion-v2 .panel-title > a:focus:after, .accordion-v2 .panel-title > a:hover:after {

  color: #00bcd4;

}



.accordion-v2 .panel-title > a .panel-title-icon {

  position: relative;

  top: 3px;

  min-width: 30px;

  height: auto;

  text-align: center;

  font-size: 18px;

  margin-right: 8px;

}



.accordion-v2 .panel-body {

  font-size: 15px;

  font-weight: 300;

  color: #606060;

  border: none;

}



/* Accordion v2 Active aligned to the left (the default is right) */

.accordion-v2.accordion-v2-active-left .panel-title > a {

  padding: 15px 15px 15px 70px;

}



.accordion-v2.accordion-v2-active-left .panel-title > a:after {

  position: absolute;

  top: 10px;

  left: 15px;

}



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

    [Accordion v3]

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

.accordion-v3 .panel-group {

  margin-bottom: 0;

}



.accordion-v3 .panel {

  border: none;

  border-radius: 0;

  box-shadow: none;

}



.accordion-v3 .panel-default {

  background: transparent;

}



.accordion-v3 .panel-default .panel-heading {

  border-radius: 0;

  border: 1px solid #fff;

  background: transparent;

  padding: 0;

}



.accordion-v3 .panel-default .panel-heading + .panel-collapse > .panel-body {

  border-top: none;

}



.accordion-v3 .panel-title > a {

  position: relative;

  display: inline-block;

  width: 100%;

  font-size: 15px;

  color: #fff;

  padding: 15px 15px 15px 45px;

}



.accordion-v3 .panel-title > a:before {

  position: absolute;

  top: 8px;

  left: 15px;

  font-size: 24px;

  font-weight: 200;

  color: #fff;

  content: "\2B";

}



.accordion-v3 .panel-title > a[aria-expanded="true"]:before {

  position: absolute;

  top: 10px;

  left: 15px;

  content: "\2013";

}



.accordion-v3 .panel-title > a:focus, .accordion-v3 .panel-title > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.accordion-v3 .panel-title > a:focus:before, .accordion-v3 .panel-title > a:hover:before {

  color: #00bcd4;

}



.accordion-v3 .panel-body {

  font-size: 15px;

  font-weight: 300;

  color: #fff;

}



/* Accordion v3 Active aligned to the right (the default is left) */

.accordion-v3.accordion-v3-active-right .panel-title > a {

  padding: 15px 50px 15px 15px;

}



.accordion-v3.accordion-v3-active-right .panel-title > a:before {

  position: absolute;

  top: 8px;

  left: auto;

  right: 15px;

}



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

    [Accordion v4]

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

.accordion-v4 {

  padding-left: 50px;

}



.accordion-v4 .panel-group {

  margin-bottom: 0;

}



.accordion-v4 .panel {

  border: none;

  border-radius: 0;

  box-shadow: none;

}



.accordion-v4 .panel-default {

  background: transparent;

}



.accordion-v4 .panel-default .panel-heading {

  border-radius: 0;

  border: 1px solid #fff;

  background: transparent;

  padding: 0;

}



.accordion-v4 .panel-default .panel-heading + .panel-collapse > .panel-body {

  border-top: none;

}



.accordion-v4 .panel-title > a {

  position: relative;

  display: inline-block;

  width: 100%;

  font-size: 15px;

  color: #fff;

  padding: 10px;

}



.accordion-v4 .panel-title > a:before {

  position: absolute;

  top: 0;

  left: -50px;

  width: 40px;

  height: 40px;

  font-size: 24px;

  font-weight: 200;

  color: #00bcd4;

  line-height: .5;

  border: 1px solid #fff;

  content: "\2B";

  padding: 13px;

}



.accordion-v4 .panel-title > a[aria-expanded="true"]:before {

  line-height: .6;

  content: "\2013";

}



.accordion-v4 .panel-title > a:focus, .accordion-v4 .panel-title > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.accordion-v4 .panel-title > a:focus:before, .accordion-v4 .panel-title > a:hover:before {

  color: #00bcd4;

}



.accordion-v4 .panel-body {

  font-size: 15px;

  font-weight: 300;

  color: #fff;

}



/* Accordion v4 Active aligned to the left (the default is right) */

.accordion-v4.accordion-v4-active-right {

  padding: 0 50px 0 0;

}



.accordion-v4.accordion-v4-active-right .panel-title > a:before {

  position: absolute;

  top: 0;

  left: auto;

  right: -50px;

}



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

    [Accordion v5]

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

.accordion-v5 .panel-group {

  margin-bottom: 0;

}



.accordion-v5 .panel {

  border: none;

  border-radius: 0;

  box-shadow: none;

}



.accordion-v5 .panel + .panel {

  margin-top: 0;

}



.accordion-v5 .panel-default .panel-heading {

  background: 0;

  border-radius: 0;

  padding: 0;

}



.accordion-v5 .panel-default .panel-heading + .panel-collapse > .panel-body {

  border-top: none;

}



.accordion-v5 .panel-title > a {

  position: relative;

  display: inline-block;

  width: 100%;

  font-size: 15px;

  font-weight: 300;

  color: #34343c;

  padding: 15px 35px;

}



.accordion-v5 .panel-title > a:after {

  position: absolute;

  top: 8px;

  right: 20px;

  display: inline-block;

  font-size: 24px;

  font-weight: 200;

  color: #34343c;

  vertical-align: middle;

  content: "\2B";

}



.accordion-v5 .panel-title > a[aria-expanded="true"]:after {

  position: absolute;

  top: 10px;

  right: 20px;

  content: "\2013";

}



.accordion-v5 .panel-title > a:focus, .accordion-v5 .panel-title > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.accordion-v5 .panel-title > a:focus:after, .accordion-v5 .panel-title > a:hover:after {

  color: #00bcd4;

}



.accordion-v5 .panel-body {

  font-size: 15px;

  font-weight: 300;

  color: #5d5d5d;

  background: #f7f8fa;

  border-top: none;

  padding: 50px;

}



/* Accordion v5 Active aligned to the left (the default is right) */

.accordion-v5.accordion-v5-active-left .panel-title > a {

  padding: 15px 15px 15px 50px;

}



.accordion-v5.accordion-v5-active-left .panel-title > a:after {

  position: absolute;

  top: 8px;

  left: 20px;

  right: auto;

}



.accordion-v5.accordion-v5-active-left .panel-title > a[aria-expanded="true"]:after {

  position: absolute;

  top: 5px;

  left: 20px;

  right: auto;

}



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

    [Alerts]

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

/* Alert Box Error */

.alert-box-error {

  font-size: 14px;

  color: #e57287;

  background: rgba(229, 114, 135, 0.2);

  border: 1px solid #f5bec9;

}



.alert-box-error .close {

  color: #e57287;

}



.alert-box-error .alert-box-element {

  color: #eb90a1;

  margin: 0 10px;

}



/* Alert Box Info */

.alert-box-info {

  font-size: 14px;

  color: #687ffa;

  background: rgba(104, 127, 250, 0.2);

  border: 1px solid #aebaff;

}



.alert-box-info .close {

  color: #687ffa;

}



.alert-box-info .alert-box-element {

  color: #8b9cfb;

  margin: 0 10px;

}



/* Alert Box Warning */

.alert-box-warning {

  font-size: 14px;

  color: #c69f73;

  background: rgba(211, 175, 135, 0.2);

  border: 1px solid #e4d1bb;

}



.alert-box-warning .close {

  color: #c69f73;

}



.alert-box-warning .alert-box-element {

  color: #ddc0a1;

  margin: 0 10px;

}



/* Alert Box Success */

.alert-box-success {

  font-size: 14px;

  color: #009688;

  background: rgba(0, 150, 136, 0.2);

  border: 1px solid #00e3cd;

}



.alert-box-success .close {

  color: #009688;

}



.alert-box-success .alert-box-element {

  color: #5cc1b7;

  margin: 0 10px;

}



/* Alert Box General */

.alert-box-general {

  background: #fff;

  border: 1px solid #ebeef6;

  overflow: hidden;

}



.alert-box-general .alert-box-element {

  float: left;

  margin-right: 20px;

}



.alert-box-general .alert-box-body {

  overflow: hidden;

}



.alert-box-general .alert-box-body .alert-box-title {

  display: block;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 5px;

}



.alert-box-general .alert-box-body .alert-box-paragraph {

  font-size: 14px;

  color: #606060;

  margin-bottom: 0;

}



/* Alert Box Vertical */

.alert-box-vertical {

  position: relative;

  color: #fff;

  text-align: center;

  border: none;

  overflow: hidden;

  padding: 30px 10px;

}



.alert-box-vertical .close {

  position: absolute;

  top: 5px;

  right: 10px;

  z-index: 1;

  float: none;

  color: #fff;

  opacity: .6;

}



.alert-box-vertical .close:hover {

  opacity: .9;

}



.alert-box-vertical .close-overlay {

  position: absolute;

  top: 0;

  right: -40px;

  width: 100px;

  height: auto;

  background: rgba(255, 255, 255, 0.2);

  padding: 20px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

}



.alert-box-vertical .alert-box-element {

  display: block;

  font-size: 24px;

  margin-bottom: 10px;

}



.alert-box-vertical .alert-box-title {

  display: block;

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 10px;

}



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

    [Blockquotes v1]

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

.blockquotes-v1 {

  position: relative;

  max-width: 400px;

  float: left;

  font-size: 20px;

  font-style: italic;

  color: #00bcd4;

  border-left: none;

  clear: left;

  padding: 10px 0;

  margin-right: 60px;

}



.blockquotes-v1:before {

  display: inline-block;

  font-size: 26px;

  content: open-quote;

  padding-right: 5px;

}



.blockquotes-v1:after {

  position: absolute;

  left: 0;

  bottom: -5px;

  width: 120px;

  height: 2px;

  background: #00bcd4;

  content: " ";

}



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

    [Blockquotes v2]

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

.blockquotes-v2 {

  float: right;

  max-width: 350px;

  font-size: 20px;

  font-style: italic;

  color: #e55973;

  text-align: right;

  border-left: none;

  border-right: 2px solid #e55973;

  text-transform: uppercase;

  clear: right;

  padding: 10px 20px 10px 10px;

}



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

    [Blockquotes v3]

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

.blockquotes-v3 {

  position: relative;

  max-width: 400px;

  z-index: 1;

  float: left;

  font-size: 24px;

  font-weight: 300;

  color: #606060;

  text-transform: uppercase;

  border-left: none;

  clear: left;

  padding: 15px 0 15px 20px;

  margin: 0 60px 0 0;

}



.blockquotes-v3:before {

  position: absolute;

  top: -5px;

  left: 10px;

  z-index: -1;

  display: inline-block;

  font-size: 50px;

  font-family: FontAwesome;

  color: #f7f7f7;

  content: "\f10d";

}



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

    [Blockquotes v4]

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

.blockquotes-v4 {

  border-left: none;

  text-align: center;

  margin: 0 0 15px;

}



.blockquotes-v4 .blockquotes-v4-text {

  position: relative;

  font-size: 15px;

  font-style: italic;

  font-weight: 300;

  color: #606060;

  margin: 30px 0;

}



.blockquotes-v4 .blockquotes-v4-text:before, .blockquotes-v4 .blockquotes-v4-text:after {

  position: absolute;

  left: 50%;

  width: 20px;

  height: 1px;

  background: #cbcbcb;

  content: " ";

  margin-left: -10px;

}



.blockquotes-v4 .blockquotes-v4-text:before {

  top: -15px;

}



.blockquotes-v4 .blockquotes-v4-text:after {

  bottom: -15px;

}



.blockquotes-v4 .blockquotes-v4-by {

  display: block;

  color: #34343c;

}



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

    [Breadcrumbs v1]

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

.breadcrumbs-v1 {

  background: #eef0f4;

  border-top: 1px solid #ebeef6;

  border-bottom: 1px solid #ebeef6;

  padding: 50px 0;

}



.breadcrumbs-v1 .breadcrumbs-v1-title {

  display: inline-block;

  font-size: 20px;

  margin: 0;

}



.breadcrumbs-v1 .breadcrumbs-v1-links {

  list-style: none;

  float: right;

  margin-top: 3px;

}



.breadcrumbs-v1 .breadcrumbs-v1-links > li {

  display: inline-block;

}



.breadcrumbs-v1 .breadcrumbs-v1-links > li > a {

  color: #757589;

}



.breadcrumbs-v1 .breadcrumbs-v1-links > li > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.breadcrumbs-v1 .breadcrumbs-v1-links > li.active {

  color: #00bcd4;

}



.breadcrumbs-v1 .breadcrumbs-v1-links > li + li:before {

  color: #757589;

  content: "/\00a0";

  padding: 0 5px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .breadcrumbs-v1 .breadcrumbs-v1-title {

    float: none;

    margin-bottom: 10px;

  }

  .breadcrumbs-v1 .breadcrumbs-v1-links {

    text-align: left;

    padding-left: 0;

  }

}



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

    [Breadcrumbs v2]

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

.breadcrumbs-v2 {

  background: #eef0f4;

  border-top: 1px solid #ebeef6;

  border-bottom: 1px solid #ebeef6;

  overflow: hidden;

  padding: 50px 0;

}



.breadcrumbs-v2 .breadcrumbs-v2-title {

  font-size: 20px;

  margin: 0;

}



.breadcrumbs-v2 .breadcrumbs-v2-links {

  list-style: none;

  padding-left: 0;

}



.breadcrumbs-v2 .breadcrumbs-v2-links > li {

  display: inline-block;

}



.breadcrumbs-v2 .breadcrumbs-v2-links > li > a {

  color: #757589;

}



.breadcrumbs-v2 .breadcrumbs-v2-links > li > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.breadcrumbs-v2 .breadcrumbs-v2-links > li.active {

  color: #00bcd4;

}



.breadcrumbs-v2 .breadcrumbs-v2-links > li + li:before {

  color: #757589;

  content: "/\00a0";

  padding: 0 5px;

}



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

    [Breadcrumbs v3]

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

.breadcrumbs-v3 {

  position: relative;

  z-index: 1;

  background: url(../../style/img/1920x1080/10.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

  overflow: hidden;

  padding: 80px 0;

}



.breadcrumbs-v3:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.6);

  content: " ";

}



.breadcrumbs-v3 .breadcrumbs-v3-left-wing {

  float: left;

  margin-right: 15px;

}



.breadcrumbs-v3 .breadcrumbs-v3-left-wing .breadcrumbs-v3-title {

  font-size: 26px;

  color: #fff;

  margin: 0;

}



.breadcrumbs-v3 .breadcrumbs-v3-links {

  list-style: none;

  text-align: right;

  overflow: hidden;

  margin-top: 6px;

}



.breadcrumbs-v3 .breadcrumbs-v3-links > li {

  display: inline-block;

  font-size: 15px;

}



.breadcrumbs-v3 .breadcrumbs-v3-links > li > a {

  color: #fff;

}



.breadcrumbs-v3 .breadcrumbs-v3-links > li > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.breadcrumbs-v3 .breadcrumbs-v3-links > li.active {

  color: #00bcd4;

}



.breadcrumbs-v3 .breadcrumbs-v3-links > li + li:before {

  color: #fff;

  content: "/\00a0";

  padding: 0 5px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .breadcrumbs-v3 .breadcrumbs-v3-title {

    float: none;

    margin-bottom: 10px;

  }

  .breadcrumbs-v3 .breadcrumbs-v3-links {

    text-align: left;

    padding-left: 0;

  }

}



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

    [Breadcrumbs v4]

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

.breadcrumbs-v4 {

  position: relative;

  z-index: 1;

  text-align: center;

  background: url(../../style/img/1920x1080/07.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

  padding: 170px 0 100px;

}



.breadcrumbs-v4:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.7);

  content: " ";

}



.breadcrumbs-v4 .breadcrumbs-v4-title {

  font-size: 50px;

  color: #fff;

  margin: 0 0 10px;

}



.breadcrumbs-v4 .breadcrumbs-v4-subtitle {

  display: block;

  font-size: 22px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

}



.breadcrumbs-v4 .breadcrumbs-v4-arrows-left,

.breadcrumbs-v4 .breadcrumbs-v4-arrows-right {

  position: absolute;

  top: 50%;

  margin-top: -15px;

}



.breadcrumbs-v4 .breadcrumbs-v4-arrows-left .disabled,

.breadcrumbs-v4 .breadcrumbs-v4-arrows-right .disabled {

  pointer-events: none;

}



.breadcrumbs-v4 .breadcrumbs-v4-arrows-left {

  left: 20%;

}



.breadcrumbs-v4 .breadcrumbs-v4-arrows-right {

  right: 20%;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .breadcrumbs-v4 .breadcrumbs-v4-arrows-left {

    left: 5%;

  }

  .breadcrumbs-v4 .breadcrumbs-v4-arrows-right {

    right: 5%;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .breadcrumbs-v4 .breadcrumbs-v4-title {

    font-size: 22px;

  }

}



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

    [Breadcrumbs v5]

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

.breadcrumbs-v5 {

  position: relative;

  z-index: 1;

  background: url(../images/48.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 20%;

  padding: 170px 0 100px;

}



.breadcrumbs-v5:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(11, 111, 185, 0.2);

  content: " ";

}



.breadcrumbs-v5.breadcrumbs-v5-bg-img-v2 {

  background: url(../images/31.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 50%;

}



.breadcrumbs-v5.breadcrumbs-v5-bg-img-v3 {

  background: url(../images/17.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 100%;

}



.breadcrumbs-v5.breadcrumbs-v5-bg-img-v4 {

  background: url(../images/22.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 50%;

}



.breadcrumbs-v5.breadcrumbs-v5-bg-img-v5 {

  background: url(../../style/img/1920x1080/29.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 50%;

}



.breadcrumbs-v5.breadcrumbs-v5-bg-img-v5:before {

  background: rgba(52, 52, 60, 0.6);

}



.breadcrumbs-v5.breadcrumbs-v5-bg-img-v6 {

  background: url(../images/52.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 20%;

}



.breadcrumbs-v5.breadcrumbs-v5-bg-img-v7 {

  background: url(../images/34.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 50%;

}



.breadcrumbs-v5 .breadcrumbs-v5-title {

  font-size: 70px;

  font-weight: 300;

  color: #fff;

  line-height: 1.1;

  margin: 0;

}



.breadcrumbs-v5 .breadcrumbs-v5-subtitle {

  display: block;

  font-size: 18px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

  opacity: .8;

}



.breadcrumbs-v5 .breadcrumbs-v5-divider {

  font-size: 18px;

  color: #fff;

  padding: 0 10px;

}



.breadcrumbs-v5 .breadcrumbs-v5-video {

  display: inline-block;

  font-size: 22px;

  font-weight: 300;

  color: #fff;

  border-bottom: 2px solid #fff;

  padding-bottom: 3px;

  text-decoration: none;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .breadcrumbs-v5 .breadcrumbs-v5-title {

    font-size: 50px;

  }

}



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

    [Buttons On Hover]

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

/* Button Base Color */

.btn-base {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #00bcd4;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-base:focus, .btn-base:active:focus, .btn-base.active:focus, .btn-base.focus, .btn-base:active.focus, .btn-base.active.focus {

  outline: none;

}



.btn-base:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-base:hover, .btn-base:focus, .btn-base.focus {

  color: #fff;

  background: #00bcd4;

  border-color: #00bcd4;

  text-decoration: none;

}



.btn-base:active, .btn-base.active {

  background-image: none;

  outline: 0;

}



.btn-base.disabled, .btn-base[disabled],

fieldset[disabled] .btn-base {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-base .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #00aac0;

  padding: 6px 9px;

}



.btn-base .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #00aac0;

  padding: 9px 11px;

}



.btn-base .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #00aac0;

  padding: 12px 13px;

}



.btn-base .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #00aac0;

  padding: 15px 15px;

}



/* Button Base White Color */

.btn-white {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.focus, .btn-white:active.focus, .btn-white.active.focus {

  outline: none;

}



.btn-white:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-white:hover, .btn-white:focus, .btn-white.focus {

  color: #34343c;

  background: #fff;

  border-color: #fff;

  text-decoration: none;

}



.btn-white:active, .btn-white.active {

  background-image: none;

  outline: 0;

}



.btn-white.disabled, .btn-white[disabled],

fieldset[disabled] .btn-white {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-white .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 6px 9px;

}



.btn-white .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 9px 11px;

}



.btn-white .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 12px 13px;

}



.btn-white .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 15px 15px;

}



/* Button Dark Color */

.btn-dark {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #34343c;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .btn-dark.focus, .btn-dark:active.focus, .btn-dark.active.focus {

  outline: none;

}



.btn-dark:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-dark:hover, .btn-dark:focus, .btn-dark.focus {

  color: #fff;

  background: #34343c;

  border-color: #34343c;

  text-decoration: none;

}



.btn-dark:active, .btn-dark.active {

  background-image: none;

  outline: 0;

}



.btn-dark.disabled, .btn-dark[disabled],

fieldset[disabled] .btn-dark {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-dark .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #2b2b31;

  padding: 6px 9px;

}



.btn-dark .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #2b2b31;

  padding: 9px 11px;

}



.btn-dark .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #2b2b31;

  padding: 12px 13px;

}



.btn-dark .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #2b2b31;

  padding: 15px 15px;

}



/* Button Grey Color */

.btn-grey {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #9e9e9e;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-grey:focus, .btn-grey:active:focus, .btn-grey.active:focus, .btn-grey.focus, .btn-grey:active.focus, .btn-grey.active.focus {

  outline: none;

}



.btn-grey:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-grey:hover, .btn-grey:focus, .btn-grey.focus {

  color: #fff;

  background: #9e9e9e;

  border-color: #9e9e9e;

  text-decoration: none;

}



.btn-grey:active, .btn-grey.active {

  background-image: none;

  outline: 0;

}



.btn-grey.disabled, .btn-grey[disabled],

fieldset[disabled] .btn-grey {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-grey .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #949494;

  padding: 6px 9px;

}



.btn-grey .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #949494;

  padding: 9px 11px;

}



.btn-grey .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #949494;

  padding: 12px 13px;

}



.btn-grey .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #949494;

  padding: 15px 15px;

}



/* Button Blue Grey Color */

.btn-blue-grey {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #546e7a;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-blue-grey:focus, .btn-blue-grey:active:focus, .btn-blue-grey.active:focus, .btn-blue-grey.focus, .btn-blue-grey:active.focus, .btn-blue-grey.active.focus {

  outline: none;

}



.btn-blue-grey:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-blue-grey:hover, .btn-blue-grey:focus, .btn-blue-grey.focus {

  color: #fff;

  background: #546e7a;

  border-color: #546e7a;

  text-decoration: none;

}



.btn-blue-grey:active, .btn-blue-grey.active {

  background-image: none;

  outline: 0;

}



.btn-blue-grey.disabled, .btn-blue-grey[disabled],

fieldset[disabled] .btn-blue-grey {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-blue-grey .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #4c636e;

  padding: 6px 9px;

}



.btn-blue-grey .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #4c636e;

  padding: 9px 11px;

}



.btn-blue-grey .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #4c636e;

  padding: 12px 13px;

}



.btn-blue-grey .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #4c636e;

  padding: 15px 15px;

}



/* Button Blue Color */

.btn-blue {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #536dfe;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-blue:focus, .btn-blue:active:focus, .btn-blue.active:focus, .btn-blue.focus, .btn-blue:active.focus, .btn-blue.active.focus {

  outline: none;

}



.btn-blue:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-blue:hover, .btn-blue:focus, .btn-blue.focus {

  color: #fff;

  background: #536dfe;

  border-color: #536dfe;

  text-decoration: none;

}



.btn-blue:active, .btn-blue.active {

  background-image: none;

  outline: 0;

}



.btn-blue.disabled, .btn-blue[disabled],

fieldset[disabled] .btn-blue {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-blue .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3f5cfe;

  padding: 6px 9px;

}



.btn-blue .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3f5cfe;

  padding: 9px 11px;

}



.btn-blue .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3f5cfe;

  padding: 12px 13px;

}



.btn-blue .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3f5cfe;

  padding: 15px 15px;

}



/* Button Teal Color */

.btn-teal {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #009688;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-teal:focus, .btn-teal:active:focus, .btn-teal.active:focus, .btn-teal.focus, .btn-teal:active.focus, .btn-teal.active.focus {

  outline: none;

}



.btn-teal:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-teal:hover, .btn-teal:focus, .btn-teal.focus {

  color: #fff;

  background: #009688;

  border-color: #009688;

  text-decoration: none;

}



.btn-teal:active, .btn-teal.active {

  background-image: none;

  outline: 0;

}



.btn-teal.disabled, .btn-teal[disabled],

fieldset[disabled] .btn-teal {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-teal .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #008276;

  padding: 6px 9px;

}



.btn-teal .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #008276;

  padding: 9px 11px;

}



.btn-teal .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #008276;

  padding: 12px 13px;

}



.btn-teal .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #008276;

  padding: 15px 15px;

}



/* Button Green Color */

.btn-green {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #4fd2c2;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .btn-green.focus, .btn-green:active.focus, .btn-green.active.focus {

  outline: none;

}



.btn-green:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-green:hover, .btn-green:focus, .btn-green.focus {

  color: #fff;

  background: #4fd2c2;

  border-color: #4fd2c2;

  text-decoration: none;

}



.btn-green:active, .btn-green.active {

  background-image: none;

  outline: 0;

}



.btn-green.disabled, .btn-green[disabled],

fieldset[disabled] .btn-green {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-green .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3fcebc;

  padding: 6px 9px;

}



.btn-green .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3fcebc;

  padding: 9px 11px;

}



.btn-green .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3fcebc;

  padding: 12px 13px;

}



.btn-green .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3fcebc;

  padding: 15px 15px;

}



/* Button Red Color */

.btn-red {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #e55973;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-red:focus, .btn-red:active:focus, .btn-red.active:focus, .btn-red.focus, .btn-red:active.focus, .btn-red.active.focus {

  outline: none;

}



.btn-red:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-red:hover, .btn-red:focus, .btn-red.focus {

  color: #fff;

  background: #e55973;

  border-color: #e55973;

  text-decoration: none;

}



.btn-red:active, .btn-red.active {

  background-image: none;

  outline: 0;

}



.btn-red.disabled, .btn-red[disabled],

fieldset[disabled] .btn-red {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-red .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e24764;

  padding: 6px 9px;

}



.btn-red .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e24764;

  padding: 9px 11px;

}



.btn-red .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e24764;

  padding: 12px 13px;

}



.btn-red .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e24764;

  padding: 15px 15px;

}



/* Button Pink Color */

.btn-pink {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #e91e63;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-pink:focus, .btn-pink:active:focus, .btn-pink.active:focus, .btn-pink.focus, .btn-pink:active.focus, .btn-pink.active.focus {

  outline: none;

}



.btn-pink:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-pink:hover, .btn-pink:focus, .btn-pink.focus {

  color: #fff;

  background: #e91e63;

  border-color: #e91e63;

  text-decoration: none;

}



.btn-pink:active, .btn-pink.active {

  background-image: none;

  outline: 0;

}



.btn-pink.disabled, .btn-pink[disabled],

fieldset[disabled] .btn-pink {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-pink .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #dd1659;

  padding: 6px 9px;

}



.btn-pink .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #dd1659;

  padding: 9px 11px;

}



.btn-pink .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #dd1659;

  padding: 12px 13px;

}



.btn-pink .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #dd1659;

  padding: 15px 15px;

}



/* Button Purple Color */

.btn-purple {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #b260ce;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus, .btn-purple.focus, .btn-purple:active.focus, .btn-purple.active.focus {

  outline: none;

}



.btn-purple:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-purple:hover, .btn-purple:focus, .btn-purple.focus {

  color: #fff;

  background: #b260ce;

  border-color: #b260ce;

  text-decoration: none;

}



.btn-purple:active, .btn-purple.active {

  background-image: none;

  outline: 0;

}



.btn-purple.disabled, .btn-purple[disabled],

fieldset[disabled] .btn-purple {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-purple .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #aa50c9;

  padding: 6px 9px;

}



.btn-purple .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #aa50c9;

  padding: 9px 11px;

}



.btn-purple .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #aa50c9;

  padding: 12px 13px;

}



.btn-purple .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #aa50c9;

  padding: 15px 15px;

}



/* Button Gold Color */

.btn-gold {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #c69f73;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-gold:focus, .btn-gold:active:focus, .btn-gold.active:focus, .btn-gold.focus, .btn-gold:active.focus, .btn-gold.active.focus {

  outline: none;

}



.btn-gold:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-gold:hover, .btn-gold:focus, .btn-gold.focus {

  color: #fff;

  background: #c69f73;

  border-color: #c69f73;

  text-decoration: none;

}



.btn-gold:active, .btn-gold.active {

  background-image: none;

  outline: 0;

}



.btn-gold.disabled, .btn-gold[disabled],

fieldset[disabled] .btn-gold {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-gold .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #c09565;

  padding: 6px 9px;

}



.btn-gold .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #c09565;

  padding: 9px 11px;

}



.btn-gold .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #c09565;

  padding: 12px 13px;

}



.btn-gold .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #c09565;

  padding: 15px 15px;

}



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

    [Buttons Border]

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

/* Button Base Color */

.btn-base-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #00bcd4;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #00bcd4;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-base-brd:focus, .btn-base-brd:active:focus, .btn-base-brd.active:focus, .btn-base-brd.focus, .btn-base-brd:active.focus, .btn-base-brd.active.focus {

  outline: none;

}



.btn-base-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-base-brd:hover, .btn-base-brd:focus, .btn-base-brd.focus {

  color: #fff;

  background: #00bcd4;

  border-color: #00bcd4;

  text-decoration: none;

}



.btn-base-brd:active, .btn-base-brd.active {

  background-image: none;

  outline: 0;

}



.btn-base-brd.disabled, .btn-base-brd[disabled],

fieldset[disabled] .btn-base-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-base-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #00aac0;

  padding: 6px 9px;

}



.btn-base-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #00aac0;

  padding: 9px 11px;

}



.btn-base-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #00aac0;

  padding: 12px 13px;

}



.btn-base-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #00aac0;

  padding: 15px 15px;

}



/* Button Base White Color */

.btn-white-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #fff;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-white-brd:focus, .btn-white-brd:active:focus, .btn-white-brd.active:focus, .btn-white-brd.focus, .btn-white-brd:active.focus, .btn-white-brd.active.focus {

  outline: none;

}



.btn-white-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-white-brd:hover, .btn-white-brd:focus, .btn-white-brd.focus {

  color: #34343c;

  background: #fff;

  border-color: #fff;

  text-decoration: none;

}



.btn-white-brd:active, .btn-white-brd.active {

  background-image: none;

  outline: 0;

}



.btn-white-brd.disabled, .btn-white-brd[disabled],

fieldset[disabled] .btn-white-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-white-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 6px 9px;

}



.btn-white-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 9px 11px;

}



.btn-white-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 12px 13px;

}



.btn-white-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 15px 15px;

}



/* Button Dark Color */

.btn-dark-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #0061d4;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #0061d4;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-dark-brd:focus, .btn-dark-brd:active:focus, .btn-dark-brd.active:focus, .btn-dark-brd.focus, .btn-dark-brd:active.focus, .btn-dark-brd.active.focus {

  outline: none;

}



.btn-dark-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-dark-brd:hover, .btn-dark-brd:focus, .btn-dark-brd.focus {

  color: #fff;

  background: #34343c;

  border-color: #34343c;

  text-decoration: none;

}



.btn-dark-brd:active, .btn-dark-brd.active {

  background-image: none;

  outline: 0;

}



.btn-dark-brd.disabled, .btn-dark-brd[disabled],

fieldset[disabled] .btn-dark-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-dark-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #2b2b31;

  padding: 6px 9px;

}



.btn-dark-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #2b2b31;

  padding: 9px 11px;

}



.btn-dark-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #2b2b31;

  padding: 12px 13px;

}



.btn-dark-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #2b2b31;

  padding: 15px 15px;

}



/* Button Grey Color */

.btn-grey-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #9e9e9e;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #9e9e9e;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-grey-brd:focus, .btn-grey-brd:active:focus, .btn-grey-brd.active:focus, .btn-grey-brd.focus, .btn-grey-brd:active.focus, .btn-grey-brd.active.focus {

  outline: none;

}



.btn-grey-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-grey-brd:hover, .btn-grey-brd:focus, .btn-grey-brd.focus {

  color: #fff;

  background: #9e9e9e;

  border-color: #9e9e9e;

  text-decoration: none;

}



.btn-grey-brd:active, .btn-grey-brd.active {

  background-image: none;

  outline: 0;

}



.btn-grey-brd.disabled, .btn-grey-brd[disabled],

fieldset[disabled] .btn-grey-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-grey-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #949494;

  padding: 6px 9px;

}



.btn-grey-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #949494;

  padding: 9px 11px;

}



.btn-grey-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #949494;

  padding: 12px 13px;

}



.btn-grey-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #949494;

  padding: 15px 15px;

}



/* Button Blue Grey Color */

.btn-blue-grey-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #546e7a;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #546e7a;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-blue-grey-brd:focus, .btn-blue-grey-brd:active:focus, .btn-blue-grey-brd.active:focus, .btn-blue-grey-brd.focus, .btn-blue-grey-brd:active.focus, .btn-blue-grey-brd.active.focus {

  outline: none;

}



.btn-blue-grey-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-blue-grey-brd:hover, .btn-blue-grey-brd:focus, .btn-blue-grey-brd.focus {

  color: #fff;

  background: #546e7a;

  border-color: #546e7a;

  text-decoration: none;

}



.btn-blue-grey-brd:active, .btn-blue-grey-brd.active {

  background-image: none;

  outline: 0;

}



.btn-blue-grey-brd.disabled, .btn-blue-grey-brd[disabled],

fieldset[disabled] .btn-blue-grey-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-blue-grey-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #4c636e;

  padding: 6px 9px;

}



.btn-blue-grey-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #4c636e;

  padding: 9px 11px;

}



.btn-blue-grey-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #4c636e;

  padding: 12px 13px;

}



.btn-blue-grey-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #4c636e;

  padding: 15px 15px;

}



/* Button Blue Color */

.btn-blue-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #536dfe;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #536dfe;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-blue-brd:focus, .btn-blue-brd:active:focus, .btn-blue-brd.active:focus, .btn-blue-brd.focus, .btn-blue-brd:active.focus, .btn-blue-brd.active.focus {

  outline: none;

}



.btn-blue-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-blue-brd:hover, .btn-blue-brd:focus, .btn-blue-brd.focus {

  color: #fff;

  background: #536dfe;

  border-color: #536dfe;

  text-decoration: none;

}



.btn-blue-brd:active, .btn-blue-brd.active {

  background-image: none;

  outline: 0;

}



.btn-blue-brd.disabled, .btn-blue-brd[disabled],

fieldset[disabled] .btn-blue-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-blue-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3f5cfe;

  padding: 6px 9px;

}



.btn-blue-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3f5cfe;

  padding: 9px 11px;

}



.btn-blue-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3f5cfe;

  padding: 12px 13px;

}



.btn-blue-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3f5cfe;

  padding: 15px 15px;

}



/* Button Teal Color */

.btn-teal-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #009688;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #009688;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-teal-brd:focus, .btn-teal-brd:active:focus, .btn-teal-brd.active:focus, .btn-teal-brd.focus, .btn-teal-brd:active.focus, .btn-teal-brd.active.focus {

  outline: none;

}



.btn-teal-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-teal-brd:hover, .btn-teal-brd:focus, .btn-teal-brd.focus {

  color: #fff;

  background: #009688;

  border-color: #009688;

  text-decoration: none;

}



.btn-teal-brd:active, .btn-teal-brd.active {

  background-image: none;

  outline: 0;

}



.btn-teal-brd.disabled, .btn-teal-brd[disabled],

fieldset[disabled] .btn-teal-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-teal-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #008276;

  padding: 6px 9px;

}



.btn-teal-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #008276;

  padding: 9px 11px;

}



.btn-teal-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #008276;

  padding: 12px 13px;

}



.btn-teal-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #008276;

  padding: 15px 15px;

}



/* Button Green Color */

.btn-green-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #4fd2c2;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #4fd2c2;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-green-brd:focus, .btn-green-brd:active:focus, .btn-green-brd.active:focus, .btn-green-brd.focus, .btn-green-brd:active.focus, .btn-green-brd.active.focus {

  outline: none;

}



.btn-green-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-green-brd:hover, .btn-green-brd:focus, .btn-green-brd.focus {

  color: #fff;

  background: #4fd2c2;

  border-color: #4fd2c2;

  text-decoration: none;

}



.btn-green-brd:active, .btn-green-brd.active {

  background-image: none;

  outline: 0;

}



.btn-green-brd.disabled, .btn-green-brd[disabled],

fieldset[disabled] .btn-green-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-green-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3fcebc;

  padding: 6px 9px;

}



.btn-green-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3fcebc;

  padding: 9px 11px;

}



.btn-green-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3fcebc;

  padding: 12px 13px;

}



.btn-green-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3fcebc;

  padding: 15px 15px;

}



/* Button Red Color */

.btn-red-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #e55973;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #e55973;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-red-brd:focus, .btn-red-brd:active:focus, .btn-red-brd.active:focus, .btn-red-brd.focus, .btn-red-brd:active.focus, .btn-red-brd.active.focus {

  outline: none;

}



.btn-red-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-red-brd:hover, .btn-red-brd:focus, .btn-red-brd.focus {

  color: #fff;

  background: #e55973;

  border-color: #e55973;

  text-decoration: none;

}



.btn-red-brd:active, .btn-red-brd.active {

  background-image: none;

  outline: 0;

}



.btn-red-brd.disabled, .btn-red-brd[disabled],

fieldset[disabled] .btn-red-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-red-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e24764;

  padding: 6px 9px;

}



.btn-red-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e24764;

  padding: 9px 11px;

}



.btn-red-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e24764;

  padding: 12px 13px;

}



.btn-red-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e24764;

  padding: 15px 15px;

}



/* Button Pink Color */

.btn-pink-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #e91e63;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #e91e63;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-pink-brd:focus, .btn-pink-brd:active:focus, .btn-pink-brd.active:focus, .btn-pink-brd.focus, .btn-pink-brd:active.focus, .btn-pink-brd.active.focus {

  outline: none;

}



.btn-pink-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-pink-brd:hover, .btn-pink-brd:focus, .btn-pink-brd.focus {

  color: #fff;

  background: #e91e63;

  border-color: #e91e63;

  text-decoration: none;

}



.btn-pink-brd:active, .btn-pink-brd.active {

  background-image: none;

  outline: 0;

}



.btn-pink-brd.disabled, .btn-pink-brd[disabled],

fieldset[disabled] .btn-pink-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-pink-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #dd1659;

  padding: 6px 9px;

}



.btn-pink-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #dd1659;

  padding: 9px 11px;

}



.btn-pink-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #dd1659;

  padding: 12px 13px;

}



.btn-pink-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #dd1659;

  padding: 15px 15px;

}



/* Button Purple Color */

.btn-purple-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #b260ce;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #b260ce;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-purple-brd:focus, .btn-purple-brd:active:focus, .btn-purple-brd.active:focus, .btn-purple-brd.focus, .btn-purple-brd:active.focus, .btn-purple-brd.active.focus {

  outline: none;

}



.btn-purple-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-purple-brd:hover, .btn-purple-brd:focus, .btn-purple-brd.focus {

  color: #fff;

  background: #b260ce;

  border-color: #b260ce;

  text-decoration: none;

}



.btn-purple-brd:active, .btn-purple-brd.active {

  background-image: none;

  outline: 0;

}



.btn-purple-brd.disabled, .btn-purple-brd[disabled],

fieldset[disabled] .btn-purple-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-purple-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #aa50c9;

  padding: 6px 9px;

}



.btn-purple-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #aa50c9;

  padding: 9px 11px;

}



.btn-purple-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #aa50c9;

  padding: 12px 13px;

}



.btn-purple-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #aa50c9;

  padding: 15px 15px;

}



/* Button Gold Color */

.btn-gold-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #c69f73;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #c69f73;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-gold-brd:focus, .btn-gold-brd:active:focus, .btn-gold-brd.active:focus, .btn-gold-brd.focus, .btn-gold-brd:active.focus, .btn-gold-brd.active.focus {

  outline: none;

}



.btn-gold-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-gold-brd:hover, .btn-gold-brd:focus, .btn-gold-brd.focus {

  color: #fff;

  background: #c69f73;

  border-color: #c69f73;

  text-decoration: none;

}



.btn-gold-brd:active, .btn-gold-brd.active {

  background-image: none;

  outline: 0;

}



.btn-gold-brd.disabled, .btn-gold-brd[disabled],

fieldset[disabled] .btn-gold-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-gold-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #c09565;

  padding: 6px 9px;

}



.btn-gold-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #c09565;

  padding: 9px 11px;

}



.btn-gold-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #c09565;

  padding: 12px 13px;

}



.btn-gold-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #c09565;

  padding: 15px 15px;

}



/* Facebook */

.btn-fb-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #44619d;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #44619d;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-fb-brd:focus, .btn-fb-brd:active:focus, .btn-fb-brd.active:focus, .btn-fb-brd.focus, .btn-fb-brd:active.focus, .btn-fb-brd.active.focus {

  outline: none;

}



.btn-fb-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-fb-brd:hover, .btn-fb-brd:focus, .btn-fb-brd.focus {

  color: #fff;

  background: #44619d;

  border-color: #44619d;

  text-decoration: none;

}



.btn-fb-brd:active, .btn-fb-brd.active {

  background-image: none;

  outline: 0;

}



.btn-fb-brd.disabled, .btn-fb-brd[disabled],

fieldset[disabled] .btn-fb-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-fb-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3e588f;

  padding: 6px 9px;

}



.btn-fb-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3e588f;

  padding: 9px 11px;

}



.btn-fb-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3e588f;

  padding: 12px 13px;

}



.btn-fb-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #3e588f;

  padding: 15px 15px;

}



/* Twitter */

.btn-tw-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #55acee;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #55acee;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-tw-brd:focus, .btn-tw-brd:active:focus, .btn-tw-brd.active:focus, .btn-tw-brd.focus, .btn-tw-brd:active.focus, .btn-tw-brd.active.focus {

  outline: none;

}



.btn-tw-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-tw-brd:hover, .btn-tw-brd:focus, .btn-tw-brd.focus {

  color: #fff;

  background: #55acee;

  border-color: #55acee;

  text-decoration: none;

}



.btn-tw-brd:active, .btn-tw-brd.active {

  background-image: none;

  outline: 0;

}



.btn-tw-brd.disabled, .btn-tw-brd[disabled],

fieldset[disabled] .btn-tw-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-tw-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #42a3ec;

  padding: 6px 9px;

}



.btn-tw-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #42a3ec;

  padding: 9px 11px;

}



.btn-tw-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #42a3ec;

  padding: 12px 13px;

}



.btn-tw-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #42a3ec;

  padding: 15px 15px;

}



/* Dribbble */

.btn-dr-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #ea4c89;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #ea4c89;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-dr-brd:focus, .btn-dr-brd:active:focus, .btn-dr-brd.active:focus, .btn-dr-brd.focus, .btn-dr-brd:active.focus, .btn-dr-brd.active.focus {

  outline: none;

}



.btn-dr-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-dr-brd:hover, .btn-dr-brd:focus, .btn-dr-brd.focus {

  color: #fff;

  background: #ea4c89;

  border-color: #ea4c89;

  text-decoration: none;

}



.btn-dr-brd:active, .btn-dr-brd.active {

  background-image: none;

  outline: 0;

}



.btn-dr-brd.disabled, .btn-dr-brd[disabled],

fieldset[disabled] .btn-dr-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-dr-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e83a7d;

  padding: 6px 9px;

}



.btn-dr-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e83a7d;

  padding: 9px 11px;

}



.btn-dr-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e83a7d;

  padding: 12px 13px;

}



.btn-dr-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #e83a7d;

  padding: 15px 15px;

}



/* Instagram */

.btn-ig-brd {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #125688;

  text-align: center;

  background: transparent;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #125688;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-ig-brd:focus, .btn-ig-brd:active:focus, .btn-ig-brd.active:focus, .btn-ig-brd.focus, .btn-ig-brd:active.focus, .btn-ig-brd.active.focus {

  outline: none;

}



.btn-ig-brd:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-ig-brd:hover, .btn-ig-brd:focus, .btn-ig-brd.focus {

  color: #fff;

  background: #125688;

  border-color: #125688;

  text-decoration: none;

}



.btn-ig-brd:active, .btn-ig-brd.active {

  background-image: none;

  outline: 0;

}



.btn-ig-brd.disabled, .btn-ig-brd[disabled],

fieldset[disabled] .btn-ig-brd {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-ig-brd .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #104b76;

  padding: 6px 9px;

}



.btn-ig-brd .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #104b76;

  padding: 9px 11px;

}



.btn-ig-brd .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #104b76;

  padding: 12px 13px;

}



.btn-ig-brd .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #104b76;

  padding: 15px 15px;

}



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

    [Buttons Background Color]

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

/* Button Background Base Color */

.btn-base-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #00bcd4;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-base-bg:focus, .btn-base-bg:active:focus, .btn-base-bg.active:focus, .btn-base-bg.focus, .btn-base-bg:active.focus, .btn-base-bg.active.focus {

  outline: none;

}



.btn-base-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-base-bg:hover, .btn-base-bg:focus, .btn-base-bg.focus {

  color: #fff;

  background: #4ed7e8;

  border-color: transparent;

  text-decoration: none;

}



.btn-base-bg:active, .btn-base-bg.active {

  background-image: none;

  outline: 0;

}



.btn-base-bg.disabled, .btn-base-bg[disabled],

fieldset[disabled] .btn-base-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-base-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #00aac0;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-base-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #00aac0;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-base-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #00aac0;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-base-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #00aac0;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background White Color */

.btn-white-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #34343c;

  text-align: center;

  background: #fff;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: #fff;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-white-bg:focus, .btn-white-bg:active:focus, .btn-white-bg.active:focus, .btn-white-bg.focus, .btn-white-bg:active.focus, .btn-white-bg.active.focus {

  outline: none;

}



.btn-white-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-white-bg:hover, .btn-white-bg:focus, .btn-white-bg.focus {

  color: #fff;

  background: #00bcd4;

  border-color: #00bcd4;

  text-decoration: none;

}



.btn-white-bg:active, .btn-white-bg.active {

  background-image: none;

  outline: 0;

}



.btn-white-bg.disabled, .btn-white-bg[disabled],

fieldset[disabled] .btn-white-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-white-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 6px 9px;

}



.btn-white-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 9px 11px;

}



.btn-white-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 12px 13px;

}



.btn-white-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: transparent;

  border-left: 1px solid #f0f0f0;

  padding: 15px 15px;

}



/* Button Background Dark Color */

.btn-dark-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #34343c;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-dark-bg:focus, .btn-dark-bg:active:focus, .btn-dark-bg.active:focus, .btn-dark-bg.focus, .btn-dark-bg:active.focus, .btn-dark-bg.active.focus {

  outline: none;

}



.btn-dark-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-dark-bg:hover, .btn-dark-bg:focus, .btn-dark-bg.focus {

  color: #fff;

  background: #3a3a44;

  border-color: transparent;

  text-decoration: none;

}



.btn-dark-bg:active, .btn-dark-bg.active {

  background-image: none;

  outline: 0;

}



.btn-dark-bg.disabled, .btn-dark-bg[disabled],

fieldset[disabled] .btn-dark-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-dark-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #2b2b31;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-dark-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #2b2b31;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-dark-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #2b2b31;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-dark-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #2b2b31;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Blue Grey Color */

.btn-blue-grey-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #546e7a;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-blue-grey-bg:focus, .btn-blue-grey-bg:active:focus, .btn-blue-grey-bg.active:focus, .btn-blue-grey-bg.focus, .btn-blue-grey-bg:active.focus, .btn-blue-grey-bg.active.focus {

  outline: none;

}



.btn-blue-grey-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-blue-grey-bg:hover, .btn-blue-grey-bg:focus, .btn-blue-grey-bg.focus {

  color: #fff;

  background: #6b8997;

  border-color: transparent;

  text-decoration: none;

}



.btn-blue-grey-bg:active, .btn-blue-grey-bg.active {

  background-image: none;

  outline: 0;

}



.btn-blue-grey-bg.disabled, .btn-blue-grey-bg[disabled],

fieldset[disabled] .btn-blue-grey-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-blue-grey-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #4c636e;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-blue-grey-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #4c636e;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-blue-grey-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #4c636e;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-blue-grey-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #4c636e;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Grey Color */

.btn-grey-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #9e9e9e;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-grey-bg:focus, .btn-grey-bg:active:focus, .btn-grey-bg.active:focus, .btn-grey-bg.focus, .btn-grey-bg:active.focus, .btn-grey-bg.active.focus {

  outline: none;

}



.btn-grey-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-grey-bg:hover, .btn-grey-bg:focus, .btn-grey-bg.focus {

  color: #fff;

  background: #b0b0b0;

  border-color: transparent;

  text-decoration: none;

}



.btn-grey-bg:active, .btn-grey-bg.active {

  background-image: none;

  outline: 0;

}



.btn-grey-bg.disabled, .btn-grey-bg[disabled],

fieldset[disabled] .btn-grey-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-grey-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #949494;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-grey-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #949494;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-grey-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #949494;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-grey-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #949494;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Blue Color */

.btn-blue-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #536dfe;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-blue-bg:focus, .btn-blue-bg:active:focus, .btn-blue-bg.active:focus, .btn-blue-bg.focus, .btn-blue-bg:active.focus, .btn-blue-bg.active.focus {

  outline: none;

}



.btn-blue-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-blue-bg:hover, .btn-blue-bg:focus, .btn-blue-bg.focus {

  color: #fff;

  background: #687ffa;

  border-color: transparent;

  text-decoration: none;

}



.btn-blue-bg:active, .btn-blue-bg.active {

  background-image: none;

  outline: 0;

}



.btn-blue-bg.disabled, .btn-blue-bg[disabled],

fieldset[disabled] .btn-blue-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-blue-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #3f5cfe;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-blue-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #3f5cfe;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-blue-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #3f5cfe;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-blue-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #3f5cfe;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Teal Color */

.btn-teal-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #009688;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-teal-bg:focus, .btn-teal-bg:active:focus, .btn-teal-bg.active:focus, .btn-teal-bg.focus, .btn-teal-bg:active.focus, .btn-teal-bg.active.focus {

  outline: none;

}



.btn-teal-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-teal-bg:hover, .btn-teal-bg:focus, .btn-teal-bg.focus {

  color: #fff;

  background: #45b4a9;

  border-color: transparent;

  text-decoration: none;

}



.btn-teal-bg:active, .btn-teal-bg.active {

  background-image: none;

  outline: 0;

}



.btn-teal-bg.disabled, .btn-teal-bg[disabled],

fieldset[disabled] .btn-teal-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-teal-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #008276;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-teal-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #008276;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-teal-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #008276;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-teal-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #008276;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Green Color */

.btn-green-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #4fd2c2;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-green-bg:focus, .btn-green-bg:active:focus, .btn-green-bg.active:focus, .btn-green-bg.focus, .btn-green-bg:active.focus, .btn-green-bg.active.focus {

  outline: none;

}



.btn-green-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-green-bg:hover, .btn-green-bg:focus, .btn-green-bg.focus {

  color: #fff;

  background: #6edfd1;

  border-color: transparent;

  text-decoration: none;

}



.btn-green-bg:active, .btn-green-bg.active {

  background-image: none;

  outline: 0;

}



.btn-green-bg.disabled, .btn-green-bg[disabled],

fieldset[disabled] .btn-green-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-green-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #3fcebc;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-green-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #3fcebc;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-green-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #3fcebc;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-green-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #3fcebc;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Red Color */

.btn-red-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #e55973;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-red-bg:focus, .btn-red-bg:active:focus, .btn-red-bg.active:focus, .btn-red-bg.focus, .btn-red-bg:active.focus, .btn-red-bg.active.focus {

  outline: none;

}



.btn-red-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-red-bg:hover, .btn-red-bg:focus, .btn-red-bg.focus {

  color: #fff;

  background: #e57287;

  border-color: transparent;

  text-decoration: none;

}



.btn-red-bg:active, .btn-red-bg.active {

  background-image: none;

  outline: 0;

}



.btn-red-bg.disabled, .btn-red-bg[disabled],

fieldset[disabled] .btn-red-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-red-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #e24764;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-red-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #e24764;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-red-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #e24764;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-red-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #e24764;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Pink Color */

.btn-pink-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #e91e63;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-pink-bg:focus, .btn-pink-bg:active:focus, .btn-pink-bg.active:focus, .btn-pink-bg.focus, .btn-pink-bg:active.focus, .btn-pink-bg.active.focus {

  outline: none;

}



.btn-pink-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-pink-bg:hover, .btn-pink-bg:focus, .btn-pink-bg.focus {

  color: #fff;

  background: #ec407a;

  border-color: transparent;

  text-decoration: none;

}



.btn-pink-bg:active, .btn-pink-bg.active {

  background-image: none;

  outline: 0;

}



.btn-pink-bg.disabled, .btn-pink-bg[disabled],

fieldset[disabled] .btn-pink-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-pink-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #dd1659;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-pink-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #dd1659;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-pink-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #dd1659;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-pink-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #dd1659;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Purple Color */

.btn-purple-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #b260ce;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-purple-bg:focus, .btn-purple-bg:active:focus, .btn-purple-bg.active:focus, .btn-purple-bg.focus, .btn-purple-bg:active.focus, .btn-purple-bg.active.focus {

  outline: none;

}



.btn-purple-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-purple-bg:hover, .btn-purple-bg:focus, .btn-purple-bg.focus {

  color: #fff;

  background: #ba75d1;

  border-color: transparent;

  text-decoration: none;

}



.btn-purple-bg:active, .btn-purple-bg.active {

  background-image: none;

  outline: 0;

}



.btn-purple-bg.disabled, .btn-purple-bg[disabled],

fieldset[disabled] .btn-purple-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-purple-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #aa50c9;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-purple-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #aa50c9;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-purple-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #aa50c9;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-purple-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #aa50c9;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Gold Color */

.btn-gold-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #c69f73;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-gold-bg:focus, .btn-gold-bg:active:focus, .btn-gold-bg.active:focus, .btn-gold-bg.focus, .btn-gold-bg:active.focus, .btn-gold-bg.active.focus {

  outline: none;

}



.btn-gold-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-gold-bg:hover, .btn-gold-bg:focus, .btn-gold-bg.focus {

  color: #fff;

  background: #d3af87;

  border-color: transparent;

  text-decoration: none;

}



.btn-gold-bg:active, .btn-gold-bg.active {

  background-image: none;

  outline: 0;

}



.btn-gold-bg.disabled, .btn-gold-bg[disabled],

fieldset[disabled] .btn-gold-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-gold-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #c09565;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-gold-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #c09565;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-gold-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #c09565;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-gold-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #c09565;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Facebook */

.btn-fb-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #44619d;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-fb-bg:focus, .btn-fb-bg:active:focus, .btn-fb-bg.active:focus, .btn-fb-bg.focus, .btn-fb-bg:active.focus, .btn-fb-bg.active.focus {

  outline: none;

}



.btn-fb-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-fb-bg:hover, .btn-fb-bg:focus, .btn-fb-bg.focus {

  color: #fff;

  background: #44619d;

  border-color: transparent;

  text-decoration: none;

}



.btn-fb-bg:active, .btn-fb-bg.active {

  background-image: none;

  outline: 0;

}



.btn-fb-bg.disabled, .btn-fb-bg[disabled],

fieldset[disabled] .btn-fb-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-fb-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #3e588f;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-fb-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #3e588f;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-fb-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #3e588f;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-fb-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #3e588f;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Twitter */

.btn-tw-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #55acee;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-tw-bg:focus, .btn-tw-bg:active:focus, .btn-tw-bg.active:focus, .btn-tw-bg.focus, .btn-tw-bg:active.focus, .btn-tw-bg.active.focus {

  outline: none;

}



.btn-tw-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-tw-bg:hover, .btn-tw-bg:focus, .btn-tw-bg.focus {

  color: #fff;

  background: #55acee;

  border-color: transparent;

  text-decoration: none;

}



.btn-tw-bg:active, .btn-tw-bg.active {

  background-image: none;

  outline: 0;

}



.btn-tw-bg.disabled, .btn-tw-bg[disabled],

fieldset[disabled] .btn-tw-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-tw-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #42a3ec;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-tw-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #42a3ec;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-tw-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #42a3ec;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-tw-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #42a3ec;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Dribbble */

.btn-dr-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #ea4c89;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-dr-bg:focus, .btn-dr-bg:active:focus, .btn-dr-bg.active:focus, .btn-dr-bg.focus, .btn-dr-bg:active.focus, .btn-dr-bg.active.focus {

  outline: none;

}



.btn-dr-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-dr-bg:hover, .btn-dr-bg:focus, .btn-dr-bg.focus {

  color: #fff;

  background: #ea4c89;

  border-color: transparent;

  text-decoration: none;

}



.btn-dr-bg:active, .btn-dr-bg.active {

  background-image: none;

  outline: 0;

}



.btn-dr-bg.disabled, .btn-dr-bg[disabled],

fieldset[disabled] .btn-dr-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-dr-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #e83a7d;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-dr-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #e83a7d;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-dr-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #e83a7d;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-dr-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #e83a7d;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



/* Button Background Instagram */

.btn-ig-bg {

  position: relative;

  display: inline-block;

  line-height: 1.4;

  color: #fff;

  text-align: center;

  background: #125688;

  background-image: none;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.btn-ig-bg:focus, .btn-ig-bg:active:focus, .btn-ig-bg.active:focus, .btn-ig-bg.focus, .btn-ig-bg:active.focus, .btn-ig-bg.active.focus {

  outline: none;

}



.btn-ig-bg:hover {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.btn-ig-bg:hover, .btn-ig-bg:focus, .btn-ig-bg.focus {

  color: #fff;

  background: #125688;

  border-color: transparent;

  text-decoration: none;

}



.btn-ig-bg:active, .btn-ig-bg.active {

  background-image: none;

  outline: 0;

}



.btn-ig-bg.disabled, .btn-ig-bg[disabled],

fieldset[disabled] .btn-ig-bg {

  cursor: not-allowed;

  box-shadow: none;

  opacity: .65;

  pointer-events: none;

}



.btn-ig-bg .btn-base-element-xs {

  position: absolute;

  top: 0;

  right: 0;

  background: #104b76;

  border-left: 1px solid transparent;

  padding: 6px 9px;

}



.btn-ig-bg .btn-base-element-sm {

  position: absolute;

  top: 0;

  right: 0;

  background: #104b76;

  border-left: 1px solid transparent;

  padding: 9px 11px;

}



.btn-ig-bg .btn-base-element-md {

  position: absolute;

  top: 0;

  right: 0;

  background: #104b76;

  border-left: 1px solid transparent;

  padding: 12px 13px;

}



.btn-ig-bg .btn-base-element-lg {

  position: absolute;

  top: 0;

  right: 0;

  background: #104b76;

  border-left: 1px solid transparent;

  padding: 15px 15px;

}



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

    [Buttons Sizes]

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

/* Mini Size */

.btn-base-xs {

  font-size: 12px;

  font-weight: 300;

  padding: 8px 15px;

}



.btn-base-xs.btn-base-animate-to-top, .btn-base-xs.btn-base-animate-to-right {

  padding-right: 40px;

}



/* Small Size */

.btn-base-sm {

  font-size: 14px;

  font-weight: 300;

  padding: 9px 22px;

}



.btn-base-sm.btn-base-animate-to-top, .btn-base-sm.btn-base-animate-to-right {

  padding-right: 50px;

}



/* Medium Size */

.btn-base-md {

  font-size: 16px;

  font-weight: 300;

  padding: 12px 25px;

}



.btn-base-md.btn-base-animate-to-top, .btn-base-md.btn-base-animate-to-right {

  padding-right: 65px;

}



/* Large Size */

.btn-base-lg {

  font-size: 20px;

  font-weight: 300;

  padding: 15px 30px;

}



.btn-base-lg.btn-base-animate-to-top, .btn-base-lg.btn-base-animate-to-right {

  padding-right: 75px;

}



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

    [Buttons Toggle]

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

/* Button White Toggle */

.btn-group.btn-white-toggle.open .btn-white-bg {

  box-shadow: none;

}



.btn-group.btn-white-toggle.open .btn-white-bg:after {

  color: #00bcd4;

  content: "\f0d8";

}



.btn-group.btn-white-toggle .btn-white-bg {

  width: 300px;

  font-size: 15px;

  font-weight: 300;

  color: #34343c;

  background: #fff;

  padding: 12px 100px 12px 15px;

}



.btn-group.btn-white-toggle .btn-white-bg:after {

  position: absolute;

  top: 12px;

  right: 15px;

  font-size: 15px;

  font-family: FontAwesome;

  color: #34343c;

  content: "\f0d7";

}



.btn-group.btn-white-toggle .btn-white-bg:hover, .btn-group.btn-white-toggle .btn-white-bg:focus, .btn-group.btn-white-toggle .btn-white-bg.focus {

  color: #34343c;

  background: #fff;

  border-color: #fff;

  box-shadow: inset none;

}



.btn-group.btn-white-toggle .dropdown-menu {

  width: 300px;

  border: none;

  border-radius: 3px;

  box-shadow: none;

  padding: 0;

  margin: 1px 0 0;

}



.btn-group.btn-white-toggle .dropdown-menu > li > a {

  font-size: 15px;

  font-weight: 300;

  color: #34343c;

  border-bottom: 1px solid #f7f8fa;

  padding: 10px 15px;

}



.btn-group.btn-white-toggle .dropdown-menu > li > a .dropdown-menu-icon {

  min-width: 25px;

  text-align: center;

  vertical-align: middle;

  margin-right: 5px;

}



.btn-group.btn-white-toggle .dropdown-menu > li > a:hover, .btn-group.btn-white-toggle .dropdown-menu > li > a:focus {

  background: #00bcd4;

  color: #fff;

}



.btn-group.btn-white-toggle .dropdown-menu > li:first-child > a {

  border-top-right-radius: 3px;

  border-top-left-radius: 3px;

}



.btn-group.btn-white-toggle .dropdown-menu > li:last-child > a {

  border-bottom: none;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}



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

    [Buttons Icon Animate To Top]

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

.btn-base-animate-to-top {

  z-index: 1;

  display: inline-block;

  text-align: center;

  overflow: hidden;

}



.btn-base-animate-to-top:hover .btn-base-element-icon {

  -webkit-animation: toTopFromBottom 0.3s forwards;

  -moz-animation: toTopFromBottom 0.3s forwards;

  animation: toTopFromBottom 0.3s forwards;

}



@-webkit-keyframes toTopFromBottom {

  49% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  51% {

    opacity: 1;

  }

}



@-moz-keyframes toTopFromBottom {

  49% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  51% {

    opacity: 1;

  }

}



@keyframes toTopFromBottom {

  49% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  51% {

    opacity: 1;

  }

}



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

    [Buttons Icon Animate To Right]

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

.btn-base-animate-to-right {

  z-index: 1;

  display: inline-block;

  text-align: center;

  overflow: hidden;

}



.btn-base-animate-to-right:hover .btn-base-element-icon {

  -webkit-animation: toRightFromLeft 0.3s forwards;

  -moz-animation: toRightFromLeft 0.3s forwards;

  animation: toRightFromLeft 0.3s forwards;

}



@-webkit-keyframes toRightFromLeft {

  49% {

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  51% {

    opacity: 1;

  }

}



@-moz-keyframes toRightFromLeft {

  49% {

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  51% {

    opacity: 1;

  }

}



@keyframes toRightFromLeft {

  49% {

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  51% {

    opacity: 1;

  }

}



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

    [Comment Form Error]

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

.comment-form-error .form-control.error {

  border-color: #e55973;

  margin-bottom: 5px;

}



.comment-form-error label.error {

  display: block;

  font-size: 12px;

  font-style: italic;

  font-weight: 400;

  color: #e55973;

  text-align: left;

}



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

    [Comment Form v1]

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

.comment-form-v1 .comment-form-v1-input {

  color: #34343c;

  background: #f7f8fa;

  border-color: #f7f8fa;

}



.comment-form-v1 .comment-form-v1-input::-moz-placeholder {

  color: #34343c;

}



.comment-form-v1 .comment-form-v1-input:-ms-input-placeholder {

  color: #34343c;

}



.comment-form-v1 .comment-form-v1-input::-webkit-input-placeholder {

  color: #34343c;

}



.comment-form-v1 .comment-form-v1-input:focus {

  color: #34343c;

  background: #f7f8fa;

  border-color: #eff1f8;

}



.comment-form-v1 .comment-form-v1-input:focus::-moz-placeholder {

  color: #34343c;

}



.comment-form-v1 .comment-form-v1-input:focus:-ms-input-placeholder {

  color: #34343c;

}



.comment-form-v1 .comment-form-v1-input:focus::-webkit-input-placeholder {

  color: #34343c;

}



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

    [Comment Form v2]

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

.comment-form-v2 .comment-form-v2-input {

  color: #fff;

  background: rgba(255, 255, 255, 0.3);

  border-color: rgba(255, 255, 255, 0.3);

}



.comment-form-v2 .comment-form-v2-input::-moz-placeholder {

  color: #fff;

}



.comment-form-v2 .comment-form-v2-input:-ms-input-placeholder {

  color: #fff;

}



.comment-form-v2 .comment-form-v2-input::-webkit-input-placeholder {

  color: #fff;

}



.comment-form-v2 .comment-form-v2-input:focus {

  color: #fff;

  background: rgba(255, 255, 255, 0.4);

  border-color: #fff;

}



.comment-form-v2 .comment-form-v2-input:focus::-moz-placeholder {

  color: #fff;

}



.comment-form-v2 .comment-form-v2-input:focus:-ms-input-placeholder {

  color: #fff;

}



.comment-form-v2 .comment-form-v2-input:focus::-webkit-input-placeholder {

  color: #fff;

}



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

    [Divider]

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

.divider-v1, .divider-v2, .divider-v3 {

  position: relative;

  width: 100%;

  font-size: 18px;

  text-align: center;

  text-transform: uppercase;

  overflow: hidden;

  margin: 30px auto;

}



.divider-v1 .divider-v1-element, .divider-v2 .divider-v2-element, .divider-v3 .divider-v3-element {

  position: relative;

  display: inline-block;

}



.divider-v1 .divider-v1-element:before, .divider-v2 .divider-v2-element:before, .divider-v3 .divider-v3-element:before, .divider-v1 .divider-v1-element:after, .divider-v2 .divider-v2-element:after, .divider-v3 .divider-v3-element:after {

  position: absolute;

  top: 50%;

  display: block;

  width: 2000px;

  height: 0;

  border-top-style: solid;

  border-top-width: 1px;

  border-color: #c4c4c4;

  content: " ";

}



.divider-v1 .divider-v1-element:before, .divider-v2 .divider-v2-element:before, .divider-v3 .divider-v3-element:before {

  right: 100%;

  margin-right: 15px;

}



.divider-v1 .divider-v1-element:after, .divider-v2 .divider-v2-element:after, .divider-v3 .divider-v3-element:after {

  left: 100%;

  margin-left: 15px;

}



.divider-v1 .divider-v1-element-bg, .divider-v2 .divider-v2-element-bg, .divider-v3 .divider-v3-element-bg {

  font-size: 14px;

  color: #fff;

  background: #00bcd4;

  padding: 3px 10px;

}



.divider-v1 .divider-v1-icon, .divider-v2 .divider-v2-icon, .divider-v3 .divider-v3-icon {

  font-size: 30px;

  color: #00bcd4;

}



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

    [Divider v1]

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

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

    [Divider v2]

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

.divider-v2 .divider-v2-element:before, .divider-v2 .divider-v2-element:after {

  border-top-style: dashed;

  border-top-width: 1px;

}



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

    [Divider v3]

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

.divider-v3 .divider-v3-element:before, .divider-v3 .divider-v3-element:after {

  border-top-style: double;

  border-top-width: 3px;

}



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

    [Dropcap]

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

.dropcap-base, .dropcap-base-bg, .dropcap-base-bordered, .dropcap-dark, .dropcap-dark-bg, .dropcap-dark-bordered {

  width: 40px;

  height: 40px;

  float: left;

  clear: left;

  font-size: 36px;

  font-weight: 600;

  line-height: 1.1;

  text-align: center;

  text-transform: uppercase;

  padding: 1px;

  margin: 5px 10px 0 0;

}



/* Dropcap Base Color */

.dropcap-base {

  color: #00bcd4;

}



/* Dropcap Base Background Color */

.dropcap-base-bg {

  color: #fff;

  background: #00bcd4;

}



/* Dropcap Base Color Bordered */

.dropcap-base-bordered {

  color: #00bcd4;

  border: 1px solid #00bcd4;

}



/* Dropcap Base Color */

.dropcap-dark {

  color: #34343c;

}



/* Dropcap Dark Background Color */

.dropcap-dark-bg {

  color: #fff;

  background: #34343c;

}



/* Dropcap Dark Color Bordered */

.dropcap-dark-bordered {

  color: #34343c;

  border: 1px solid #34343c;

}



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

    [Heading v1]

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

.left1{ background:#eff2fc !important;}

.heading-v1 .heading-v1-title {

  font-size: 28px;

  font-family: "Microsoft Yahei";

}



.heading-v1 .heading-v1-subtitle {

  max-width: 350px;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

  margin-bottom: 20px;

}



.heading-v1 .heading-v1-text {

  font-size: 18px;

  font-style: italic;

  margin-bottom: 0;

}





.heading-title{

  display: flex;

  flex-direction: column;

  align-items: center;

  border-bottom:#a7afcd solid 1px;

  margin: auto;

  position:relative;

}

.heading-title>h2{

  position: relative;

  font-size:40px;

  color:#0061D4;

  font-weight: bold;

  padding-top:20px;

}

.heading-title>h3{

  font-size:8px;

  color:#bbb;

  height:11px;

  line-height: 11px;

  background-color:#eff2fc;

  margin-bottom: -6px;

  letter-spacing:10px;

  text-align: center;

  padding-left:10px;

  position: relative;

}

.heading-title>h3.white{

  background-color: #fff;

}

.heading-title>h3::after,.heading-title>h3::before{

  content:'';

  position:absolute;

  font-size: 0;

  width:7px;

  height:7px;

  top:3px;

  border:solid 1px #a7afcd;

  background-color:#fff;

  border-radius: 5px;

}

.heading-title>h3::after{

  right:-3px;

}

.heading-title>h3::before{

  left:-3px;

}

/* White Version */

.heading-v1.heading-v1-white .heading-v1-title,

.heading-v1.heading-v1-white .heading-v1-text {

  color: #fff;

}



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

    [Heading v2]

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

.heading-v2 {

  text-align: center;

  overflow: hidden;

}



.heading-v2 .heading-v2-title {

  font-size: 36px;

  line-height: 1.4;

  margin: 0 0 10px;

}



.heading-v2 .heading-v2-text {

  position: relative;

  display: inline-block;

  font-style: italic;

  font-family: "Microsoft Yahei";

  margin-bottom: 0;

}



.heading-v2 .heading-v2-text:before, .heading-v2 .heading-v2-text:after {

  position: absolute;

  top: 10px;

  width: 30px;

  height: 1px;

  background: #d1d1d1;

  content: " ";

}



.heading-v2 .heading-v2-text:before {

  right: 100%;

  margin-right: 15px;

}



.heading-v2 .heading-v2-text:after {

  left: 100%;

  margin-left: 15px;

}



/* White Version */

.heading-v2.heading-v2-white .heading-v2-title,

.heading-v2.heading-v2-white .heading-v2-text {

  color: #fff;

}



.heading-v2.heading-v2-white .heading-v2-paragraph:before, .heading-v2.heading-v2-white .heading-v2-paragraph:after {

  background: #fff;

}



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

    [Heading v3]

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

.heading-v3 {

  text-align: center;

}



.heading-v3 .heading-v3-title {

  font-size: 34px;

  margin: 0 0 10px;

}



.heading-v3 .heading-v3-element {

  position: relative;

  display: inline-block;

  font-size: 12px;

  color: #606060;

}



.heading-v3 .heading-v3-element:before, .heading-v3 .heading-v3-element:after {

  position: absolute;

  top: 8px;

  width: 30px;

  height: 1px;

  border-bottom: 1px solid #d1d1d1;

  content: " ";

}



.heading-v3 .heading-v3-element:before {

  right: 100%;

  margin-right: 10px;

}



.heading-v3 .heading-v3-element:after {

  left: 100%;

  margin-left: 10px;

}



.heading-v3 .heading-v3-element .heading-v3-element-icon {

  position: relative;

  top: -1px;

  font-size: 8px;

  color: #606060;

}



.heading-v3 .heading-v3-text {

  margin-bottom: 0;

  font-style: italic;

  font-family: "Microsoft Yahei";

}



/* White Version */

.heading-v3.heading-v3-white .heading-v3-subtitle,

.heading-v3.heading-v3-white .heading-v3-title,

.heading-v3.heading-v3-white .heading-v3-element,

.heading-v3.heading-v3-white .heading-v3-text {

  color: #fff;

}



.heading-v3.heading-v3-white .heading-v3-element:before, .heading-v3.heading-v3-white .heading-v3-element:after {

  border-bottom-color: #fff;

}



.heading-v3.heading-v3-white .heading-v3-element .heading-v3-element-icon {

  color: #fff;

}



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

    [Heading v4]

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

.heading-v4 .heading-v4-subtitle {

  display: block;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  margin-bottom: 0;

}



.heading-v4 .heading-v4-title {

  font-size: 28px;

}



.heading-v4 .heading-v4-text {

  font-size: 16px;

  font-style: italic;

  margin-bottom: 0;

}



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

    [Font Awesome Icons]

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

.bordered-icon .bordered-icon-box {

  width: 16.7%;

  height: 100px;

  float: left;

  text-align: center;

  padding: 20px 10px;

  margin: 0 -1px -1px 0;

  word-wrap: break-word;

  border: 1px solid #f7f8fa;

}



.bordered-icon .bordered-icon-box .bordered-icon-box-item {

  display: block;

  font-size: 24px;

  color: #34343c;

  padding-bottom: 10px;

}



.bordered-icon .bordered-icon-box .bordered-icon-box-item-title {

  color: #34343c;

}



.bordered-icon .bordered-icon-box:hover {

  cursor: pointer;

  background: #00bcd4;

}



.bordered-icon .bordered-icon-box:hover .bordered-icon-box-item,

.bordered-icon .bordered-icon-box:hover .bordered-icon-box-item-title {

  color: #fff;

}



/* Media Queries below 992px */

@media (max-width: 992px) {

  .bordered-icon .bordered-icon-box {

    width: 25%;

    height: 100px;

  }

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .bordered-icon .bordered-icon-box {

    width: 33%;

    height: 115px;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .bordered-icon .bordered-icon-box {

    width: 50%;

    height: 130px;

  }

}



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

    [Lists]

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

.lists-base > li, .lists-dark > li {

  font-size: 14px;

  font-weight: 300;

  margin-bottom: 5px;

  color: #1c1c1c;

}



.lists-base > li > a, .lists-dark > li > a {

  font-size: 14px;

  font-weight: 300;

  color: #1c1c1c;

}



.lists-base > li > a:hover, .lists-dark > li > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.lists-base > li .lists-item-element, .lists-dark > li .lists-base .lists-item-element, .lists-base .lists-dark > li .lists-item-element {

  min-width: 15px;

  color: #00bcd4;

  text-align: center;

  margin-right: 10px;

}



.lists-base > li .lists-item-element-brd, .lists-base .lists-dark > li .lists-item-element-brd, .lists-dark .lists-base > li .lists-item-element-brd, .lists-dark > li .lists-item-element-brd {

  width: 15px;

  height: 15px;

  font-size: 11px;

  line-height: 3px;

  padding: 5px;

  margin-right: 10px;

}



.lists-base > li .lists-item-element-bg, .lists-base .lists-dark > li .lists-item-element-bg, .lists-dark .lists-base > li .lists-item-element-bg, .lists-dark > li .lists-item-element-bg {

  width: 15px;

  height: 15px;

  font-size: 11px;

  color: #fff;

  line-height: 3px;

  padding: 6px;

  margin-right: 10px;

}



/* Lists Base */

.lists-base .lists-item-element-brd {

  color: #00bcd4;

  border: 1px solid #00bcd4;

}



.lists-base .lists-item-element-bg {

  background: #00bcd4;

}



/* Lists Dark */

.lists-dark .lists-item-element {

  margin-right: 10px;

}



.lists-dark .lists-item-element-brd {

  color: #34343c;

  border: 1px solid #34343c;

}



.lists-dark .lists-item-element-bg {

  background: #34343c;

}



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

    [Lists Base White Color]

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

.lists-base-white > li {

  color: #fff;

}



.lists-base-white > li > a {

  color: #fff;

}



.lists-base-white > li > a:hover {

  color: #fff;

  text-decoration: underline;

}



.lists-base-white > li .lists-item-element,

.lists-base-white > li .lists-item-element-brd,

.lists-base-white > li .lists-item-element-bg {

  color: #fff;

}



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

    [Numeric Lists]

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

.numeric-base-lists, .numeric-dark-lists {

  counter-reset: li;

  list-style: decimal;

  padding-left: 14px;

}



.numeric-base-lists > li, .numeric-dark-lists > li {

  font-size: 14px;

  font-weight: 300;

  margin-bottom: 5px;

  color: #606060;

}



.numeric-base-lists > li > a, .numeric-dark-lists > li > a {

  font-size: 14px;

  font-weight: 300;

  color: #606060;

}



.numeric-base-lists > li > a:hover, .numeric-dark-lists > li > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



/* Numeric Base Lists */

.numeric-base-lists > li {

  color: #00bcd4;

}



/* Numeric Dark Lists */

.numeric-dark-lists > li {

  color: #34343c;

}



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

    [Login]

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

.login {

  max-width: 100%;

  display: inline-block;

  vertical-align: middle;

}



.login .login-content {

  width: 450px;

  background: #fff;

  padding: 40px;

}



.login .login-form-logo {

  width: 100px;

  height: auto;

}



.login .login-form-title {

  font-size: 30px;

  margin-bottom: 0;

}



.login .login-form-actions {

  overflow: hidden;

  margin-bottom: 30px;

}



.login .login-form-forgot {

  float: right;

  font-size: 13px;

  font-weight: 300;

}



.login .login-form-forgot:hover {

  color: #00bcd4;

}



.login .forget-form,

.login .register-form {

  display: none;

}



/* Error */

.login .form-control.error {

  border-color: #e55973;

  margin-bottom: 5px;

}



.login label.error {

  display: block;

  font-size: 13px;

  font-style: italic;

  color: #e55973;

  text-align: left;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .login .login-content {

    width: 100%;

  }

}



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

    [Paginations v1]

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

.paginations-v1 {

  position: relative;

  margin: 20px 0;

}



.paginations-v1-list {

  display: inline-block;

  padding-left: 0;

}



.paginations-v1-list > li {

  display: inline-block;

}



.paginations-v1-list > li > a,

.paginations-v1-list > li > span {

  position: relative;

  min-width: 35px;

  min-height: 35px;

  float: left;

  font-size: 14px;

  color: #34343c;

  background: transparent;

  border-radius: 50%;

  text-decoration: none;

  padding: 7px 12.5px;

  margin-left: -1px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.paginations-v1-list > li > a:hover,

.paginations-v1-list > li > span:hover {

  color: #fff;

  background: rgba(0, 188, 212, 0.5);

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.paginations-v1-list > li.next, .paginations-v1-list > li.previous {

  position: absolute;

}



.paginations-v1-list > li.next > a,

.paginations-v1-list > li.next > span, .paginations-v1-list > li.previous > a,

.paginations-v1-list > li.previous > span {

  font-size: 20px;

  color: #7a7a7a;

  background: 0;

  padding: 1px 5px;

}



.paginations-v1-list > li.next > a:hover,

.paginations-v1-list > li.next > span:hover, .paginations-v1-list > li.previous > a:hover,

.paginations-v1-list > li.previous > span:hover {

  color: #00bcd4;

  background: 0;

}



.paginations-v1-list > li.previous {

  top: 0;

  left: 0;

}



.paginations-v1-list > li.next {

  top: 0;

  right: 0;

}



.paginations-v1-list > li.active > a,

.paginations-v1-list > li.active > span {

  z-index: 2;

  color: #fff;

  background: #00bcd4;

  cursor: default;

}



.paginations-v1-list > li.active > a:hover,

.paginations-v1-list > li.active > span:hover {

  color: #fff;

}



.paginations-v1-list > li.disabled > a,

.paginations-v1-list > li.disabled > a:hover,

.paginations-v1-list > li.disabled > a:focus,

.paginations-v1-list > li.disabled > span,

.paginations-v1-list > li.disabled > span:hover,

.paginations-v1-list > li.disabled > span:focus {

  color: #e9e9e9;

  cursor: not-allowed;

  background: transparent;

}



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

    [Paginations v2]

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

.paginations-v2 {

  position: relative;

  margin: 20px 0;

}



.paginations-v2-list {

  display: inline-block;

  padding-left: 0;

}



.paginations-v2-list > li {

  display: inline-block;

}



.paginations-v2-list > li > a,

.paginations-v2-list > li > span {

  position: relative;

  min-width: 30px;

  min-height: 30px;

  float: left;

  font-size: 14px;

  color: #34343c;

  border-bottom: 2px solid transparent;

  text-decoration: none;

  padding: 7px 9px;

  margin-left: -1px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.paginations-v2-list > li > a:hover,

.paginations-v2-list > li > span:hover {

  color: #00bcd4;

  border-bottom-color: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.paginations-v2-list > li.next, .paginations-v2-list > li.previous {

  position: absolute;

}



.paginations-v2-list > li.previous {

  top: 0;

  left: 0;

}



.paginations-v2-list > li.next {

  top: 0;

  right: 0;

}



.paginations-v2-list > li.active > a,

.paginations-v2-list > li.active > span {

  z-index: 2;

  color: #00bcd4;

  border-bottom-color: #00bcd4;

  cursor: default;

}



.paginations-v2-list > li.active > a:hover,

.paginations-v2-list > li.active > span:hover {

  color: #00bcd4;

}



.paginations-v2-list > li.disabled > a,

.paginations-v2-list > li.disabled > a:hover,

.paginations-v2-list > li.disabled > a:focus,

.paginations-v2-list > li.disabled > span,

.paginations-v2-list > li.disabled > span:hover,

.paginations-v2-list > li.disabled > span:focus {

  color: #e9e9e9;

  cursor: not-allowed;

  border-bottom: none;

}



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

    [Paginations v3]

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

.paginations-v3 {

  position: relative;

  margin: 20px 0;

}



.paginations-v3-list {

  display: inline-block;

  padding-left: 0;

}



.paginations-v3-list > li {

  display: inline-block;

}



.paginations-v3-list > li > a,

.paginations-v3-list > li > span {

  position: relative;

  float: left;

  font-size: 16px;

  color: #34343c;

  background: #fff;

  text-decoration: none;

  padding: 10px 16px;

  margin-left: 2px;

}



.paginations-v3-list > li > a:hover,

.paginations-v3-list > li > span:hover {

  color: #00bcd4;

  background: #fff;

}



.paginations-v3-list > li.previous > a:hover i {

  -webkit-animation: toLeftFromRight 0.3s forwards;

  -moz-animation: toLeftFromRight 0.3s forwards;

  animation: toLeftFromRight 0.3s forwards;

}



.paginations-v3-list > li.next > a:hover i {

  -webkit-animation: toRightFromLeft 0.3s forwards;

  -moz-animation: toRightFromLeft 0.3s forwards;

  animation: toRightFromLeft 0.3s forwards;

}



.paginations-v3-list > li.active > a,

.paginations-v3-list > li.active > span {

  z-index: 2;

  color: #fff;

  background: #00bcd4;

  cursor: default;

}



.paginations-v3-list > li.active > a:hover,

.paginations-v3-list > li.active > span:hover {

  color: #fff;

  background: #00bcd4;

}



.paginations-v3-list > li.disabled > a,

.paginations-v3-list > li.disabled > a:hover,

.paginations-v3-list > li.disabled > a:focus,

.paginations-v3-list > li.disabled > span,

.paginations-v3-list > li.disabled > span:hover,

.paginations-v3-list > li.disabled > span:focus {

  color: #e9e9e9;

  cursor: not-allowed;

  background: transparent;

}



@-webkit-keyframes toLeftFromRight {

  49% {

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  51% {

    opacity: 1;

  }

}



@-moz-keyframes toLeftFromRight {

  49% {

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  51% {

    opacity: 1;

  }

}



@keyframes toLeftFromRight {

  49% {

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  51% {

    opacity: 1;

  }

}



@-webkit-keyframes toRightFromLeft {

  49% {

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  51% {

    opacity: 1;

  }

}



@-moz-keyframes toRightFromLeft {

  49% {

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  51% {

    opacity: 1;

  }

}



@keyframes toRightFromLeft {

  49% {

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  51% {

    opacity: 1;

  }

}



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

    [Pagers v1]

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

.pagers-v1 {

  display: inline-block;

  float: left;

  width: 50%;

  background: #f7f8fa;

  border: 1px solid #ebeef6;

  text-decoration: none;

  padding: 60px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.pagers-v1 .previous {

  float: left;

}



.pagers-v1 .next {

  float: right;

}



.pagers-v1 .pagers-v1-title {

  display: block;

  font-size: 20px;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 5px;

}



.pagers-v1 .pagers-v1-subtitle {

  display: block;

  font-size: 15px;

  font-weight: 300;

  color: #606060;

}



.pagers-v1.disabled {

  color: #e9e9e9;

  cursor: not-allowed;

  border-color: #e9e9e9;

}



.pagers-v1:hover {

  background: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.pagers-v1:hover .pagers-v1-title,

.pagers-v1:hover .pagers-v1-subtitle {

  color: #fff;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .pagers-v1 {

    width: 100%;

  }

  .pagers-v1 .next {

    float: left;

  }

}



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

    [Pagers v2]

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

.pagers-v2 {

  text-align: center;

  list-style: none;

  padding-left: 0;

  margin: 20px 0;

}



.pagers-v2 li {

  display: inline;

  padding: 0 2px;

}



.pagers-v2 li > a,

.pagers-v2 li > span {

  display: inline-block;

  min-width: 130px;

  font-size: 15px;

  color: #34343c;

  background: #fff;

  text-decoration: none;

  padding: 12px 23px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.pagers-v2 li > a:hover,

.pagers-v2 li > span:hover {

  color: #fff;

  background: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.pagers-v2 li.previous > a,

.pagers-v2 li.previous > span {

  float: left;

}



.pagers-v2 li.next > a,

.pagers-v2 li.next > span {

  float: right;

}



.pagers-v2 li.disabled > a,

.pagers-v2 li.disabled > a:hover,

.pagers-v2 li.disabled > a:focus,

.pagers-v2 li.disabled > span,

.pagers-v2 li.disabled > span:hover,

.pagers-v2 li.disabled > span:focus {

  color: #939393;

  cursor: not-allowed;

  background: #f1f3f6;

}



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

    [Progress Bar]

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

.progress-box {

  overflow: hidden;

}



.progress-box .progress-title {

  font-size: 18px;

  font-style: italic;

  text-align: left;

  text-transform: inherit;

  margin: 0 0 10px 2px;

}



.progress-box .progress-title > .pull-right {

  float: right !important;

}



.progress-box .progress {

  background: #f2f4f9;

  box-shadow: none;

  margin-bottom: 15px;

}



.progress-box .progress-xs {

  height: 3px;

}



.progress-box .progress-sm {

  height: 6px;

}



.progress-box .progress-md {

  height: 11px;

}



.progress-box .progress-bar {

  -webkit-transition: all 3s ease-in;

  -moz-transition: all 3s ease-in;

  transition: all 3s ease-in;

}



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

    [Vertical Progress Bar]

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

.progress-vertical {

  position: relative;

  float: left;

  width: 100%;

  height: 200px;

}



.progress-vertical .progress-bar {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 0;

  -webkit-transition: height 3s ease;

  -moz-transition: height 3s ease;

  transition: height 3s ease;

}



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

    [Scroll To Section Click Button v1]

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

.scroll-to-section-v1 {

  position: absolute;

  left: 50%;

  bottom: 40px;

}



.scroll-to-section-v1 .scroll-to-section-click-icon {

  position: absolute;

  left: 0;

  right: 0;

  width: 20px;

  height: 20px;

  font-size: 30px;

  color: #fff;

  margin-left: -10px;

  -webkit-animation-name: scroll-to-section-v1;

  -moz-animation-name: scroll-to-section-v1;

  animation-name: scroll-to-section-v1;

  -webkit-animation-duration: 2s;

  -moz-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -ms-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  -moz-animation-direction: alternate;

  animation-direction: alternate;

}



@-webkit-keyframes scroll-to-section-v1 {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: -20px;

    bottom: 25px;

  }

  50% {

    top: -20px;

    bottom: 50px;

  }

  75% {

    top: -20px;

    bottom: 75px;

  }

  100% {

    top: 0;

    bottom: 100px;

  }

}



@-moz-keyframes scroll-to-section-v1 {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: -20px;

    bottom: 25px;

  }

  50% {

    top: -20px;

    bottom: 50px;

  }

  75% {

    top: -20px;

    bottom: 75px;

  }

  100% {

    top: 0;

    bottom: 100px;

  }

}



@keyframes scroll-to-section-v1 {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: -20px;

    bottom: 25px;

  }

  50% {

    top: -20px;

    bottom: 50px;

  }

  75% {

    top: -20px;

    bottom: 75px;

  }

  100% {

    top: 0;

    bottom: 100px;

  }

}



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

    [Tab v1]

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

.tab-v1 .nav-tabs {

  width: 100%;

  display: inline-block;

  background: #fff;

  border-bottom: none;

  box-shadow: 1px 2px 7px 0 #eff1f8;

  margin-bottom: 15px;

}



.tab-v1 .nav-tabs > li {

  margin: 0;

}



.tab-v1 .nav-tabs > li:first-child {

  margin-left: 0;

}



.tab-v1 .nav-tabs > li > a {

  font-size: 15px;

  color: #34343c;

  border-radius: 0;

  border: none;

  padding: 15px 20px;

  margin-right: 0;

}



.tab-v1 .nav-tabs > li:active > a, .tab-v1 .nav-tabs > li:focus > a, .tab-v1 .nav-tabs > li:hover > a {

  background: inherit;

}



.tab-v1 .nav-tabs > li:hover > a {

  color: #00bcd4;

  border: none;

}



.tab-v1 .nav-tabs > li.active > a {

  color: #00bcd4;

  border: none;

}



.tab-v1 .tab-pane {

  background: #fff;

  font-size: 15px;

  color: #606060;

  box-shadow: 1px 2px 7px 0 #eff1f8;

  padding: 20px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .tab-v1 .nav-tabs {

    display: block;

    width: 100%;

  }

  .tab-v1 .nav-tabs > li {

    width: 100%;

    float: none;

    margin: 5px 0 0;

  }

  .tab-v1 .nav-tabs > li:first-child {

    margin-top: 0;

  }

}



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

    [Tab v2]

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

.tab-v2 .nav-tabs {

  display: inline-block;

  border-bottom: none;

}



.tab-v2 .nav-tabs > li {

  margin-left: 20px;

}



.tab-v2 .nav-tabs > li:first-child {

  margin-left: 0;

}



.tab-v2 .nav-tabs > li > a {

  font-size: 15px;

  color: #9e9e9e;

  border-radius: 0;

  border: none;

  border-bottom: 1px solid #e5e5e5;

  padding: 8px 20px;

}



.tab-v2 .nav-tabs > li:active > a, .tab-v2 .nav-tabs > li:focus > a, .tab-v2 .nav-tabs > li:hover > a {

  background: inherit;

}



.tab-v2 .nav-tabs > li:hover > a {

  color: #34343c;

  border-bottom-color: #c9c9c9;

}



.tab-v2 .nav-tabs > li.active > a {

  color: #34343c;

  background: transparent;

  border: none;

  border-bottom: 1px solid #34343c;

}



.tab-v2 .tab-pane {

  font-size: 15px;

  color: #606060;

  padding: 20px 0;

}



.tab-v2 .tab-pane.tab-pane-space-around {

  padding: 20px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .tab-v2 .nav-tabs {

    display: block;

    width: 100%;

  }

  .tab-v2 .nav-tabs > li {

    width: 100%;

    float: none;

    margin: 5px 0 0;

  }

  .tab-v2 .nav-tabs > li:first-child {

    margin-top: 0;

  }

}



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

    [Tab v3]

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

.tab-v3 {

  position: relative;

}



.tab-v3 .nav-tabs-wrap {

  position: absolute;

  top: 0;

  left: 0;

  display: inline-block;

  width: 100%;

  background: rgba(255, 255, 255, 0.4);

  text-align: center;

  padding: 10px 0;

}



.tab-v3 .nav-tabs {

  display: inline-block;

  border-bottom: none;

  margin-bottom: -5px;

}



.tab-v3 .nav-tabs > li {

  margin: 0 1px 0;

}



.tab-v3 .nav-tabs > li > a {

  font-size: 15px;

  color: #34343c;

  background: #fff;

  border: none;

  border-radius: 3px;

  padding: 8px 20px;

}



.tab-v3 .nav-tabs > li:active > a, .tab-v3 .nav-tabs > li:focus > a, .tab-v3 .nav-tabs > li:hover > a {

  background: inherit;

}



.tab-v3 .nav-tabs > li:hover > a {

  color: #00bcd4;

  background: #fff;

}



.tab-v3 .nav-tabs > li.active > a {

  color: #fff;

  background: #00bcd4;

  border: none;

}



.tab-v3 .tab-pane {

  text-align: left;

  border: 1px solid #ebeef6;

}



.tab-v3 .tab-pane .tab-pane-content {

  font-size: 15px;

  color: #606060;

  background: #fff;

  padding: 20px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .tab-v3 .nav-tabs-wrap {

    position: static;

  }

  .tab-v3 .nav-tabs {

    display: block;

    width: 100%;

  }

  .tab-v3 .nav-tabs > li {

    width: 100%;

    float: none;

    margin: 5px 0 0;

  }

  .tab-v3 .nav-tabs > li:first-child {

    margin-top: 0;

  }

  .tab-v3 .nav-tabs > li > a {

    margin-right: 0;

  }

}



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

    [Tab v4]

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

.tab-v4 {

  overflow: hidden;

}



.tab-v4 .nav-tabs {

  border-bottom: none;

  background: #00bcd4;

  padding: 7px 0;

}



.tab-v4 .nav-tabs.nav-tabs-left {

  float: left;

}



.tab-v4 .nav-tabs.nav-tabs-left > li {

  margin: 0;

  float: none;

}



.tab-v4 .nav-tabs.nav-tabs-left > li > a {

  min-width: 170px;

  font-size: 16px;

  color: #fff;

  border: none;

  border-radius: 0;

  padding: 12px 20px;

  margin-right: 0;

}



.tab-v4 .nav-tabs.nav-tabs-left > li:active > a, .tab-v4 .nav-tabs.nav-tabs-left > li:focus > a, .tab-v4 .nav-tabs.nav-tabs-left > li:hover > a {

  background: inherit;

}



.tab-v4 .nav-tabs.nav-tabs-left > li:hover > a {

  color: #fff;

  background: #0098ab;

}



.tab-v4 .nav-tabs.nav-tabs-left > li.active {

  border: none;

}



.tab-v4 .nav-tabs.nav-tabs-left > li.active > a {

  color: #fff;

  background: #0098ab;

}



.tab-v4 .tab-content {

  overflow: hidden;

}



.tab-v4 .tab-content .tab-pane {

  font-size: 15px;

  color: #606060;

  background: #fff;

  padding: 0;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .tab-v4 .nav-tabs.nav-tabs-left {

    float: none;

  }

}



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

    [Tab v5 (Left)]

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

.tab-v5 {

  overflow: hidden;

  border: 1px solid #f7f8fa;

}



.tab-v5 .nav-tabs {

  border-bottom: none;

}



.tab-v5 .nav-tabs.nav-tabs-left {

  float: left;

}



.tab-v5 .nav-tabs.nav-tabs-left > li {

  margin: 0;

  float: none;

}



.tab-v5 .nav-tabs.nav-tabs-left > li > a {

  font-size: 15px;

  color: #34343c;

  background: #f7f8fa;

  border-color: transparent;

  border-radius: 0;

  padding: 12px 20px;

}



.tab-v5 .nav-tabs.nav-tabs-left > li:active > a, .tab-v5 .nav-tabs.nav-tabs-left > li:focus > a, .tab-v5 .nav-tabs.nav-tabs-left > li:hover > a {

  background: inherit;

}



.tab-v5 .nav-tabs.nav-tabs-left > li:hover > a {

  color: #00bcd4;

}



.tab-v5 .nav-tabs.nav-tabs-left > li.active:first-child > a {

  border-top-color: transparent;

}



.tab-v5 .nav-tabs.nav-tabs-left > li.active:last-child > a {

  border-bottom-color: transparent;

}



.tab-v5 .nav-tabs.nav-tabs-left > li.active > a {

  color: #00bcd4;

  background: #fff;

  border-top: 1px solid #f7f8fa;

  border-bottom: 1px solid #f7f8fa;

}



.tab-v5 .tab-content {

  overflow: hidden;

}



.tab-v5 .tab-content .tab-pane {

  font-size: 15px;

  color: #606060;

  background: #fff;

  padding: 20px 25px;

}



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

    [Tab v6 (Right)]

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

.tab-v6 {

  overflow: hidden;

  border: 1px solid #f7f8fa;

}



.tab-v6 .nav-tabs {

  border-bottom: none;

}



.tab-v6 .nav-tabs.nav-tabs-right {

  float: right;

}



.tab-v6 .nav-tabs.nav-tabs-right > li {

  margin: 0;

  float: none;

}



.tab-v6 .nav-tabs.nav-tabs-right > li > a {

  font-size: 15px;

  color: #34343c;

  background: #f7f8fa;

  border-color: transparent;

  border-radius: 0;

  padding: 12px 20px;

  margin-right: 0;

}



.tab-v6 .nav-tabs.nav-tabs-right > li:active > a, .tab-v6 .nav-tabs.nav-tabs-right > li:focus > a, .tab-v6 .nav-tabs.nav-tabs-right > li:hover > a {

  background: inherit;

}



.tab-v6 .nav-tabs.nav-tabs-right > li:hover > a {

  color: #00bcd4;

}



.tab-v6 .nav-tabs.nav-tabs-right > li.active:first-child > a {

  border-top-color: transparent;

}



.tab-v6 .nav-tabs.nav-tabs-right > li.active:last-child > a {

  border-bottom-color: transparent;

}



.tab-v6 .nav-tabs.nav-tabs-right > li.active > a {

  color: #00bcd4;

  background: #fff;

  border-top: 1px solid #f7f8fa;

  border-bottom: 1px solid #f7f8fa;

}



.tab-v6 .tab-content {

  overflow: hidden;

}



.tab-v6 .tab-content .tab-pane {

  font-size: 15px;

  color: #606060;

  background: #fff;

  padding: 20px 25px;

}



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

    [Tab v7]

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

.tab-v7 .nav-tabs {

  border-bottom: none;

}



.tab-v7 .nav-tabs > li {

  margin: 0 -1px -2px;

}



.tab-v7 .nav-tabs > li:first-child {

  margin-left: 0;

}



.tab-v7 .nav-tabs > li > a {

  font-size: 15px;

  color: #fff;

  background: #34343c;

  border-radius: 0;

  border-color: #f7f8fa;

  padding: 12px 22px;

}



.tab-v7 .nav-tabs > li:active > a, .tab-v7 .nav-tabs > li:focus > a, .tab-v7 .nav-tabs > li:hover > a {

  background: inherit;

}



.tab-v7 .nav-tabs > li:hover > a {

  color: #fff;

  background: #34343c;

}



.tab-v7 .nav-tabs > li.active > a {

  color: #34343c;

  background: #fff;

  border-top: 2px solid #34343c;

  border-bottom: none;

}



.tab-v7 .tab-pane {

  font-size: 15px;

  color: #606060;

  border: 1px solid #f7f8fa;

  padding: 20px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .tab-v7 .nav-tabs {

    display: block;

    width: 100%;

  }

  .tab-v7 .nav-tabs > li {

    width: 100%;

    float: none;

    margin: 5px 0 0;

  }

  .tab-v7 .nav-tabs > li:first-child {

    margin-top: 0;

  }

  .tab-v7 .nav-tabs > li > a {

    margin-right: 0;

  }

}



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

    [Tab v8]

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

.tab-v8 .nav-tabs {

  border-bottom: none;

}



.tab-v8 .nav-tabs > li {

  width: 50%;

}



.tab-v8 .nav-tabs > li > a {

  font-size: 15px;

  color: #34343c;

  background: #f7f8fa;

  border-radius: 0;

  border: none;

  padding: 12px 22px;

}



.tab-v8 .nav-tabs > li:active > a, .tab-v8 .nav-tabs > li:focus > a, .tab-v8 .nav-tabs > li:hover > a {

  background: inherit;

}



.tab-v8 .nav-tabs > li:hover > a {

  color: #fff;

  background: #34343c;

}



.tab-v8 .nav-tabs > li.active > a {

  color: #fff;

  background: #34343c;

  border: none;

}



.tab-v8 .tab-pane {

  font-size: 15px;

  color: #606060;

  padding: 20px 0;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .tab-v8 .nav-tabs {

    display: block;

    width: 100%;

  }

  .tab-v8 .nav-tabs > li {

    width: 100%;

    float: none;

    margin-top: 5px;

  }

  .tab-v8 .nav-tabs > li:first-child {

    margin-top: 0;

  }

}



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

    [Tables]

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

/* General Stylesheet Design */

.table {

  margin-bottom: 0;

}



.table thead tr th {

  font-weight: 300;

  color: #3a3a44;

  border-top: none;

  border-width: 1px;

  padding: 10px;

}



.table thead tr > td.active,

.table thead tr > th.active {

  background: #f7f8fa;

}



.table thead tr.active > td,

.table thead tr.active > th {

  background: #f7f8fa;

}



.table tbody tr td {

  font-weight: 300;

  color: #3a3a44;

  border-top: none;

  vertical-align: middle;

  padding: 10px;

}



.table tbody tr > td.active,

.table tbody tr > th.active {

  background: #f7f8fa;

}



.table tbody tr.active > td,

.table tbody tr.active > th {

  background: #f7f8fa;

}



.table tbody tr:nth-of-type(odd) {

  background: #f7f8fa;

}



.table tfoot tr > td.active,

.table tfoot tr > th.active {

  background: #f7f8fa;

}



.table tfoot tr.active > td,

.table tfoot tr.active > th {

  background: #f7f8fa;

}



/* Table Advance */

.table-advance {

  overflow: hidden;

}



.table-advance .table-advance-body .table-advance-body-user-img {

  float: left;

  width: 24px;

  height: 24px;

  margin-right: 10px;

}



.table-advance .table-advance-body .table-advance-body-user-name {

  position: relative;

  top: 2px;

  color: #34343c;

}



.table-advance .table-advance-element .progress {

  position: relative;

  top: 11px;

}



/* Table Bordered */

.table-bordered > tbody > tr > td,

.table-bordered > tbody > tr > th,

.table-bordered > tfoot > tr > td,

.table-bordered > tfoot > tr > th,

.table-bordered > thead > tr > td,

.table-bordered > thead > tr > th {

  border-color: #ebeef6;

}



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

    [Table Wrap]

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

.table-wrap {

  background: #fff;

  border: 1px solid #f2f4f9;

}



.table-wrap .table-wrap-header {

  padding: 15px 20px;

  border-bottom: 1px solid #ebeef6;

}



.table-wrap .table-wrap-header .table-wrap-header-title {

  float: left;

  font-size: 18px;

  margin: 8px 0 0;

}



.table-wrap .table-wrap-header-tools {

  position: relative;

  top: 2px;

  text-align: right;

  margin-bottom: 0;

}



.table-wrap .table-wrap-header-tools .table-wrap-header-tools-item {

  padding: 0;

}



.table-wrap .table-wrap-body {

  padding: 20px;

}



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

    [Theme Icons]

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

.theme-icons-wrap {

  z-index: 1;

}



.theme-icons-wrap .theme-icons {

  text-align: center;

  margin-bottom: 5px;

}



.theme-icons-wrap a[href]:hover .theme-icons {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Theme Icons Base */

.theme-icons-base {

  display: inline-block;

  color: #00bcd4;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-base-hover:hover {

  color: #fff;

  background: #00bcd4;

  border-color: transparent;

}



/* Theme Icons White */

.theme-icons-white {

  display: inline-block;

  color: #fff;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-white-hover {

  color: #fff;

}



.theme-icons-wrap > a[href] > .theme-icons-white-hover:hover {

  color: #34343c;

  background: #fff;

  border-color: transparent;

}



/* Theme Icons Dark */

.theme-icons-dark {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-dark-hover:hover {

  color: #fff;

  background: #34343c;

  border-color: #34343c;

}



/* Theme Icons Dark Light */

.theme-icons-dark-light {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-dark-light-hover:hover {

  color: #fff;

  background: #3a3a44;

  border-color: #3a3a44;

}



/* Theme Icons Blue */

.theme-icons-blue {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-blue-hover:hover {

  color: #fff;

  background: #536dfe;

  border-color: transparent;

}



/* Theme Icons Blue Grey */

.theme-icons-blue-grey {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-blue-grey-hover:hover {

  color: #fff;

  background: #546e7a;

  border-color: #546e7a;

}



/* Theme Icons Grey */

.theme-icons-grey {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-grey-hover:hover {

  color: #fff;

  background: #9e9e9e;

  border-color: transparent;

}



/* Theme Icons Teal */

.theme-icons-teal {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-teal-hover:hover {

  color: #fff;

  background: #009688;

  border-color: transparent;

}



/* Theme Icons Red */

.theme-icons-red {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-red-hover:hover {

  color: #fff;

  background: #e55973;

  border-color: transparent;

}



/* Theme Icons Red */

.theme-icons-pink {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-pink-hover:hover {

  color: #fff;

  background: #e91e63;

  border-color: transparent;

}



/* Theme Icons Purple */

.theme-icons-purple {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-purple-hover:hover {

  color: #fff;

  background: #b260ce;

  border-color: transparent;

}



/* Theme Icons Gold */

.theme-icons-gold {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-gold-hover:hover {

  color: #fff;

  background: #c69f73;

  border-color: transparent;

}



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

    [Theme Icons Background Color]

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

/* Theme Icons Base Background */

.theme-icons-base-bg {

  display: inline-block;

  color: #fff;

  background: #00bcd4;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-base-bg:hover {

  color: #fff;

  background: #4ed7e8;

  border-color: transparent;

}



/* Theme Icons White Background */

.theme-icons-white-bg {

  display: inline-block;

  color: #3a3a44;

  background: #fff;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-white-bg:hover {

  color: #fff;

  background: #00bcd4;

  border-color: transparent;

}



/* Theme Icons Dark Background */

.theme-icons-dark-bg {

  display: inline-block;

  color: #fff;

  background: #34343c;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-dark-bg:hover {

  color: #fff;

  background: #3a3a44;

  border-color: transparent;

}



/* Theme Icons Dark Light Background */

.theme-icons-dark-light-bg {

  display: inline-block;

  color: #fff;

  background: #3a3a44;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-dark-light-bg:hover {

  color: #fff;

  background: #34343c;

  border-color: transparent;

}



/* Theme Icons Blue Background */

.theme-icons-blue-bg {

  display: inline-block;

  color: #fff;

  background: #536dfe;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-blue-bg:hover {

  color: #fff;

  background: #687ffa;

  border-color: transparent;

}



/* Theme Icons Blue Grey Background */

.theme-icons-blue-grey-bg {

  display: inline-block;

  color: #fff;

  background: #546e7a;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-blue-grey-bg:hover {

  color: #fff;

  background: #6b8997;

  border-color: transparent;

}



/* Theme Icons Grey Background */

.theme-icons-grey-bg {

  display: inline-block;

  color: #fff;

  background: #6a6969;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-grey-bg:hover {

  color: #fff;

  background: #f1f1f1;

  border-color: transparent;

}



/* Theme Icons Teal Background */

.theme-icons-teal-bg {

  display: inline-block;

  color: #fff;

  background: #009688;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-teal-bg:hover {

  color: #fff;

  background: #45b4a9;

  border-color: transparent;

}



/* Theme Icons Red Background */

.theme-icons-red-bg {

  display: inline-block;

  color: #fff;

  background: #e55973;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-red-bg:hover {

  color: #fff;

  background: #e57287;

  border-color: transparent;

}



/* Theme Icons Pink Background */

.theme-icons-pink-bg {

  display: inline-block;

  color: #fff;

  background: #e91e63;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-pink-bg:hover {

  color: #fff;

  background: #ec407a;

  border-color: transparent;

}



/* Theme Icons Purple Background */

.theme-icons-purple-bg {

  display: inline-block;

  color: #fff;

  background: #b260ce;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-purple-bg:hover {

  color: #fff;

  background: #ba75d1;

  border-color: transparent;

}



/* Theme Icons Gold Background */

.theme-icons-gold-bg {

  display: inline-block;

  color: #fff;

  background: #c69f73;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-gold-bg:hover {

  color: #fff;

  background: #d3af87;

  border-color: transparent;

}



/* Theme Icons Grey Light Background */

.theme-icons-grey-light-bg {

  display: inline-block;

  color: #606060;

  background: #f1f1f1;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-grey-light-bg:hover {

  color: #fff;

  background: #00bcd4;

  border-color: transparent;

}



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

    [Theme Icons Bordered Color]

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

/* Theme Icons Base Bordered */

.theme-icons-base-brd {

  display: inline-block;

  color: #00bcd4;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #00bcd4;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-base-brd:hover {

  color: #fff;

  background: #00bcd4;

  border-color: #00bcd4;

}



/* Theme Icons White Bordered */

.theme-icons-white-brd {

  display: inline-block;

  color: white;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #fff;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-white-brd:hover {

  color: #3a3a44;

  background: #fff;

  border-color: #fff;

}



.theme-icons-wrap .theme-icons-white-brd-hover-base:hover {

  color: #3a3a44;

  background: #fff;

}



/* Theme Icons Dark Bordered */

.theme-icons-dark-brd {

  display: inline-block;

  color: #34343c;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #34343c;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-dark-brd:hover {

  color: #fff;

  background: #34343c;

  border-color: #34343c;

}



/* Theme Icons Dark Light Bordered */

.theme-icons-dark-light-brd {

  display: inline-block;

  color: #3a3a44;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #3a3a44;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-dark-light-brd:hover {

  color: #fff;

  background: #3a3a44;

  border-color: #3a3a44;

}



/* Theme Icons Blue Bordered */

.theme-icons-blue-brd {

  display: inline-block;

  color: #536dfe;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #536dfe;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-blue-brd:hover {

  color: #fff;

  background: #536dfe;

  border-color: #536dfe;

}



/* Theme Icons Blue Grey Bordered */

.theme-icons-blue-grey-brd {

  display: inline-block;

  color: #546e7a;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #546e7a;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-blue-grey-brd:hover {

  color: #fff;

  background: #546e7a;

  border-color: #546e7a;

}



/* Theme Icons Grey Bordered */

.theme-icons-grey-brd {

  display: inline-block;

  color: #9e9e9e;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #9e9e9e;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-grey-brd:hover {

  color: #fff;

  background: #9e9e9e;

  border-color: #9e9e9e;

}



/* Theme Icons Teal Bordered */

.theme-icons-teal-brd {

  display: inline-block;

  color: #009688;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #009688;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-teal-brd:hover {

  color: #fff;

  background: #009688;

  border-color: #009688;

}



/* Theme Icons Red Bordered */

.theme-icons-red-brd {

  display: inline-block;

  color: #e55973;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #e55973;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-red-brd:hover {

  color: #fff;

  background: #e55973;

  border-color: #e55973;

}



/* Theme Icons Pink Bordered */

.theme-icons-pink-brd {

  display: inline-block;

  color: #e91e63;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #e91e63;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-pink-brd:hover {

  color: #fff;

  background: #e91e63;

  border-color: #e91e63;

}



/* Theme Icons Purple Bordered */

.theme-icons-purple-brd {

  display: inline-block;

  color: #b260ce;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #b260ce;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-purple-brd:hover {

  color: #fff;

  background: #b260ce;

  border-color: #b260ce;

}



/* Theme Icons Gold Bordered */

.theme-icons-gold-brd {

  display: inline-block;

  color: #c69f73;

  background: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #c69f73;

  text-align: center;

  vertical-align: middle;

}



.theme-icons-wrap > a[href] > .theme-icons-gold-brd:hover {

  color: #fff;

  background: #c69f73;

  border-color: #c69f73;

}



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

    [Theme Icons Sizes]

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

/* Extra Small Size */

.theme-icons-xs {

  width: 30px;

  height: 30px;

  font-size: 14px;

  line-height: 1.4;

  padding: 5px;

}



/* Small Size */

.theme-icons-sm {

  width: 35px;

  height: 35px;

  font-size: 16px;

  line-height: 1.4;

  padding: 6px;

}



/* Medium Size */

.theme-icons-md {

  width: auto;

  height: 45px;

  font-size: 20px;

  line-height: 1.5;

  padding: 8px 15px;

}



/* Large Size */

.theme-icons-lg {

  width: 55px;

  height: 55px;

  font-size: 24px;

  line-height: 1.15;

  padding: 14px;

}



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

    [Social Icons Theme]

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

/* Theme Icons Facebook */

.theme-icons-fb {

  display: inline-block;

  color: #fff;

  background: #44619d;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



/* Theme Icons Twitter */

.theme-icons-tw {

  display: inline-block;

  color: #fff;

  background: #55acee;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



/* Theme Icons Dribbble */

.theme-icons-dr {

  display: inline-block;

  color: #fff;

  background: #ea4c89;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



/* Theme Icons Youtube */

.theme-icons-yt {

  display: inline-block;

  color: #fff;

  background: #cc181e;

  border-width: 0;

  border-style: solid;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

}



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

    [Animate Theme Icons]

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

.animate-theme-icons .animate-theme-icons-body {

  z-index: 1;

  display: inline-block;

  text-align: center;

  overflow: hidden;

}



.animate-theme-icons:hover .animate-theme-icons-body .animate-theme-icons-element {

  -webkit-animation: toTopFromBottom 0.3s forwards;

  -moz-animation: toTopFromBottom 0.3s forwards;

  animation: toTopFromBottom 0.3s forwards;

}



@-webkit-keyframes toTopFromBottom {

  49% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  51% {

    opacity: 1;

  }

}



@-moz-keyframes toTopFromBottom {

  49% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  51% {

    opacity: 1;

  }

}



@keyframes toTopFromBottom {

  49% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  51% {

    opacity: 1;

  }

}



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

    [Animate Theme Icons Colors]

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

/* Animate Theme Icons Base */

.animate-theme-icons .animate-theme-icons-base {

  color: #00bcd4;

}



/* Animate Theme Icons White */

.animate-theme-icons .animate-theme-icons-white {

  color: #fff;

}



/* Animate Theme Icons Dark */

.animate-theme-icons .animate-theme-icons-dark {

  color: #34343c;

}



/* Animate Theme Icons Dark Light */

.animate-theme-icons .animate-theme-icons-dark-light {

  color: #3a3a44;

}



/* Animate Theme Icons Blue */

.animate-theme-icons .animate-theme-icons-blue {

  color: #536dfe;

}



/* Animate Theme Icons Blue Grey */

.animate-theme-icons .animate-theme-icons-blue-grey {

  color: #546e7a;

}



/* Animate Theme Icons Grey */

.animate-theme-icons .animate-theme-icons-grey {

  color: #9e9e9e;

}



/* Animate Theme Icons Teal */

.animate-theme-icons .animate-theme-icons-teal {

  color: #009688;

}



/* Animate Theme Icons Red */

.animate-theme-icons .animate-theme-icons-red {

  color: #e55973;

}



/* Animate Theme Icons Pink */

.animate-theme-icons .animate-theme-icons-pink {

  color: #e91e63;

}



/* Animate Theme Icons Purple */

.animate-theme-icons .animate-theme-icons-purple {

  color: #b260ce;

}



/* Animate Theme Icons Gold */

.animate-theme-icons .animate-theme-icons-gold {

  color: #c69f73;

}



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

    [Animate Theme Icons Background Colors]

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

/* Animate Theme Icons Base Background */

.animate-theme-icons .animate-theme-icons-base-bg {

  color: #fff;

  background: #00bcd4;

}



/* Animate Theme Icons White Background */

.animate-theme-icons .animate-theme-icons-white-bg {

  color: #3a3a44;

  background: #fff;

}



/* Animate Theme Icons Dark Background */

.animate-theme-icons .animate-theme-icons-dark-bg {

  color: #fff;

  background: #34343c;

}



/* Animate Theme Icons Dark Light Background */

.animate-theme-icons .animate-theme-icons-dark-light-bg {

  color: #fff;

  background: #3a3a44;

}



/* Animate Theme Icons Blue Background */

.animate-theme-icons .animate-theme-icons-blue-bg {

  color: #fff;

  background: #536dfe;

}



/* Animate Theme Icons Blue Grey Background */

.animate-theme-icons .animate-theme-icons-blue-grey-bg {

  color: #fff;

  background: #546e7a;

}



/* Animate Theme Icons Grey Background */

.animate-theme-icons .animate-theme-icons-grey-bg {

  color: #fff;

  background: #9e9e9e;

}



/* Animate Theme Icons Teal Background */

.animate-theme-icons .animate-theme-icons-teal-bg {

  color: #fff;

  background: #009688;

}



/* Animate Theme Icons Red Background */

.animate-theme-icons .animate-theme-icons-red-bg {

  color: #fff;

  background: #e55973;

}



/* Animate Theme Icons Pink Background */

.animate-theme-icons .animate-theme-icons-pink-bg {

  color: #fff;

  background: #e91e63;

}



/* Animate Theme Icons Purple Background */

.animate-theme-icons .animate-theme-icons-purple-bg {

  color: #fff;

  background: #b260ce;

}



/* Animate Theme Icons Gold Background */

.animate-theme-icons .animate-theme-icons-gold-bg {

  color: #fff;

  background: #c69f73;

}



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

    [Animate Theme Icons Bordered]

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

/* Animate Theme Icons Base Bordered */

.animate-theme-icons .animate-theme-icons-base-brd {

  color: #00bcd4;

  border: 1px solid #00bcd4;

}



/* Animate Theme Icons White Bordered */

.animate-theme-icons .animate-theme-icons-white-brd {

  color: #fff;

  border: 1px solid #fff;

}



/* Animate Theme Icons Dark Bordered */

.animate-theme-icons .animate-theme-icons-dark-brd {

  color: #34343c;

  border: 1px solid #34343c;

}



/* Animate Theme Icons Dark Light Bordered */

.animate-theme-icons .animate-theme-icons-dark-light-brd {

  color: #3a3a44;

  border: 1px solid #3a3a44;

}



/* Animate Theme Icons Blue Bordered */

.animate-theme-icons .animate-theme-icons-blue-brd {

  color: #536dfe;

  border: 1px solid #536dfe;

}



/* Animate Theme Icons Blue Grey Bordered */

.animate-theme-icons .animate-theme-icons-blue-grey-brd {

  color: #546e7a;

  border: 1px solid #546e7a;

}



/* Animate Theme Icons Grey Bordered */

.animate-theme-icons .animate-theme-icons-grey-brd {

  color: #9e9e9e;

  border: 1px solid #9e9e9e;

}



/* Animate Theme Icons Teal Bordered */

.animate-theme-icons .animate-theme-icons-teal-brd {

  color: #009688;

  border: 1px solid #009688;

}



/* Animate Theme Icons Red Bordered */

.animate-theme-icons .animate-theme-icons-red-brd {

  color: #e55973;

  border: 1px solid #e55973;

}



/* Animate Theme Icons Pink Bordered */

.animate-theme-icons .animate-theme-icons-pink-brd {

  color: #e91e63;

  border: 1px solid #e91e63;

}



/* Animate Theme Icons Purple Bordered */

.animate-theme-icons .animate-theme-icons-purple-brd {

  color: #b260ce;

  border: 1px solid #b260ce;

}



/* Animate Theme Icons Gold Bordered */

.animate-theme-icons .animate-theme-icons-gold-brd {

  color: #c69f73;

  border: 1px solid #c69f73;

}



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

    [Theme Icons Elegant]

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

.theme-icons-elegant:before, .theme-icons-elegant:after {

  content: " ";

  display: table;

}



.theme-icons-elegant:after {

  clear: both;

}



.theme-icons-elegant .theme-icons-element {

  float: left;

  margin-right: 15px;

}



.theme-icons-elegant .theme-icons-element .theme-icons-wrap > a[href] > .theme-icons:hover {

  color: #fff;

  background: #00bcd4;

  border-color: transparent;

}



.theme-icons-elegant .theme-icons-body {

  overflow: hidden;

}



.theme-icons-elegant .theme-icons-body .theme-icons-body-title {

  display: block;

  font-size: 14px;

  margin-bottom: 5px;

}



.theme-icons-elegant .theme-icons-body .them-icon-body-paragraph {

  font-size: 12px;

  margin-bottom: 0;

}



/* Theme Icons Elegant Right */

.theme-icons-elegant-right {

  text-align: right;

}



.theme-icons-elegant-right .theme-icons-element {

  float: right;

  margin: 0 0 0 15px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .theme-icons-elegant .theme-icons-element {

    float: none;

    text-align: center;

    margin: 0 0 5px;

  }

  .theme-icons-elegant .theme-icons-body {

    text-align: center;

  }

}



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

    [Timeline Current Date]

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

.timeline-v1-current-date {

  padding-top: 100px;

}



.timeline-v1-current-date .timeline-v1-current-day {

  font-size: 30px;

  font-weight: 400;

  color: #00bcd4;

  margin: 0;

}



.timeline-v1-current-date .timeline-v1-current-time {

  display: block;

  font-size: 11px;

  font-weight: 400;

  color: #00bcd4;

}



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

    [Timeline v1]

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

.timeline-v1 {

  position: relative;

  list-style: none;

  padding: 10px 0 0;

}



.timeline-v1:before {

  position: absolute;

  top: 0;

  left: 20px;

  bottom: 0;

  width: 1px;

  background: #e7eaf0;

  content: " ";

}



.timeline-v1 .timeline-v1-list-item {

  position: relative;

  padding-left: 40px;

  margin-bottom: 15px;

}



.timeline-v1 .timeline-v1-list-item:before, .timeline-v1 .timeline-v1-list-item:after {

  content: " ";

  display: table;

}



.timeline-v1 .timeline-v1-list-item:after {

  clear: both;

}



.timeline-v1 .timeline-v1-list-item .color-one {

  border-color: #00bcd4;

}



.timeline-v1 .timeline-v1-list-item .color-two {

  border-color: #b260ce;

}



.timeline-v1 .timeline-v1-list-item .color-three {

  border-color: #536dfe;

}



.timeline-v1 .timeline-v1-list-item .color-four {

  border-color: #4fd2c2;

}



.timeline-v1 .timeline-v1-list-item .color-five {

  border-color: #546e7a;

}



.timeline-v1 .timeline-v1-list-item .color-six {

  border-color: #c69f73;

}



.timeline-v1 .timeline-v1-list-item .color-seven {

  border-color: #e55973;

}



.timeline-v1 .timeline-v1-list-item .timeline-v1-badge-icon {

  position: absolute;

  top: 5px;

  left: 15.5px;

  display: block;

  width: 10px;

  height: 10px;

  background: #fff;

  border-style: solid;

  border-width: 2px;

}



.timeline-v1 .timeline-v1-list-item .timeline-v1-news-label {

  font-size: 13px;

  font-weight: 400;

  color: #e57287;

  padding-right: 15px;

}



.timeline-v1 .timeline-v1-list-item .timeline-v1-news-time {

  font-size: 12px;

  color: #565656;

}



.timeline-v1 .timeline-v1-list-item .timeline-v1-news-title {

  font-size: 13px;

  font-weight: 400;

  color: #3a3a3a;

  letter-spacing: 0;

  text-transform: inherit;

  margin: 0;

}



.timeline-v1 .timeline-v1-list-item .timeline-v1-news-title > a {

  font-size: 13px;

  color: #3a3a3a;

}



.timeline-v1 .timeline-v1-list-item .timeline-v1-news-title > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



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

    [Timeline v2]

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

.timeline-v2 {

  position: relative;

  list-style: none;

  overflow: hidden;

  padding: 10px 0 0;

}



.timeline-v2:before {

  position: absolute;

  top: 0;

  left: 20px;

  bottom: 0;

  width: 1px;

  background: #e7eaf0;

  content: " ";

}



.timeline-v2 .timeline-v2-list-item {

  position: relative;

  padding-left: 45px;

  margin-bottom: 25px;

}



.timeline-v2 .timeline-v2-list-item:before, .timeline-v2 .timeline-v2-list-item:after {

  content: " ";

  display: table;

}



.timeline-v2 .timeline-v2-list-item:after {

  clear: both;

}



.timeline-v2 .timeline-v2-current-date {

  position: relative;

  border-top: 1px solid #e7eaf0;

  padding: 15px 0 0 40px;

  margin: 20px 0 25px;

}



.timeline-v2 .timeline-v2-current-date:before, .timeline-v2 .timeline-v2-current-date:after {

  content: " ";

  display: table;

}



.timeline-v2 .timeline-v2-current-date:after {

  clear: both;

}



.timeline-v2 .timeline-v2-badge-icon {

  position: absolute;

  top: 0;

  left: 5px;

  display: block;

  width: 30px;

  height: 30px;

  font-size: 13px;

  color: #a3a3a3;

  background: #fff;

  text-align: center;

  padding: 8px;

}



.timeline-v2 .timeline-v2-news-date {

  display: block;

  font-size: 13px;

  font-weight: 400;

  color: #e57287;

}



.timeline-v2 .timeline-v2-news-title {

  font-size: 12px;

  font-weight: 400;

  color: #3a3a3a;

  letter-spacing: 0;

  text-transform: inherit;

  margin: 0;

}



.timeline-v2 .timeline-v2-news-title > a {

  font-size: 13px;

  color: #3a3a3a;

}



.timeline-v2 .timeline-v2-news-title > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.timeline-v2 .timeline-v2-current-day {

  font-size: 26px;

  font-weight: 400;

  color: #00bcd4;

  margin: 0;

}



.timeline-v2 .timeline-v2-current-time {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #00bcd4;

}



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

    [Timeline v3]

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

.timeline-v3 {

  position: relative;

  list-style: none;

  padding: 20px 0 20px;

}



.timeline-v3:before {

  position: absolute;

  top: 0;

  left: 50%;

  bottom: 0;

  width: 2px;

  background: #69697b;

  margin-left: -1px;

  content: " ";

}



.timeline-v3 .timeline-v3-list-item {

  position: relative;

  width: 50%;

  float: left;

  clear: left;

  padding-right: 30px;

  margin-top: 50px;

}



.timeline-v3 .timeline-v3-list-item:before, .timeline-v3 .timeline-v3-list-item:after {

  content: " ";

  display: table;

}



.timeline-v3 .timeline-v3-list-item:after {

  clear: both;

}



.timeline-v3 .timeline-v3-list-item:first-child {

  margin-top: 0;

}



.timeline-v3 .timeline-v3-list-item:nth-child(2) {

  margin-top: 50px;

}



.timeline-v3 .timeline-v3-list-item .timeline-v3-badge-icon {

  position: absolute;

  top: 25px;

  right: 0;

  display: block;

  width: 12px;

  height: 12px;

  background: #00bcd4;

  border: 2px solid #fff;

  margin-right: -6px;

}



.timeline-v3 .timeline-v3-list-item .timeline-v3-badge {

  position: relative;

}



.timeline-v3 .timeline-v3-list-item .timeline-v3-badge:before {

  position: absolute;

  top: 30px;

  right: -23px;

  width: 19px;

  border-top: 2px dotted #757589;

  content: " ";

}



.timeline-v3 .timeline-v3-right-wing {

  float: right;

  clear: right;

  padding: 0 0 0 30px;

}



.timeline-v3 .timeline-v3-right-wing .timeline-v3-badge-icon {

  left: 0;

  right: auto;

  margin-left: -6px;

}



.timeline-v3 .timeline-v3-right-wing .timeline-v3-badge:before {

  position: absolute;

  top: 31px;

  left: auto;

  right: 100.4%;

}



.timeline-v3 .timeline-v3-right-wing .timeline-v3-panel {

  float: right;

}



.timeline-v3 .timeline-v3-panel {

  float: left;

  width: 100%;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .timeline-v3:before {

    left: 15px;

  }

  .timeline-v3 .timeline-v3-list-item {

    position: relative;

    width: 100%;

    float: left;

    clear: left;

    padding: 0 0 0 50px;

  }

  .timeline-v3 .timeline-v3-list-item .timeline-v3-badge-icon {

    position: absolute;

    top: 25px;

    left: 9px;

    right: auto;

  }

  .timeline-v3 .timeline-v3-list-item .timeline-v3-badge:before {

    position: absolute;

    top: 30px;

    left: -24px;

    right: auto;

  }

  .timeline-v3 .timeline-v3-right-wing {

    padding: 0 0 0 50px;

  }

  .timeline-v3 .timeline-v3-right-wing .timeline-v3-badge-icon {

    margin-left: 0;

  }

}



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

    [Timeline v4]

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

.timeline-v4 {

  position: relative;

  list-style: none;

  padding: 20px 0 20px;

}



.timeline-v4:before {

  position: absolute;

  top: 0;

  left: 50%;

  bottom: 0;

  width: 2px;

  background: #00bcd4;

  margin-left: -1px;

  content: " ";

}



.timeline-v4:after {

  position: absolute;

  top: 0;

  left: 50%;

  width: 30px;

  height: 30px;

  display: inline-block;

  font-size: 18px;

  font-family: FontAwesome;

  background: #00bcd4;

  border-radius: 50%;

  content: "\f107";

  color: #fff;

  line-height: .8;

  padding: 9px;

  margin-left: -15px;

}



.timeline-v4 .timeline-v4-list-item {

  position: relative;

  width: 50%;

  float: left;

  clear: left;

  padding-right: 50px;

  margin-top: 50px;

}



.timeline-v4 .timeline-v4-list-item:before, .timeline-v4 .timeline-v4-list-item:after {

  content: " ";

  display: table;

}



.timeline-v4 .timeline-v4-list-item:after {

  clear: both;

}



.timeline-v4 .timeline-v4-list-item:first-child {

  margin-top: 0;

}



.timeline-v4 .timeline-v4-list-item:nth-child(2) {

  margin-top: 50px;

}



.timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon {

  position: absolute;

  top: 59px;

  right: 0;

  display: block;

  width: 15px;

  height: 15px;

  background: #00bcd4;

  border: 2px solid #fff;

  margin-right: -7.5px;

}



.timeline-v4 .timeline-v4-right-wing {

  float: right;

  clear: right;

  padding: 0 0 0 50px;

}



.timeline-v4 .timeline-v4-right-wing .timeline-v4-badge-icon {

  left: 0;

  right: auto;

  margin-left: -7.5px;

}



.timeline-v4 .timeline-v4-right-wing .timeline-v4-badge:before {

  position: absolute;

  top: 31px;

  left: auto;

  right: 100.4%;

}



.timeline-v4 .timeline-v4-right-wing .timeline-v4-panel {

  float: right;

}



.timeline-v4 .timeline-v4-right-wing .timeline-v4-panel.timeline-v4-panel-right {

  position: relative;

}



.timeline-v4 .timeline-v4-right-wing .timeline-v4-panel.timeline-v4-panel-right:before {

  position: absolute;

  top: 50px;

  right: 100%;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 15px 20px 15px 0;

  border-color: transparent #fff transparent transparent;

  content: " ";

  margin-right: -3px;

}



.timeline-v4 .timeline-v4-panel {

  float: left;

  width: 100%;

  background: #fff;

  padding: 20px;

}



.timeline-v4 .timeline-v4-panel.timeline-v4-panel-left {

  position: relative;

}



.timeline-v4 .timeline-v4-panel.timeline-v4-panel-left:after {

  position: absolute;

  top: 50px;

  left: 100%;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 15px 0 15px 20px;

  border-color: transparent transparent transparent #fff;

  content: " ";

  margin-left: -3px;

}



.timeline-v4 .timeline-v4-subtitle {

  display: block;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

  margin-bottom: 5px;

}



.timeline-v4 .timeline-v4-title {

  font-size: 24px;

}



.timeline-v4 .timeline-v4-title .timeline-v4-title-link {

  font-size: 24px;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .timeline-v4:before {

    left: 15px;

  }

  .timeline-v4:after {

    left: 15px;

  }

  .timeline-v4 .timeline-v4-list-item {

    position: relative;

    width: 100%;

    float: left;

    clear: left;

    padding: 0 0 0 50px;

  }

  .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon {

    position: absolute;

    top: 59px;

    left: 8px;

    right: auto;

  }

  .timeline-v4 .timeline-v4-list-item .timeline-v4-badge:before {

    position: absolute;

    top: 30px;

    left: -24px;

    right: auto;

  }

  .timeline-v4 .timeline-v4-right-wing .timeline-v4-badge-icon {

    margin-left: 0;

  }

  .timeline-v4 .timeline-v4-panel.timeline-v4-panel-left:after {

    position: absolute;

    top: 50px;

    left: auto;

    right: 100%;

    border-width: 15px 20px 15px 0;

    border-color: transparent #fff transparent transparent;

    margin-left: -3px;

  }

}



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

    [Call To Action v1]

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

.call-to-action-v1 {

  position: relative;

  z-index: 1;

  background: url(../../style/img/1920x1080/10.jpg) no-repeat;

  background-size: cover;

  background-position: center top;

}



.call-to-action-v1:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.7);

  content: " ";

}



.call-to-action-v1 .call-to-action-v1-title {

  font-size: 36px;

  color: #fff;

}



.call-to-action-v1 .call-to-action-v1-text {

  font-size: 22px;

  color: #fff;

  opacity: .8;

  margin-bottom: 0;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .call-to-action-v1 .call-to-action-v1-title {

    font-size: 28px;

  }

}



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

    [Call To Action v2]

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

.call-to-action-v2 .call-to-action-v2-title {

  font-size: 30px;

  margin-bottom: 10px;

}



.call-to-action-v2 .call-to-action-v2-text {

  font-size: 18px;

  font-style: italic;

  margin-bottom: 0;

}



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

    [Call To Action v3]

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

.call-to-action-v3 {

  text-align: center;

}



.call-to-action-v3 .call-to-action-badge {

  font-size: 18px;

  font-weight: 400;

  padding: 10px;

  margin-right: 10px;

}



.call-to-action-v3 .call-to-action-v3-text {

  font-size: 18px;

  font-weight: 300;

}



.call-to-action-v3 .call-to-action-v3-text .call-to-action-text-bold {

  font-size: 20px;

  font-weight: 500;

  color: #34343c;

  margin-right: 10px;

}



.call-to-action-v3 .call-to-action-v3-link {

  display: inline-block;

  font-size: 16px;

  font-weight: 300;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .call-to-action-v3 .call-to-action-v3-text {

    display: block;

    margin: 5px 0;

  }

}



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

    [Clients v1]

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

.clients-v1 {

  margin-bottom: 0;

}



.clients-v1 .clients-v1-item {

  position: relative;

  width: 135px;

  height: 135px;

  overflow: hidden;

}



.clients-v1 .clients-v1-item .clients-v1-img {

  display: block;

  width: 135px;

  height: 135px;

  text-align: center;

}



.clients-v1 .clients-v1-item .clients-v1-img-default {

  opacity: 1;

  background: #34343c;

  position: absolute;

  top: 0;

  left: 0;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.clients-v1 .clients-v1-item .clients-v1-img-active {

  opacity: 0;

  position: absolute;

  top: -100%;

  left: 0;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.clients-v1 .clients-v1-item:hover .clients-v1-img-default {

  opacity: 0;

  position: absolute;

  top: 100%;

  left: 0;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.clients-v1 .clients-v1-item:hover .clients-v1-img-active {

  opacity: 1;

  position: absolute;

  top: 0;

  left: 0;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Clients v2]

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

.clients-v2 {

  position: relative;

  z-index: 1;

  text-align: center;

  background: url(../../style/img/1920x1080/22.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.clients-v2:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.5);

  content: " ";

}



.clients-v2 .clients-v2-content {

  padding: 15px;

}



.clients-v2 .clients-v2-content .clients-v2-img {

  width: 150px;

  height: 150px;

}



.clients-v2 .clients-v2-border-left,

.clients-v2 .clients-v2-border-right,

.clients-v2 .clients-v2-border-bottom {

  position: relative;

}



.clients-v2 .clients-v2-border-left:after,

.clients-v2 .clients-v2-border-right:after,

.clients-v2 .clients-v2-border-bottom:after {

  background: rgba(255, 255, 255, 0.4);

  content: " ";

}



.clients-v2 .clients-v2-border-left:after {

  position: absolute;

  top: 11px;

  right: 100%;

  width: 1px;

  height: 91%;

}



.clients-v2 .clients-v2-border-right:after {

  position: absolute;

  top: 0;

  right: 100%;

  width: 1px;

  height: 91%;

}



.clients-v2 .clients-v2-border-bottom:after {

  position: absolute;

  right: -3px;

  bottom: 0;

  width: 103.5%;

  height: 1px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .clients-v2 .clients-v2-border-left:after,

  .clients-v2 .clients-v2-border-right:after,

  .clients-v2 .clients-v2-border-bottom:after {

    background: 0;

  }

}



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

    [Counters v1]

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

.counters-v1 .counters-v1-border {

  border-left: 1px solid #ebeef6;

}



.counters-v1 .counters-v1-border.counters-v1-border-first {

  border-left: none;

}



.counters-v1 .counters-v1-body {

  text-align: center;

}



.counters-v1 .counters-v1-body .counters-v1-subtitle {

  font-size: 18px;

  color: #34343c;

  text-transform: uppercase;

  padding-right: 10px;

}



.counters-v1 .counters-v1-body .counters-v1-number {

  display: inline-block;

  font-size: 36px;

  font-weight: 500;

  color: #00bcd4;

}



.counters-v1 .counters-v1-body .counters-v1-title {

  display: block;

  font-size: 16px;

  margin: 0;

}



/* Media Queries above 768px */

@media (max-width: 768px) {

  .counters-v1 .counters-v1-border {

    border-left: none;

  }

  .counters-v1 .counters-v1-border-first,

  .counters-v1 .counters-v1-border-second {

    margin-bottom: 20px;

  }

  .counters-v1 .counters-v1-border-third .counters-v1-body,

  .counters-v1 .counters-v1-border-fourth .counters-v1-body {

    border-top: 1px solid #dedede;

    padding-top: 10px;

    margin-top: 10px;

  }

}



/* Media Queries above 480px */

@media (max-width: 480px) {

  .counters-v1 .counters-v1-border-second .counters-v1-body {

    border-top: 1px solid #dedede;

    padding-top: 10px;

    margin-top: 10px;

  }

  .counters-v1 .counters-v1-border-third,

  .counters-v1 .counters-v1-border-fourth {

    margin-bottom: 20px;

  }

}



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

    [Counters v2]

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

.counters-v2 {

  text-align: center;

  padding: 60px 50px;

}



.counters-v2 .counters-v2-center-aligned {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



.counters-v2 .counters-v2-icon {

  display: block;

  font-size: 36px;

  color: #34343c;

  margin-bottom: 15px;

}



.counters-v2 .counters-v2-no {

  display: block;

  font-size: 34px;

  font-weight: 500;

  margin-bottom: 10px;

}



.counters-v2 .counters-v2-title {

  font-size: 20px;

  margin-bottom: 3px;

}



.counters-v2 .counters-v2-subtitle {

  display: block;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .counters-v2 .counters-v2-center-aligned {

    position: static;

    top: 0;

    left: 0;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



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

    [Counters v3

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

.counters-v3 {

  text-align: center;

  background: #fff;

  box-shadow: 0 2px 5px 3px #eff1f8;

  padding: 50px 20px;

}



.counters-v3 .counters-v3-icon {

  width: 90px;

  height: 90px;

  font-size: 36px;

  color: #00bcd4;

  text-align: center;

  box-shadow: 0 5px 10px 0 #f6f7fb;

  padding: 25px;

  margin-bottom: 20px;

}



.counters-v3 .counters-v3-number {

  font-size: 45px;

  font-weight: 400;

  color: #34343c;

  margin-bottom: 5px;

}



.counters-v3 .counters-v3-title {

  font-size: 20px;

  margin: 0;

}



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

    [Counters v4]

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

.counters-v4 {

  padding: 20px;

  text-align: center;

}



.counters-v4 .counters-v4-icon {

  font-size: 32px;

  color: #fff;

}



.counters-v4 .counters-v4-number {

  position: relative;

  display: block;

  font-size: 36px;

  font-weight: 400;

  color: #fff;

  margin-bottom: 20px;

}



.counters-v4 .counters-v4-number:after {

  position: absolute;

  left: 50%;

  bottom: -9px;

  width: 30px;

  height: 1px;

  background: #fff;

  content: " ";

  margin-left: -15px;

}



.counters-v4 .counters-v4-title {

  font-size: 20px;

  color: #fff;

  margin: 0;

}



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

  	[Diagonal Content Left v1]

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

.diagonal-content-left-v1 {

  position: relative;

  background: #f7f8fa;

}



.diagonal-content-left-v1:after {

  position: absolute;

  left: 100%;

  bottom: 0;

  width: 0;

  height: 0;

  display: block;

  border-top: 0 solid transparent;

  border-bottom: 700px solid transparent;

  border-left: 70px solid #f7f8fa;

  content: " ";

  margin-left: -1px;

}



/* White Version */

.diagonal-content-left-v1.diagonal-content-left-v1-white {

  background: #fff;

}



.diagonal-content-left-v1.diagonal-content-left-v1-white:after {

  border-left: 70px solid #fff;

}



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

    [Diagonal Content Right v1]

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

.diagonal-content-right-v1 {

  position: relative;

  background: #f7f8fa;

}



.diagonal-content-right-v1:after {

  position: absolute;

  right: 100%;

  bottom: 0;

  width: 0;

  height: 0;

  display: block;

  border-top: 700px solid transparent;

  border-bottom: 0 solid transparent;

  border-right: 70px solid #f7f8fa;

  content: " ";

  margin-right: -1px;

}



/* White Version */

.diagonal-content-right-v1.diagonal-content-right-v1-white {

  background: #fff;

}



.diagonal-content-right-v1.diagonal-content-right-v1-white:after {

  border-right: 70px solid #fff;

}



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

    [Equal Height Interactive Banner]

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

.equal-height-ib {

  position: relative;

  height: 500px;

  overflow: hidden;

}



.equal-height-ib.equal-height-ib-700 {

  height: 700px;

}



.equal-height-ib .equal-height-ib-one,

.equal-height-ib .equal-height-ib-two {

  position: absolute;

  height: 500px;

}



.equal-height-ib .equal-height-ib-one.equal-height-ib-one-700, .equal-height-ib .equal-height-ib-one.equal-height-ib-two-700,

.equal-height-ib .equal-height-ib-two.equal-height-ib-one-700,

.equal-height-ib .equal-height-ib-two.equal-height-ib-two-700 {

  height: 700px;

}



.equal-height-ib .equal-height-ib-one {

  left: 0;

}



.equal-height-ib .equal-height-ib-two {

  right: 0;

}



.equal-height-ib .equal-height-ib-ver-center-align {

  position: relative;

  top: 50%;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.equal-height-ib .equal-height-ib-bg-img {

  width: 100%;

  height: 100%;

}



/* Media Queries below 992px */

@media (max-width: 992px) {

  .equal-height-ib.equal-height-ib-md-break {

    position: static;

    height: auto;

  }

  .equal-height-ib.equal-height-ib-md-break.equal-height-ib-700 {

    height: auto;

  }

  .equal-height-ib.equal-height-ib-md-break .equal-height-ib-one,

  .equal-height-ib.equal-height-ib-md-break .equal-height-ib-two {

    position: relative;

  }

  .equal-height-ib.equal-height-ib-md-break .equal-height-ib-one.equal-height-ib-md-height-auto,

  .equal-height-ib.equal-height-ib-md-break .equal-height-ib-two.equal-height-ib-md-height-auto {

    height: auto;

  }

  .equal-height-ib.equal-height-ib-md-break .equal-height-ib-ver-center-align {

    position: static;

    top: 0;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .equal-height-ib {

    position: static;

    height: auto;

  }

  .equal-height-ib.equal-height-ib-700 {

    height: auto;

  }

  .equal-height-ib .equal-height-ib-one,

  .equal-height-ib .equal-height-ib-two {

    position: relative;

  }

  .equal-height-ib .equal-height-ib-one.equal-height-ib-sm-height-auto,

  .equal-height-ib .equal-height-ib-two.equal-height-ib-sm-height-auto {

    height: auto;

  }

  .equal-height-ib .equal-height-ib-ver-center-align {

    position: static;

    top: 0;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



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

    [Icons Box v1]

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

.icon-box-v1 {

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.icon-box-v1 .icon-box-v1-header {

  position: relative;

  text-align: center;

  padding: 70px 40px;

}



.icon-box-v1 .icon-box-v1-header.icon-box-v1-header-bg-one, .icon-box-v1 .icon-box-v1-header.icon-box-v1-header-bg-two, .icon-box-v1 .icon-box-v1-header.icon-box-v1-header-bg-three {

  -webkit-animation-duration: 5s;

  -moz-animation-duration: 5s;

  animation-duration: 5s;

  -webkit-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -ms-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  -moz-animation-direction: alternate;

  animation-direction: alternate;

}



.icon-box-v1 .icon-box-v1-header.icon-box-v1-header-bg-one {

  -webkit-animation-name: icon-box-v1-bg-color-one;

  -moz-animation-name: icon-box-v1-bg-color-one;

  animation-name: icon-box-v1-bg-color-one;

}



.icon-box-v1 .icon-box-v1-header.icon-box-v1-header-bg-two {

  -webkit-animation-name: icon-box-v1-bg-color-two;

  -moz-animation-name: icon-box-v1-bg-color-two;

  animation-name: icon-box-v1-bg-color-two;

}



.icon-box-v1 .icon-box-v1-header.icon-box-v1-header-bg-three {

  -webkit-animation-name: icon-box-v1-bg-color-three;

  -moz-animation-name: icon-box-v1-bg-color-three;

  animation-name: icon-box-v1-bg-color-three;

}



.icon-box-v1 .icon-box-v1-bg-icon {

  position: absolute;

  top: 45%;

  left: 47%;

  font-size: 53px;

  color: #fff;

  opacity: .1;

  -webkit-transform: translate3d(-48%, -48%, 0);

  -moz-transform: translate3d(-48%, -48%, 0);

  transform: translate3d(-48%, -48%, 0);

}



.icon-box-v1 .icon-box-v1-icon {

  z-index: 1;

  font-size: 50px;

  color: #fff;

}



.icon-box-v1 .icon-box-v1-content {

  background: #fff;

  padding: 40px;

}



.icon-box-v1 .icon-box-v1-title {

  font-size: 24px;

}



.icon-box-v1 .icon-box-v1-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 2;

  text-decoration: none;

}



.icon-box-v1:hover {

  box-shadow: 0 2px 5px 3px #eff1f8;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Icon Box v1 ackground Color One */

@-webkit-keyframes icon-box-v1-bg-color-one {

  0% {

    background: #00bcd4;

  }

  40% {

    background: #536dfe;

  }

  100% {

    background: #546e7a;

  }

}



@-moz-keyframes icon-box-v1-bg-color-one {

  0% {

    background: #00bcd4;

  }

  40% {

    background: #536dfe;

  }

  100% {

    background: #546e7a;

  }

}



@keyframes icon-box-v1-bg-color-one {

  0% {

    background: #00bcd4;

  }

  40% {

    background: #536dfe;

  }

  100% {

    background: #546e7a;

  }

}



/* Icon Box v1 ackground Color Two */

@-webkit-keyframes icon-box-v1-bg-color-two {

  0% {

    background: #e55973;

  }

  40% {

    background: #b260ce;

  }

  100% {

    background: #e91e63;

  }

}



@-moz-keyframes icon-box-v1-bg-color-two {

  0% {

    background: #e55973;

  }

  40% {

    background: #b260ce;

  }

  100% {

    background: #e91e63;

  }

}



@keyframes icon-box-v1-bg-color-two {

  0% {

    background: #e55973;

  }

  40% {

    background: #b260ce;

  }

  100% {

    background: #e91e63;

  }

}



/* Icon Box v1 ackground Color Three */

@-webkit-keyframes icon-box-v1-bg-color-three {

  0% {

    background: #009688;

  }

  40% {

    background: #4fd2c2;

  }

  100% {

    background: #9e9e9e;

  }

}



@-moz-keyframes icon-box-v1-bg-color-three {

  0% {

    background: #009688;

  }

  40% {

    background: #4fd2c2;

  }

  100% {

    background: #9e9e9e;

  }

}



@keyframes icon-box-v1-bg-color-three {

  0% {

    background: #009688;

  }

  40% {

    background: #4fd2c2;

  }

  100% {

    background: #9e9e9e;

  }

}



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

    [Icons Box v2]

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

.icon-box-v2 {

  position: relative;

  background: #fff;

  border: 8px solid #fff;

  padding: 40px;

}



.icon-box-v2 .icon-box-v2-overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



.icon-box-v2 .icon-box-v2-overlay:before, .icon-box-v2 .icon-box-v2-overlay:after {

  position: absolute;

  top: 15px;

  left: 15px;

  right: 15px;

  bottom: 15px;

  z-index: 2;

  content: " ";

  opacity: 0;

  transition-duration: 600ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.icon-box-v2 .icon-box-v2-overlay:before {

  border-top: 1px solid #d3d3d9;

  border-bottom: 1px solid #d3d3d9;

  -webkit-transform: scale(0, 1);

  -moz-transform: scale(0, 1);

  transform: scale(0, 1);

}



.icon-box-v2 .icon-box-v2-overlay:after {

  border-left: 1px solid #d3d3d9;

  border-right: 1px solid #d3d3d9;

  -webkit-transform: scale(1, 0);

  -moz-transform: scale(1, 0);

  transform: scale(1, 0);

}



.icon-box-v2 .icon-box-v2-icons {

  font-size: 50px;

  color: #00bcd4;

  margin-bottom: 40px;

}



.icon-box-v2 .icon-box-v2-body-title {

  font-size: 24px;

  margin-bottom: 5px;

}



.icon-box-v2 .icon-box-v2-body-subtitle {

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

}



.icon-box-v2 .icon-box-v2-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 2;

  text-decoration: none;

}



.icon-box-v2:hover .icon-box-v2-overlay:before, .icon-box-v2:hover .icon-box-v2-overlay:after {

  opacity: 1;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-duration: 600ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Icons Box v3]

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

.icon-box-v3 .icon-box-v3-icons {

  display: block;

  font-size: 36px;

  color: #515160;

  margin: 0 0 20px 1px;

}



.icon-box-v3 .icon-box-v3-title {

  font-size: 22px;

  margin: 0 0 10px;

}



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

    [Icons Box v4]

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

.icon-box-v4 {

  overflow: hidden;

}



.icon-box-v4 .icon-box-v4-element {

  float: left;

  margin: 5px 20px 0 0;

}



.icon-box-v4 .icon-box-v4-body {

  overflow: hidden;

}



.icon-box-v4 .icon-box-v4-body .icon-box-v4-body-title {

  font-size: 22px;

  margin: 0 0 10px;

}



.icon-box-v4 .icon-box-v4-body .icon-box-v4-body-text {

  margin-bottom: 5px;

}



.icon-box-v4.icon-box-v4-right {

  text-align: right;

}



.icon-box-v4.icon-box-v4-right .icon-box-v4-element {

  float: right;

  margin: 5px 0 0 15px;

}



/* White Version */

.icon-box-v4.icon-box-v4-white .icon-box-v4-body .icon-box-v4-body-title {

  color: #fff;

}



.icon-box-v4.icon-box-v4-white .icon-box-v4-body .icon-box-v4-body-text {

  color: #fff;

  opacity: .8;

}



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

    [Icon Box v5]

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

.icon-box-v5:before, .icon-box-v5:after {

  content: " ";

  display: table;

}



.icon-box-v5:after {

  clear: both;

}



.icon-box-v5 .icon-box-v5-media {

  float: left;

  margin-right: 25px;

}



.icon-box-v5 .icon-box-v5-icon {

  width: 100px;

  height: auto;

}



.icon-box-v5 .icon-box-v5-content {

  overflow: hidden;

}



.icon-box-v5 .icon-box-v5-subtitle {

  display: block;

  font-size: 16px;

  font-weight: 400;

  color: #868686;

  margin-bottom: 5px;

}



.icon-box-v5 .icon-box-v5-title {

  font-size: 22px;

}



.icon-box-v5 .icon-box-v5-link {

  font-size: 14px;

  font-weight: 300;

}



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

    [Icons Box v6]

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

.icon-box-v6 {

  position: relative;

  z-index: 1;

  display: block;

  width: 100%;

  text-align: center;

  overflow: hidden;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.icon-box-v6.icon-box-v6-body-color-one {

  background: #55acee;

}



.icon-box-v6.icon-box-v6-body-color-two {

  background: #44619d;

}



.icon-box-v6.icon-box-v6-body-color-three {

  background: #ea4c89;

}



.icon-box-v6.icon-box-v6-body-color-four {

  background: #cc181e;

}



.icon-box-v6 .icon-box-v6-body {

  padding: 60px 40px;

}



.icon-box-v6 .icon-box-v6-body .icon-box-v6-icons {

  display: block;

  font-size: 50px;

  color: #fff;

  margin-bottom: 15px;

}



.icon-box-v6 .icon-box-v6-body .icon-box-v6-title {

  display: block;

  font-size: 26px;

  color: #fff;

  margin: 0;

}



.icon-box-v6 .icon-box-v6-body .icon-box-v6-subtitle {

  display: block;

  font-size: 15px;

  font-weight: 400;

  color: #fff;

  opacity: .8;

  margin-bottom: 10px;

}



.icon-box-v6 .icon-box-v6-body .icon-box-v6-text {

  font-style: italic;

  color: #fff;

  margin-bottom: 0;

}



.icon-box-v6 .icon-box-v6-hover-gradient {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  text-align: center;

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.icon-box-v6:hover:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  text-align: center;

  background: rgba(52, 52, 60, 0.4);

  content: " ";

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.icon-box-v6:hover .icon-box-v6-icons,

.icon-box-v6:hover .icon-box-v6-title,

.icon-box-v6:hover .icon-box-v6-subtitle,

.icon-box-v6:hover .icon-box-v6-text {

  opacity: .1;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.icon-box-v6:hover .icon-box-v6-hover-gradient {

  opacity: 1;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}



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

    [Image Gallery]

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

.image-gallery {

  position: relative;

  z-index: 1;

  text-align: center;

  overflow: hidden;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery .image-gallery-effect {

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery .image-gallery-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 188, 212, 0.6);

  opacity: 0;

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery .image-gallery-overlay-content {

  padding: 20px;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.image-gallery .image-gallery-overlay-content .image-gallery-title {

  font-size: 26px;

  color: #fff;

  margin-bottom: 3px;

  -webkit-transform: translate3d(0, 50%, 0);

  -moz-transform: translate3d(0, 50%, 0);

  transform: translate3d(0, 50%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery .image-gallery-overlay-content .image-gallery-subtitle {

  font-style: italic;

  color: #fff;

  -webkit-transform: translate3d(0, -10px, 0);

  -moz-transform: translate3d(0, -10px, 0);

  transform: translate3d(0, -10px, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery:hover {

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery:hover .image-gallery-effect {

  -webkit-transform: scale(1.07, 1.07);

  -moz-transform: scale(1.07, 1.07);

  transform: scale(1.07, 1.07);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery:hover .image-gallery-overlay {

  opacity: 1;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery:hover .image-gallery-overlay-content .image-gallery-title {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery:hover .image-gallery-overlay-content .image-gallery-subtitle {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Image Gallery v2]

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

.image-gallery-v2 {

  position: relative;

  z-index: 1;

  text-align: center;

  overflow: hidden;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery-v2 .image-gallery-v2-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 188, 212, 0.6);

  opacity: 0;

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery-v2 .image-gallery-v2-overlay-content {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  padding: 20px;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.image-gallery-v2:hover {

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery-v2:hover .image-gallery-v2-overlay {

  opacity: 1;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Image Gallery Video]

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

.image-gallery-video {

  position: relative;

  z-index: 1;

  text-align: center;

  overflow: hidden;

}



.image-gallery-video .image-gallery-video-center-align {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  display: block;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.image-gallery-video .image-gallery-video-player {

  display: inline-block;

  width: 50px;

  height: 50px;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery-video .image-gallery-video-title {

  position: absolute;

  top: 50%;

  left: 50%;

  width: auto;

  height: auto;

  display: inline-block;

  z-index: 1;

  overflow: hidden;

  font-size: 16px;

  color: #fff;

  text-align: right;

  text-decoration: none;

  opacity: 0;

  margin-top: -8px;

  -webkit-transform: translate3d(-50px, 0, 0);

  -moz-transform: translate3d(-50px, 0, 0);

  transform: translate3d(-50px, 0, 0);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery-video:hover .image-gallery-video-player {

  width: 40px;

  height: 40px;

  -webkit-transform: translate3d(-50px, 0, 0);

  -moz-transform: translate3d(-50px, 0, 0);

  transform: translate3d(-50px, 0, 0);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.image-gallery-video:hover .image-gallery-video-title {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

	[Interactive Banner v1]

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

.i-banner-v1 .i-banner-v1-heading {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: auto;

  display: block;

  padding: 40px;

  background-color: rgba(52, 52, 60, 0);

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(rgba(52, 52, 60, 0.9)));

  background-image: -webkit-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -moz-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -ms-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: -o-linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  background-image: linear-gradient(top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9));

  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='rgba(52, 52, 60, 0)', end-colourStr='rgba(52, 52, 60, 0.9)');

}



.i-banner-v1 .i-banner-v1-heading .i-banner-v1-member {

  font-size: 36px;

  color: #fff;

  margin: 0;

}



.i-banner-v1 .i-banner-v1-heading .i-banner-v1-member-position {

  display: block;

  font-size: 20px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

}



.i-banner-v1 .i-banner-v1-text {

  font-size: 18px;

  font-style: italic;

  line-height: 2;

}

.i-banner-v1-tit {

  color:#4b2110; font-size:30px; text-align:left;

}

.i-banner-v1 .i-banner-v1-quote {

  position: relative;

  top: 25px;

  margin-bottom: 0;

}



.i-banner-v1 .i-banner-v1-quote:before {

  font-size: 100px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  content: "“";

  color: #939393;

  line-height: .1;

}



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

    [Interactive Banner v2]

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

.i-banner-v2 {

  position: relative;

  z-index: 1;

  text-align: center;

  overflow: hidden;

}



.i-banner-v2:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.3);

  content: " ";

}



.i-banner-v2 .i-banner-v2-center-align {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



.i-banner-v2 .i-banner-v2-title {

  font-size: 50px;

  color: #fff;

  margin-bottom: 5px;

}



.i-banner-v2 .i-banner-v2-text {

  font-size: 20px;

  color: #fff;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .i-banner-v2 .i-banner-v2-title {

    font-size: 36px;

  }

  .i-banner-v2 .i-banner-v2-text {

    font-size: 15px;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .i-banner-v2 .i-banner-v2-title {

    font-size: 26px;

  }

  .i-banner-v2 .i-banner-v2-text {

    display: none;

  }

}



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

    [Interactive Banner v3]

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

.i-banner-v3 {

  position: relative;

  min-height: 600px;

  background: url(../../style/img/1920x1080/01.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.i-banner-v3 .i-banner-v3-wrap {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: auto;

  padding: 20px 20px 40px;

  background-color: rgba(52, 52, 60, 0);

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(#34343c));

  background-image: -webkit-linear-gradient(top, rgba(52, 52, 60, 0), #34343c);

  background-image: -moz-linear-gradient(top, rgba(52, 52, 60, 0), #34343c);

  background-image: -ms-linear-gradient(top, rgba(52, 52, 60, 0), #34343c);

  background-image: -o-linear-gradient(top, rgba(52, 52, 60, 0), #34343c);

  background-image: linear-gradient(top, rgba(52, 52, 60, 0), #34343c);

  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='rgba(52, 52, 60, 0)', end-colourStr='#34343c');

}



.i-banner-v3 .i-banner-v3-content {

  max-width: 500px;

}



.i-banner-v3 .i-banner-v3-subtitle {

  display: block;

  font-size: 22px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

  margin-bottom: 5px;

}



.i-banner-v3 .i-banner-v3-title {

  font-size: 34px;

  color: #fff;

}



.i-banner-v3 .i-banner-v3-text {

  font-size: 16px;

  color: #fff;

  line-height: 1.6;

  opacity: 0.8;

}



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

    [Newsletter v1]

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

.newsletter-v1 {

  background: url(../../style/img/1920x1080/19.jpg);

  background-size: cover;

  background-position: 50% 10%;

}



.newsletter-v1 .newsletter-v1-form {

  color: #34343c;

  width: 100%;

  height: 48px;

  border-color: #34343c;

}



.newsletter-v1 .newsletter-v1-form::-moz-placeholder {

  color: #34343c;

}



.newsletter-v1 .newsletter-v1-form:-ms-input-placeholder {

  color: #34343c;

}



.newsletter-v1 .newsletter-v1-form::-webkit-input-placeholder {

  color: #34343c;

}



.newsletter-v1 .newsletter-v1-form:focus {

  color: #34343c;

  border-color: #34343c;

}



.newsletter-v1 .newsletter-v1-form:focus::-moz-placeholder {

  color: #34343c;

}



.newsletter-v1 .newsletter-v1-form:focus:-ms-input-placeholder {

  color: #34343c;

}



.newsletter-v1 .newsletter-v1-form:focus::-webkit-input-placeholder {

  color: #34343c;

}



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

    [Newsletter v2]

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

.newsletter-v2 .newsletter-v2-title {

  position: relative;

  font-size: 30px;

  color: #fff;

  padding-left: 60px;

}



.newsletter-v2 .newsletter-v2-title:before {

  position: absolute;

  top: -30px;

  left: 0;

  display: inline-block;

  font-size: 100px;

  font-family: "Microsoft Yahei";

  color: #fff;

  opacity: .7;

  content: "“";

}



.newsletter-v2 .newsletter-v2-author {

  font-size: 16px;

  font-style: italic;

  color: #fff;

  opacity: .8;

  padding-left: 60px;

  margin-bottom: 0;

}



.newsletter-v2 .newsletter-v2-form {

  width: 100%;

  height: 48px;

  color: #f1f1f1;

  background: #2d2d34;

  border: none;

  margin-bottom: 20px;

}



.newsletter-v2 .newsletter-v2-form::-moz-placeholder {

  color: #f1f1f1;

}



.newsletter-v2 .newsletter-v2-form:-ms-input-placeholder {

  color: #f1f1f1;

}



.newsletter-v2 .newsletter-v2-form::-webkit-input-placeholder {

  color: #f1f1f1;

}



.newsletter-v2 .newsletter-v2-form:focus {

  color: #fff;

}



.newsletter-v2 .newsletter-v2-form:focus::-moz-placeholder {

  color: #fff;

}



.newsletter-v2 .newsletter-v2-form:focus:-ms-input-placeholder {

  color: #fff;

}



.newsletter-v2 .newsletter-v2-form:focus::-webkit-input-placeholder {

  color: #fff;

}



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

    [Newsletter v3]

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

.newsletter-v3 .newsletter-v3-title {

  font-size: 16px;

  color: #fff;

  margin: 0;

}



.newsletter-v3 .newsletter-v3-subtitle {

  color: #fff;

}



.newsletter-v3 .newsletter-v3-form {

  height: 48px;

  background: #fff;

  border: none;

}



.newsletter-v3 .newsletter-v3-form:focus {

  background: #fdfdfd;

}



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

    [Newsletter v4]

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

.newsletter-v4 .newsletter-heading {

  text-align: right;

  padding-right: 30px;

}



.newsletter-v4 .newsletter-heading .newsletter-v4-title {

  font-size: 22px;

  margin: 0;

}



.newsletter-v4 .newsletter-heading .newsletter-v4-text {

  margin-bottom: 0;

}



.newsletter-v4 .newsletter-v4-form {

  width: 100%;

  height: 50px;

  color: #606060;

  border-radius: 3px !important;

  padding-left: 20px;

}



.newsletter-v4 .newsletter-v4-form::-moz-placeholder {

  color: #606060;

}



.newsletter-v4 .newsletter-v4-form:-ms-input-placeholder {

  color: #606060;

}



.newsletter-v4 .newsletter-v4-form::-webkit-input-placeholder {

  color: #606060;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .newsletter-v4 .newsletter-heading {

    text-align: center;

  }

}



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

    [Banner Image v1]

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

.banner-img-v1 {

  background: url(../../style/img/1920x1080/17.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



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

    [Banner Image v2]

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

.banner-img-v2 {

  position: relative;

  z-index: 1;

  background: url(../../style/img/1920x1080/40.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 0;

}



.banner-img-v2:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.9);

  content: " ";

}



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

    [Banner Image v3]

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

.banner-img-v3 {

  position: relative;

  z-index: 1;

  background: url(../../style/img/1920x1080/04.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 0;

}



.banner-img-v3:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.3);

  content: " ";

}



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

    [Banner Image v4]

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

.banner-img-v4 {

  position: relative;

  z-index: 1;

  background: url(../../style/img/1920x1080/12.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 0;

}



.banner-img-v4:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.8);

  content: " ";

}



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

    [Banner Image v5]

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

.banner-img-v5 {

  background: url(../../style/img/1920x1080/17.jpg) no-repeat;

  background-size: cover;

  background-position: center top;

}



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

    [Banner Image v6]

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

.banner-img-v6 {

  background: url(../../style/img/1920x1080/42.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



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

    [Banner Image v7]

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

.banner-img-v7 {

  background: url(../../style/img/1920x1080/46.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



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

    [Banner Image v8]

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

.banner-img-v8 {

  background: url(../../style/img/1920x1080/56.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



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

    [Banner Image v9]

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

.banner-img-v9 {

  background: url(../../style/img/1920x1080/57.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



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

    [Banner Image v10]

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

.banner-img-v10 {

  background: url(../../style/img/1920x1080/58.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



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

    [DZSParallaxer]

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

/* Settings */

.divimage {

  background-size: cover !important;

}



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

    [Parallax Content v1]

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

.parallax-content-v1 .parallax-content-v1-title {

  font-size: 50px;

  color: #fff;

  line-height: 1;

}



.parallax-content-v1 .parallax-content-v1-subtitle {

  font-size: 22px;

  font-style: italic;

  color: #fff;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .parallax-content-v1 .parallax-content-v1-title {

    font-size: 36px;

  }

  .parallax-content-v1 .parallax-content-v1-subtitle {

    font-size: 15px;

  }

}



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

    [Pie Chart v1]

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

.piechart-v1 {

  overflow: hidden;

}



.piechart-v1 .piechart-v1-wrap {

  float: left;

  margin-right: 20px;

}



.piechart-v1 .piechart-v1-wrap .circle .circles-text-v1 {

  color: #34343c;

  font-size: 32px !important;

}



.piechart-v1 .piechart-v1-body {

  overflow: hidden;

}



.piechart-v1 .piechart-v1-body .piechart-v1-body-title {

  font-size: 22px;

  margin: 0 0 5px;

}



.piechart-v1 .piechart-v1-body .piechart-v1-body-subtitle {

  display: block;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

  margin-bottom: 10px;

}



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

    [Pie Chart v2]

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

.piechart-v2 {

  text-align: center;

}



.piechart-v2 .piechart-v2-title {

  font-size: 22px;

}



.piechart-v2 .circle-v2 .circles-text-v2 {

  font-size: 20px !important;

  color: #fff;

}



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

    [Pricing List v1]

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

.pricing-list-v1 {

  border: 2px solid #f7f8fa;

  padding: 10px;

}



.pricing-list-v1 .pricing-list-v1-body {

  background: #f7f8fa;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header {

  border-bottom: 2px solid #fff;

  padding: 30px 0;

  margin: 0 30px;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-title {

  font-size: 24px;

  font-weight: 400;

  margin: 0 0 5px;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-subtitle {

  font-size: 14px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-price-sign {

  position: relative;

  top: -20px;

  font-size: 24px;

  font-weight: 400;

  color: #34343c;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-price {

  font-size: 45px;

  font-weight: 500;

  color: #34343c;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-price:after {

  font-size: 36px;

  font-weight: 400;

  content: "/";

  margin-right: -5px;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-price-info {

  font-size: 22px;

  font-weight: 400;

  color: #34343c;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-content {

  padding: 30px;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-content-list {

  margin-bottom: 20px;

}



.pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-content-list > li {

  padding: 5px;

}



/* Pricing List v1 Active */

.pricing-list-v1-active {

  z-index: 1;

  border-color: #f7f8fa;

  border-width: 2px;

  background: #fff;

}



.pricing-list-v1-active .pricing-list-v1-body {

  background: #fff;

}



.pricing-list-v1-active .pricing-list-v1-body .pricing-list-v1-header {

  border-color: #f7f8fa;

}



.pricing-list-v1-active .pricing-list-v1-body .pricing-list-v1-header-price,

.pricing-list-v1-active .pricing-list-v1-body .pricing-list-v1-header-price-sign,

.pricing-list-v1-active .pricing-list-v1-body .pricing-list-v1-header-price-info {

  color: #00bcd4;

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  .pricing-list-v1-active {

    -webkit-transform: scale(1.01, 1.07);

    -moz-transform: scale(1.01, 1.07);

    transform: scale(1.01, 1.07);

  }

}



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

    [Pricing List v2]

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

.pricing-list-v2 {

  box-shadow: 0 2px 5px 3px #eff1f8;

}



.pricing-list-v2 .pricing-list-v2-header {

  padding: 20px;

}



.pricing-list-v2 .pricing-list-v2-header-title {

  font-size: 20px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

  text-transform: inherit;

  text-align: right;

  margin: 0;

}



.pricing-list-v2 .pricing-list-v2-header-price-sign {

  position: relative;

  top: -22px;

  font-size: 20px;

  font-weight: 400;

  color: #fff;

}



.pricing-list-v2 .pricing-list-v2-header-price {

  font-size: 50px;

  font-weight: 500;

  color: #fff;

}



.pricing-list-v2 .pricing-list-v2-header-price:after {

  font-size: 26px;

  font-weight: 400;

  content: "/";

  margin-right: -5px;

}



.pricing-list-v2 .pricing-list-v2-header-price-info {

  font-size: 18px;

  font-weight: 500;

  color: #fff;

}



.pricing-list-v2 .pricing-list-v2-content {

  background: #fff;

  border: 1px solid #f7f8fa;

  padding: 30px;

}



.pricing-list-v2 .pricing-list-v2-content-list {

  margin-bottom: 20px;

}



.pricing-list-v2 .pricing-list-v2-content-list > li {

  padding: 5px;

}



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

    [Pricing List v3]

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

.pricing-list-v3 {

  text-align: center;

  padding: 80px 30px;

}



.pricing-list-v3 .pricing-list-v3-border {

  border-right: 1px solid rgba(255, 255, 255, 0.7);

}



.pricing-list-v3 .pricing-list-v3-title {

  font-size: 40px;

  color: #fff;

}



.pricing-list-v3 .pricing-list-v3-subtitle {

  display: block;

  font-size: 22px;

  font-weight: 300;

  color: #fff;

  margin-bottom: 10px;

}



.pricing-list-v3 .pricing-list-v3-text {

  display: block;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

  letter-spacing: 1px;

}



.pricing-list-v3 .pricing-list-v3-price-sign {

  position: relative;

  top: -20px;

  font-size: 18px;

  color: #fff;

}



.pricing-list-v3 .pricing-list-v3-price {

  font-size: 40px;

  font-weight: 400;

  color: #fff;

}



.pricing-list-v3 .pricing-list-v3-paragraph {

  color: #fff;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .pricing-list-v3 .pricing-list-v3-border {

    border-right: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.7);

    padding-bottom: 30px;

  }

}



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

    [Pricing List v4]

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

.pricing-list-v4 {

  text-align: center;

  background: #fff;

  box-shadow: 15px 15px 15px 0 #eff1f8;

}



.pricing-list-v4 .pricing-list-v4-header {

  border-bottom: 1px solid #e4e8f3;

  padding: 40px 20px 40px;

  margin: 10px 30px;

}



.pricing-list-v4 .pricing-list-v4-header .pricing-list-v4-title {

  font-size: 36px;

  margin-bottom: 0;

}



.pricing-list-v4 .pricing-list-v4-header .pricing-list-v4-subtitle {

  display: block;

  font-size: 16px;

  font-weight: 300;

}



.pricing-list-v4 .pricing-list-v4-content {

  padding: 40px 20px;

}



.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price-sign {

  position: relative;

  top: -30px;

  font-size: 20px;

}



.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price {

  font-size: 70px;

  font-weight: 400;

  line-height: .5;

  letter-spacing: -3px;

}



.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-subprice {

  font-size: 30px;

  font-weight: 400;

}



.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price-info {

  position: relative;

  display: block;

  letter-spacing: 1px;

}



.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price-info:before {

  font-size: 22px;

  font-weight: 300;

  content: "/";

  margin-right: 3px;

}



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

    [Process v1]

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

.process-v1 {

  position: relative;

  z-index: 1;

  width: 270px;

  height: 270px;

  text-align: center;

  border-radius: 50%;

  margin: 0 auto;

}



.process-v1:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.3);

  border-radius: 50%;

  content: " ";

}



.process-v1.img-one {

  background: url(../../style/img/500x500/11.jpg) no-repeat center center;

}



.process-v1.img-two {

  background: url(../../style/img/500x500/12.jpg) no-repeat center center;

}



.process-v1.img-three {

  background: url(../../style/img/500x500/13.jpg) no-repeat center center;

}



.process-v1 .process-v1-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 3;

  text-decoration: none;

}



.process-v1 .process-v1-body {

  position: absolute;

  top: 20px;

  left: 20px;

  right: 20px;

  bottom: 20px;

  width: 230px;

  height: 230px;

  background: #fff;

  box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.7);

  border-radius: 50%;

  text-decoration: none;

  -webkit-perspective: 800px;

  -moz-perspective: 800px;

  perspective: 800px;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.process-v1 .process-v1-flip {

  position: absolute;

  display: block;

  width: 230px;

  height: 230px;

  border-radius: 50%;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  transform-style: preserve-3d;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.process-v1 .process-v1-front,

.process-v1 .process-v1-back {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.process-v1 .process-v1-front:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.3);

  border-radius: 50%;

  content: " ";

}



.process-v1 .process-v1-front.img-one {

  background: url(../../style/img/500x500/11.jpg) no-repeat center center;

}



.process-v1 .process-v1-front.img-two {

  background: url(../../style/img/500x500/12.jpg) no-repeat center center;

}



.process-v1 .process-v1-front.img-three {

  background: url(../../style/img/500x500/13.jpg) no-repeat center center;

}



.process-v1 .process-v1-back {

  background: #00bcd4;

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



.process-v1 .process-v1-center-align {

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



.process-v1 .process-v1-title,

.process-v1 .process-v1-text {

  color: #fff;

  margin-bottom: 0;

}



.process-v1 .process-v1-title {

  font-size: 28px;

}



.process-v1:hover .process-v1-body {

  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.process-v1:hover .process-v1-flip {

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



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

    [Process v2]

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

.process-v2 {

  text-align: center;

  padding: 0 30px;

}



.process-v2 .process-v2-element {

  position: relative;

  z-index: 1;

  display: inline-block;

  width: 120px;

  height: 120px;

  font-size: 45px;

  color: #34343c;

  text-align: center;

  background: #fff;

  box-shadow: 0 0 0 8px #f7f8fa;

  border: 8px solid #f2f4f9;

  vertical-align: middle;

  padding: 21px;

  margin-bottom: 20px;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.process-v2 .process-v2-title {

  font-size: 22px;

  margin: 0 0 10px;

}



.process-v2:hover .process-v2-element {

  color: #fff;

  background: #00bcd4;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Proccess v2 Border */

.process-v2-border {

  position: relative;

}



.process-v2-border:after {

  position: absolute;

  top: 60px;

  left: 150px;

  display: block;

  width: 68%;

  border-top: 2px dotted #34343c;

  content: " ";

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .process-v2-border:after {

    display: none;

  }

}



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

    [Process v3]

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

.process-v3 {

  text-align: center;

}



.process-v3 .process-v3-element {

  position: relative;

  z-index: 1;

  display: inline-block;

  width: 130px;

  height: 130px;

  border: 5px solid #ebeef6;

  box-shadow: 0 0 0 12px #fff;

  margin-bottom: 20px;

}



.process-v3 .process-v3-title {

  font-size: 22px;

  margin: 0 0 10px;

}



/* Proccess v3 Border */

.process-v3-border {

  position: relative;

}



.process-v3-border:after {

  position: absolute;

  top: 65px;

  left: 150px;

  display: block;

  width: 75%;

  border-top: 2px dotted #ebeef6;

  content: " ";

}



/* Media Queries below 992px */

@media (max-width: 991px) {

  .process-v3-border:after {

    display: none;

  }

}



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

    [Promo Block v1]

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

.promo-block-v1 {

  position: relative;

  z-index: 1;

  background: url(../images/1920x1080/05.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.promo-block-v1:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.2);

  content: " ";

}



.promo-block-v1.promo-block-v1-bg-img-v2 {

  background: url(../images/1920x1080/45.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.promo-block-v1.promo-block-v1-bg-img-v3 {

  background: url(../images/1920x1080/53.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.promo-block-v1.promo-block-v1-bg-img-v3:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.4);

  content: " ";

}



.promo-block-v1 .promo-block-v1-title {

  font-size: 50px;

  color: #fff;

}



.promo-block-v1 .promo-block-v1-text {

  display: block;

  max-width: 500px;

  font-size: 20px;

  font-style: italic;

  color: #fff;

  text-align: center;

  margin: 0 auto;

}



/* Media Queries below 550px */

@media (max-width: 550px) {

  .promo-block-v1 .promo-block-v1-title {

    font-size: 36px;

  }

  .promo-block-v1 .promo-block-v1-text {

    font-size: 18px;

  }

}



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

    [Promo Block v2]

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

.promo-block-v2 {

  position: relative;

  z-index: 1;

  background: url(../images/1920x1080/48.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.promo-block-v2:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.3);

  content: " ";

}



.promo-block-v2 .promo-block-v2-title {

  font-size: 50px;

  color: #fff;

}



.promo-block-v2 .promo-block-v2-text {

  display: block;

  max-width: 500px;

  font-size: 20px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

  text-align: center;

  margin: 0 auto;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v2 .promo-block-v2-title {

    font-size: 36px;

  }

  .promo-block-v2 .promo-block-v2-text {

    font-size: 18px;

  }

}



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

    [Promo Block v3]

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

.promo-block-v3 {

  position: relative;

  z-index: 1;

  text-align: center;

  background: url(../images/1920x1080/39.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.promo-block-v3 .promo-block-v3-title {

  font-size: 70px;

  color: #fff;

}



.promo-block-v3 .promo-block-v3-subtitle {

  font-size: 36px;

  font-style: italic;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  color: #fff;

}



.promo-block-v3 .promo-block-v3-text {

  display: block;

  max-width: 500px;

  font-size: 26px;

  color: #fff;

  margin: 0 auto;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v3 .promo-block-v3-title {

    font-size: 50px;

  }

  .promo-block-v3 .promo-block-v3-text {

    font-size: 18px;

  }

}



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

    [Promo Block v4]

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

.promo-block-v4 {

  position: relative;

  z-index: 1;

  background: url(../images/1920x1080/47.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.promo-block-v4:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.2);

  content: " ";

}



.promo-block-v4 .promo-block-v4-title {

  display: inline-block;

  font-size: 100px;

  color: #fff;

  letter-spacing: 5px;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v4 .promo-block-v4-title {

    font-size: 70px;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .promo-block-v4 .promo-block-v4-title {

    font-size: 30px;

    letter-spacing: 0;

  }

}



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

    [Promo Block v5]

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

.promo-block-v5 {

  position: relative;

  z-index: 1;

  text-align: center;

  background: url(../images/1920x1080/51.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.promo-block-v5:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.4);

  content: " ";

}



.promo-block-v5.promo-block-v5-bg-img-v2 {

  background: url(../../style/img/1920x1080/04.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 50%;

}



.promo-block-v5.promo-block-v5-bg-img-v2:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.6);

  content: " ";

}



.promo-block-v5 .promo-block-v5-title {

  font-size: 70px;

  color: #fff;

}



.promo-block-v5 .promo-block-v5-subtitle {

  display: block;

  font-size: 22px;

  font-style: italic;

  color: #fff;

}



.promo-block-v5 .promo-block-v5-form {

  max-width: 800px;

  margin: 0 auto;

}



.promo-block-v5 .promo-block-v5-form-title {

  font-size: 22px;

  color: #fff;

}



.promo-block-v5 .promo-block-v5-form-input {

  width: 100%;

  height: 48px;

  background: rgba(255, 255, 255, 0.8);

  border: none;

}



.promo-block-v5 .promo-block-v5-form-input:focus {

  background: rgba(255, 255, 255, 0.9);

}



.promo-block-v5 .promo-block-v5-text {

  color: #fff;

  opacity: .9;

  margin-bottom: 0;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v5 .promo-block-v5-title {

    font-size: 50px;

  }

  .promo-block-v5 .promo-block-v5-subtitle {

    font-size: 18px;

  }

}



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

    [Promo Block v6]

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

.promo-block-v6 {

  position: relative;

  z-index: 1;

  background: url(../images/1920x1080/22.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.promo-block-v6:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.2);

  content: " ";

}



.promo-block-v6 .promo-block-v6-top-offset {

  padding-top: 170px;

}



.promo-block-v6 .promo-block-v6-title {

  font-size: 70px;

  color: #fff;

  letter-spacing: 1px;

}



.promo-block-v6 .promo-block-v6-text {

  font-size: 24px;

  color: #fff;

  opacity: .9;

  margin-bottom: 0;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v6 .promo-block-v6-title {

    font-size: 50px;

    letter-spacing: 0;

  }

  .promo-block-v6 .promo-block-v6-text {

    font-size: 20px;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .promo-block-v6 .promo-block-v6-title {

    font-size: 36px;

    letter-spacing: 0;

  }

  .promo-block-v6 .promo-block-v6-text {

    font-size: 18px;

  }

}



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

    [Promo Block v7]

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

.promo-block-v7 {

  position: relative;

  overflow: hidden;

  background: url(../images/1920x1080/41.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

  padding-top: 100px;

}



.promo-block-v7 .promo-block-v7-title {

  font-size: 50px;

  color: #fff;

  margin-bottom: 0;

}



.promo-block-v7 .promo-block-v7-text {

  color: #fff;

  opacity: .7;

  margin-bottom: 3px;

}



.promo-block-v7 .promo-block-v7-img-content {

  position: relative;

  height: 394px;

}



.promo-block-v7 .promo-block-v7-img-one {

  position: absolute;

  top: 0;

  left: 0;

}



.promo-block-v7 .promo-block-v7-img-two {

  position: absolute;

  top: 0;

  left: 0;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v7 .promo-block-v7-img-content {

    height: 100%;

  }

  .promo-block-v7 .promo-block-v7-img-one {

    position: inherit;

  }

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v7 .promo-block-v7-title {

    font-size: 36px;

  }

}



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

    [Promo Block v8]

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

.promo-block-v8 {

  position: relative;

  z-index: 1;

  background: url(../images/1920x1080/34.jpg) no-repeat;

  background-size: cover;

  background-position: center top;

  padding: 200px 0 70px;

}



.promo-block-v8:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.5);

  content: " ";

}



.promo-block-v8 .promo-block-v8-col {

  float: left;

  padding-left: 15px;

  padding-right: 15px;

}



.promo-block-v8 .promo-block-v8-col.promo-block-v8-col-right {

  float: right;

}



.promo-block-v8 .promo-block-v8-title {

  font-size: 70px;

  color: #fff;

  margin-bottom: 50px;

}



.promo-block-v8 .promo-block-v8-text {

  font-size: 16px;

  color: #fff;

}



.promo-block-v8 .promo-block-v8-pricing {

  overflow: hidden;

  border-right: 1px solid rgba(255, 255, 255, 0.3);

  padding-right: 30px;

}



.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-col {

  float: left;

  margin-right: 5px;

}



.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-sign,

.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-text,

.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-no,

.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-mon {

  font-weight: 300;

  color: #fff;

}



.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-sign {

  display: block;

  font-size: 20px;

  text-align: right;

}



.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-text {

  font-size: 18px;

}



.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-no {

  font-size: 100px;

  font-weight: 200;

  line-height: 0.8;

}



.promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-mon {

  display: block;

  font-size: 16px;

  margin-top: 50px;

}



.promo-block-v8 .promo-block-v8-video {

  text-decoration: none;

}



.promo-block-v8 .promo-block-v8-video .promo-block-v8-video-btn {

  font-size: 16px;

  font-weight: 300;

  color: #fff;

}



.promo-block-v8 .promo-block-v8-video .promo-block-v8-video-img {

  width: 40px;

  height: 40px;

  margin-left: 5px;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v8 .promo-block-v8-col {

    float: none;

    margin-right: 0;

  }

  .promo-block-v8 .promo-block-v8-col.promo-block-v8-col-right {

    float: none;

  }

  .promo-block-v8 .promo-block-v8-pricing {

    border-right: none;

  }

  .promo-block-v8 .promo-block-v8-video {

    float: none;

  }

}



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

    [Promo Block v9]

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

.promo-block-v9 {

  position: relative;

  text-align: center;

}



.promo-block-v9 .promo-block-v9-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.4);

  padding: 150px 0 80px;

}



.promo-block-v9 .promo-block-v9-title {

  font-size: 170px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 0;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .promo-block-v9 .promo-block-v9-title {

    font-size: 100px;

  }

}



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

    [Promo Block v10]

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

.promo-block-v10 {

  background: url(../../style/img/1920x1080/32.jpg) no-repeat;

  background-size: cover;

  background-position: center top;

}



.promo-block-v10 .promo-block-v10-title {

  font-size: 50px;

  color: #fff;

  line-height: 1;

  margin: 0 0 20px;

}



.promo-block-v10 .promo-block-v10-text {

  font-size: 18px;

  font-style: italic;

  color: #fff;

  margin-bottom: 0;

}



.promo-block-v10 .promo-block-v10-subtitle {

  font-size: 18px;

  color: #fff;

}



.promo-block-v10 .promo-block-v10-content {

  background: rgba(52, 52, 60, 0.7);

  padding: 40px;

}



.promo-block-v10 .promo-block-v10-form-input {

  color: #fff;

  background: rgba(255, 255, 255, 0.3);

  border: none;

}



.promo-block-v10 .promo-block-v10-form-input::-moz-placeholder {

  color: #fff;

}



.promo-block-v10 .promo-block-v10-form-input:-ms-input-placeholder {

  color: #fff;

}



.promo-block-v10 .promo-block-v10-form-input::-webkit-input-placeholder {

  color: #fff;

}



.promo-block-v10 .promo-block-v10-form-input:focus {

  color: #fff;

  background: rgba(255, 255, 255, 0.4);

}



.promo-block-v10 .promo-block-v10-form-input:focus::-moz-placeholder {

  color: #fff;

}



.promo-block-v10 .promo-block-v10-form-input:focus:-ms-input-placeholder {

  color: #fff;

}



.promo-block-v10 .promo-block-v10-form-input:focus::-webkit-input-placeholder {

  color: #fff;

}



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

    [Promo Block v11]

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

.promo-block-v11 {

  position: relative;

  z-index: 1;

  text-align: center;

  background: url(../images/1920x1080/33.jpg) no-repeat;

  background-size: cover;

  background-position: center top;

}



.promo-block-v11:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.4);

  content: " ";

}



.promo-block-v11 .promo-block-v11-title {

  font-size: 50px;

  color: #fff;

}



.promo-block-v11 .promo-block-v11-subtitle {

  font-size: 18px;

  color: #fff;

  margin-bottom: 0;

}



.promo-block-v11 .promo-block-v11-category {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 30px;

  margin: 0;

  padding: 0;

}



.promo-block-v11 .promo-block-v11-category .promo-block-v11-category-item {

  padding: 0 1px;

}



.promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link {

  min-width: 100px;

  display: block;

  font-size: 14px;

  color: #fff;

  text-align: center;

  background: rgba(255, 255, 255, 0.3);

  text-decoration: none;

  padding: 20px 25px;

}



.promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link:hover {

  background: rgba(255, 255, 255, 0.4);

}



.promo-block-v11 .promo-block-v11-category .promo-block-v11-category-icon {

  display: block;

  font-size: 30px;

  color: #fff;

  margin-bottom: 10px;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .promo-block-v11 .promo-block-v11-title {

    font-size: 30px;

    line-height: 1.2;

  }

  .promo-block-v11 .promo-block-v11-subtitle {

    font-size: 15px;

  }

  .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link {

    min-width: 1px;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-item {

    padding: 0 10px;

  }

  .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link {

    padding: 1px;

    background: rgba(255, 255, 255, 0);

  }

  .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link:hover {

    background: rgba(255, 255, 255, 0);

  }

}



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

    [Promo Block v12]

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

.promo-block-v12 {

  background: url(../images/1920x1080/44.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 50%;

}



.promo-block-v12 .promo-block-v12-wrap {

  position: relative;

  z-index: 1;

}



.promo-block-v12 .promo-block-v12-wrap:before {

  position: absolute;

  top: 0;

  right: 0;

  width: 50%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.9);

  content: " ";

}



.promo-block-v12 .promo-block-v12-title {

  font-size: 36px;

  color: #fff;

  line-height: 1.2;

  margin-bottom: 40px;

}



.promo-block-v12 .promo-block-v12-form {

  width: 100%;

  height: 48px;

  color: #34343c;

  background: #fff;

  border-color: #fff;

}



.promo-block-v12 .promo-block-v12-form::-moz-placeholder {

  color: #34343c;

}



.promo-block-v12 .promo-block-v12-form:-ms-input-placeholder {

  color: #34343c;

}



.promo-block-v12 .promo-block-v12-form::-webkit-input-placeholder {

  color: #34343c;

}



.promo-block-v12 .promo-block-v12-form:focus {

  color: #00bcd4;

  background: #fff;

  border-color: #fff;

}



.promo-block-v12 .promo-block-v12-form:focus::-moz-placeholder {

  color: #00bcd4;

}



.promo-block-v12 .promo-block-v12-form:focus:-ms-input-placeholder {

  color: #00bcd4;

}



.promo-block-v12 .promo-block-v12-form:focus::-webkit-input-placeholder {

  color: #00bcd4;

}



/* Media Queries below 992px */

@media (max-width: 992px) {

  .promo-block-v12 .promo-block-v12-wrap:before {

    width: 100%;

    height: 100%;

  }

  .promo-block-v12 .promo-block-v12-title {

    font-size: 26px;

  }

}



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

    [Promo Block v13]

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

.promo-block-v13 {

  position: relative;

  z-index: 1;

  background: url(../images/1920x1080/43.jpg) no-repeat;

  background-size: cover;

  background-position: center top;

}



.promo-block-v13:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.7);

  content: " ";

}



.promo-block-v13 .promo-block-v13-title {

  font-size: 50px;

  color: #fff;

  margin-bottom: 0;

}



.promo-block-v13 .promo-block-v13-text {

  color: #fff;

  opacity: .7;

  margin-bottom: 3px;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .promo-block-v13 .promo-block-v13-title {

    font-size: 26px;

  }

}



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

    [Serviecs v1]

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

.services-v1 {

  text-align: center;

  background: #fff;

  box-shadow: 0 2px 5px 3px #eff1f8;

  padding: 60px 40px;

}



.services-v1 .services-v1-icon-wrap {

  width: 150px;

  height: 150px;

  padding: 22px;

  margin: 0 auto 50px;

  box-shadow: 0 5px 10px 0 #f6f7fb;

}



.services-v1 .services-v1-icon-wrap .services-v1-icon {

  width: 90px;

  height: auto;

}



.services-v1 .services-v1-subtitle {

  display: block;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  margin-bottom: 5px;

}



.services-v1 .services-v1-title {

  font-size: 26px;

}



.services-v1 .services-v1-text {

  margin-bottom: 0;

}



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

    [Serviecs v2]

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

.services-v2 {

  position: relative;

  z-index: 1;

  overflow: hidden;

  padding: 30px;

}



.services-v2:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.7);

  content: " ";

}



.services-v2.services-v2-step-one {

  background: url(../../style/img/970x647/32.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v2.services-v2-step-two {

  background: url(../../style/img/970x647/33.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v2.services-v2-step-three {

  background: url(../../style/img/970x647/34.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v2 .services-v2-header {

  margin-bottom: 20px;

}



.services-v2 .services-v2-header .services-v2-header-subtitle {

  display: block;

  font-size: 18px;

  font-style: italic;

  color: #fff;

}



.services-v2 .services-v2-header .services-v2-header-title {

  font-size: 30px;

  font-weight: 400;

  color: #fff;

  text-transform: inherit;

  line-height: 1.1;

  margin: 0;

}



.services-v2 .services-v2-list {

  padding-left: 8px;

  margin-bottom: 0;

}



.services-v2 .services-v2-list .services-v2-list-item {

  position: relative;

  width: 100%;

  color: #fff;

  padding: 7px 0;

}



.services-v2 .services-v2-list .services-v2-list-item:before, .services-v2 .services-v2-list .services-v2-list-item:after {

  content: " ";

  display: table;

}



.services-v2 .services-v2-list .services-v2-list-item:after {

  clear: both;

}



.services-v2 .services-v2-list .services-v2-list-item:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: rgba(255, 255, 255, 0.3);

  content: " ";

}



.services-v2 .services-v2-list .services-v2-list-item:first-child:after {

  display: none;

}



.services-v2 .services-v2-list .services-v2-list-item .services-v2-list-subtitle {

  font-size: 14px;

  float: right;

  padding-left: 10px;

}



.services-v2 .services-v2-testimonials {

  overflow: hidden;

}



.services-v2 .services-v2-testimonials .services-v2-testimonials-quote {

  font-style: italic;

  color: #fff;

  margin-bottom: 20px;

}



.services-v2 .services-v2-testimonials .services-v2-testimonials-body {

  width: 40px;

}



.services-v2 .services-v2-testimonials .services-v2-testimonials-user-picture {

  width: 40px;

  height: 40px;

  border: 3px solid #fff;

  margin-left: 5px;

}



.services-v2 .services-v2-testimonials .services-v2-testimonials-author {

  font-size: 15px;

  color: #fff;

  margin: 0;

}



.services-v2 .services-v2-testimonials .services-v2-testimonials-author-comp {

  display: block;

  font-size: 13px;

  color: #fff;

}



.services-v2 .services-v2-form {

  height: 30px;

  color: #fff;

  background: 0;

  border: none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  padding: 0;

}



.services-v2 .services-v2-form::-moz-placeholder {

  color: #fff;

}



.services-v2 .services-v2-form:-ms-input-placeholder {

  color: #fff;

}



.services-v2 .services-v2-form::-webkit-input-placeholder {

  color: #fff;

}



.services-v2 .services-v2-form:focus {

  color: #fff;

  border-bottom-color: rgba(255, 255, 255, 0.5);

}



.services-v2 .services-v2-form:focus::-moz-placeholder {

  color: #fff;

}



.services-v2 .services-v2-form:focus:-ms-input-placeholder {

  color: #fff;

}



.services-v2 .services-v2-form:focus::-webkit-input-placeholder {

  color: #fff;

}



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

    [Serviecs v3]

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

.services-v3 {

  position: relative;

  padding: 25px;

}



.services-v3.services-v3-color-one {

  position: relative;

  z-index: 1;

  background: url(../../style/img/970x647/60.jpg) no-repeat;

  background-size: cover;

  background-position: center top;

}



.services-v3.services-v3-color-one:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(0, 150, 136, 0.8);

  content: " ";

}



.services-v3.services-v3-color-two {

  position: relative;

  z-index: 1;

  background: url(../../style/img/970x647/22.jpg) no-repeat;

  background-size: cover;

  background-position: center top;

}



.services-v3.services-v3-color-two:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(229, 89, 115, 0.8);

  content: " ";

}



.services-v3.services-v3-color-three {

  position: relative;

  z-index: 1;

  background: url(../../style/img/970x970/27.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v3.services-v3-color-three:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(0, 188, 212, 0.8);

  content: " ";

}



.services-v3.services-v3-color-four {

  position: relative;

  z-index: 1;

  background: url(../../style/img/970x647/48.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v3.services-v3-color-four:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(178, 96, 206, 0.8);

  content: " ";

}



.services-v3.services-v3-color-five {

  position: relative;

  z-index: 1;

  background: url(../../style/img/970x647/44.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v3.services-v3-color-five:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.8);

  content: " ";

}



.services-v3 .services-v3-header {

  padding-bottom: 50px;

}



.services-v3 .services-v3-header .services-v3-title {

  font-size: 26px;

  color: #fff;

  margin: 0 0 10px;

}



.services-v3 .services-v3-header .services-v3-text {

  color: #fff;

}



.services-v3 .services-v3-content .services-v3-content-element {

  position: absolute;

  left: 25px;

  bottom: 25px;

  font-size: 36px;

  color: #fff;

  margin-right: 10px;

}



.services-v3 .services-v3-content .services-v3-content-link {

  position: absolute;

  right: 25px;

  bottom: 25px;

  font-size: 13px;

  background: rgba(52, 52, 60, 0.3);

  color: #fff;

  padding: 3px 8px;

  transition-duration: 250ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v3 .services-v3-content .services-v3-content-link:hover {

  color: #34343c;

  background: white;

  text-decoration: none;

  transition-duration: 250ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Serviecs v4]

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

.services-v4 {

  position: relative;

  padding: 20px;

}



.services-v4:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(255, 255, 255, 0.15);

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v4 .services-v4-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 2;

  text-decoration: none;

}



.services-v4 .services-v4-media {

  max-width: 90px;

  min-width: 90px;

}



.services-v4 .services-v4-media .services-v4-icon {

  width: 70px;

  height: 70px;

}



.services-v4 .services-v4-body {

  position: relative;

  z-index: 1;

}



.services-v4 .services-v4-body .services-v4-content {

  overflow: hidden;

}



.services-v4 .services-v4-body .services-v4-title,

.services-v4 .services-v4-body .services-v4-text,

.services-v4 .services-v4-body .services-v4-learn {

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v4 .services-v4-body .services-v4-title {

  font-size: 24px;

  color: #fff;

  margin: 0 0 10px;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.services-v4 .services-v4-body .services-v4-text {

  color: #fff;

  opacity: 1;

  margin-bottom: 5px;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.services-v4 .services-v4-body .services-v4-learn {

  font-weight: 500;

  display: block;

  color: #34343c;

  opacity: 0;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.services-v4:hover:before {

  background: white;

  -webkit-transform: scale(1.075, 1.075);

  -moz-transform: scale(1.075, 1.075);

  transform: scale(1.075, 1.075);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v4:hover .services-v4-title,

.services-v4:hover .services-v4-text,

.services-v4:hover .services-v4-learn {

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v4:hover .services-v4-title {

  color: #34343c;

  opacity: 0;

  -webkit-transform: translate3d(0, -100%, 0);

  -moz-transform: translate3d(0, -100%, 0);

  transform: translate3d(0, -100%, 0);

}



.services-v4:hover .services-v4-text {

  color: #606060;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.services-v4:hover .services-v4-learn {

  margin-bottom: 0;

  opacity: 1;

  -webkit-transform: translate3d(0, -100%, 0);

  -moz-transform: translate3d(0, -100%, 0);

  transform: translate3d(0, -100%, 0);

}



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

    [Service Block v5]

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

.services-v5 .services-v5-wrap {

  display: block;

  overflow: hidden;

  margin-bottom: 10px;

}



.services-v5 .services-v5-wrap .services-v5-no {

  position: relative;

  display: inline-block;

  font-size: 36px;

  font-style: italic;

  font-weight: 700;

  color: #34343c;

  padding-right: 20px;

}



.services-v5 .services-v5-wrap .services-v5-no:after {

  position: absolute;

  top: 12px;

  right: 8px;

  width: 1px;

  height: 28px;

  display: inline-block;

  background: #34343c;

  content: " ";

  -webkit-transform: rotate(30deg);

  -moz-transform: rotate(30deg);

  transform: rotate(30deg);

}



.services-v5 .services-v5-wrap .services-v5-body-title {

  display: inline-block;

  font-size: 16px;

  font-style: italic;

  line-height: 1;

  text-transform: inherit;

  margin: 0;

}



.services-v5 .services-v5-text {

  font-size: 14px;

}



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

    [Serviecs v6]

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

.services-v6 {

  position: relative;

  z-index: 1;

  text-align: center;

  padding: 0px 40px;

}



.services-v6:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.4);

  content: " ";

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v6.services-v6-bg-img-one {

 /* background: url(../../style/img/970x970/10.jpg) no-repeat;

  background-size: cover;

  background-position: center center;*/

}



.services-v6.services-v6-bg-img-two {

 /* background: url(../../style/img/970x970/12.jpg) no-repeat;

  background-size: cover;

  background-position: center center;*/

}



.services-v6.services-v6-bg-img-three {

  background: url(../../style/img/970x970/09.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v6.services-v6-bg-img-four {

  background: url(../../style/img/970x970/13.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v6 .services-v6-icon {

  display: inline-block;

  width: 130px;

  height: 130px;

  font-size: 22px;

  color: #956b4a;

  line-height: 1.2;

  text-align: center;

  border: 2px solid #956b4a;

  vertical-align: middle;

  padding: 20px;

  margin-bottom: 30px;

      color: #956b4a;

	  position:relative;

    z-index: 99;

	font-style:normal !important;

}

.services-v6 .services-v6-icon:hover {

  border: 2px solid #fed939;

}

.services-v6 .services-v6-title {

  font-size: 24px;

  color: #fff;

}



.services-v6 .services-v6-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 3;

  text-decoration: none;

  background:#fff;

}



.services-v6:hover:before {

  background: rgba(0, 188, 212, 0.8);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Service Block v7]

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

.services-v7 {

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.services-v7:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.7);

  content: " ";

}



.services-v7.services-v7-img-one, .services-v7.services-v7-img-two, .services-v7.services-v7-img-three {

  width: 100%;

  height: 450px;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v7.services-v7-img-one {

  background: url(../../style/img/970x970/19.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v7.services-v7-img-two {

  background: url(../../style/img/970x970/21.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v7.services-v7-img-three {

  background: url(../../style/img/970x970/23.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v7 .services-v7-body {

  position: relative;

  top: 50%;

  padding: 40px;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.services-v7 .services-v7-title {

  font-size: 28px;

  color: #fff;

}



.services-v7 .services-v7-text {

  color: #fff;

}



.services-v7 .services-v7-more {

  overflow: hidden;

}



.services-v7 .services-v7-link {

  display: block;

  text-decoration: none;

}



.services-v7 .services-v7-link-title {

  opacity: 0;

  color: #fff;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v7 .services-v7-link-icon {

  position: relative;

  display: inline-block;

  width: 40px;

  height: 40px;

  font-size: 24px;

  font-style: inherit;

  font-family: FontAwesome;

  color: #fff;

  text-align: center;

  border: 1px solid #fff;

  vertical-align: middle;

  padding: 3px;

  margin-right: 10px;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v7 .services-v7-link-icon:before {

  content: "\f107";

}



.services-v7 .services-v7-link-icon:hover {

  background: #00bcd4;

  border-color: #00bcd4;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v7:hover.services-v7-img-one, .services-v7:hover.services-v7-img-two, .services-v7:hover.services-v7-img-three {

  width: 100%;

  height: 450px;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v7:hover.services-v7-img-one {

  background: url(../../style/img/970x970/20.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v7:hover.services-v7-img-two {

  background: url(../../style/img/970x970/22.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v7:hover.services-v7-img-three {

  background: url(../../style/img/970x970/24.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.services-v7:hover .services-v7-link-title {

  opacity: 1;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v7:hover .services-v7-link-icon:before {

  position: absolute;

  top: 19px;

  left: 12px;

  width: 15px;

  height: 1px;

  background: #fff;

  content: " ";

}



.services-v7:hover .services-v7-link-icon:after {

  position: absolute;

  top: 12px;

  left: 19px;

  width: 1px;

  height: 15px;

  background: #fff;

  content: " ";

}



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

    [Serviecs v8]

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

.services-v8 {

  display: block;

  background: #f7f8fa;

  overflow: hidden;

  padding: 20px;

  margin-bottom: 10px;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v8 .services-v8-no,

.services-v8 .services-v8-text,

.services-v8 .services-v8-like,

.services-v8 .services-v8-like-amount,

.services-v8 .services-v8-like-icon {

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v8 .services-v8-no {

  width: 40px;

  font-size: 18px;

  font-weight: 300;

  color: #606060;

  text-align: center;

  margin-right: 10px;

}



.services-v8 .services-v8-text {

  font-size: 18px;

  font-weight: 300;

  color: #34343c;

}



.services-v8 .services-v8-like {

  float: right;

  text-align: center;

  opacity: 0;

  margin-right: -100px;

}



.services-v8 .services-v8-like .services-v8-like-amount {

  font-size: 18px;

  font-weight: 300;

  color: #fff;

  margin-right: 3px;

}



.services-v8 .services-v8-like .services-v8-like-icon {

  font-size: 18px;

}



.services-v8:focus, .services-v8:hover {

  text-decoration: none;

}



.services-v8:hover {

  background: #00bcd4;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v8:hover .services-v8-no,

.services-v8:hover .services-v8-text,

.services-v8:hover .services-v8-like,

.services-v8:hover .services-v8-like-amount,

.services-v8:hover .services-v8-like-icon {

  color: #fff;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.services-v8:hover .services-v8-no {

  opacity: 0;

  margin-left: -40px;

}



.services-v8:hover .services-v8-like {

  opacity: 1;

  margin-right: 0;

}



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

    [Service Block v9]

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

.services-v9 {

  text-align: center;

  padding: 80px 40px;

}



.services-v9 .services-v9-icon {

  display: block;

  font-size: 40px;

  color: #fff;

  opacity: .9;

  margin-bottom: 20px;

}



.services-v9 .services-v9-title {

  font-size: 28px;

  color: #fff;

}



.services-v9 .services-v9-text {

  font-size: 18px;

  color: #fff;

  opacity: .85;

  margin-bottom: 20px;

}



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

    [Slider Block v1]

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

.slider-block-v1 .slider-block-v1-subtitle {

  display: block;

  font-size: 14px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

  margin-bottom: 3px;

}



.slider-block-v1 .slider-block-v1-title {

  font-size: 26px;

  color: #fff;

}



.slider-block-v1 .slider-block-v1-paragraph {

  color: #d4d4d4;

  line-height: 2;

  margin-bottom: 15px;

}



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

    [Team v1]

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

.team-v1 {

  position: relative;

  overflow: hidden;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v1 .team-v1-content {

  z-index: 1;

  background: #eff2fc;

  text-align: center;

  padding: 15px;

}



.team-v1 .team-v1-content .team-v1-member {

  font-size: 18px;

  margin: 0 0 15px;

  -webkit-transform: translate3d(0, 100%, 0);

  -moz-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v1 .team-v1-content .team-v1-socials {

  opacity: 0;

  margin-bottom: 0;

  -webkit-transform: translate3d(0, 120%, 0);

  -moz-transform: translate3d(0, 120%, 0);

  transform: translate3d(0, 120%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v1 .team-v1-content .team-v1-socials .team-v1-socials-link {

  font-size: 14px;

  color: #34343c;

}



.team-v1 .team-v1-content .team-v1-socials .team-v1-socials-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.team-v1:hover {

  box-shadow: 0 0 40px -6px #d8dde6;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v1:hover .team-v1-content .team-v1-member {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v1:hover .team-v1-content .team-v1-socials {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Team v2]

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

.team-v2 {

  position: relative;

}



.team-v2 .team-v2-img-gradient {

  position: relative;

}



.team-v2 .team-v2-img-gradient:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(255, 255, 255, 0);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v2 .team-v2-content {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

  text-align: center;

}



.team-v2 .team-v2-center-align {

  width: 100%;

  height: auto;

  opacity: 0;

  -webkit-transform: scale(0, 0);

  -moz-transform: scale(0, 0);

  transform: scale(0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v2 .team-v2-member {

  font-size: 20px;

  margin: 0 0 5px;

}



.team-v2 .team-v2-member-position {

  display: block;

  font-size: 14px;

  color: #00bcd4;

}



.team-v2 .team-v2-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 3;

  text-decoration: none;

}



.team-v2:hover .team-v2-img-gradient:after {

  background: rgba(255, 255, 255, 0.9);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v2:hover .team-v2-center-align {

  opacity: 1;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Team v3]

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

.team-v3 {

  background: #fff;

  padding: 20px;

}



.team-v3 .team-v3-img-wrap {

  position: relative;

  overflow: hidden;

}



.team-v3 .team-v3-img-wrap .team-v3-overlay-content {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  text-align: center;

  opacity: 0;

  margin-bottom: 0;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.team-v3 .team-v3-header {

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: 1px solid #f1f1f1;

}



.team-v3 .team-v3-header .team-v3-member {

  font-size: 20px;

  margin: 0 0 5px;

}



.team-v3 .team-v3-header .team-v3-member-position {

  display: block;

  font-size: 14px;

  font-style: italic;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

}



.team-v3 .team-v3-paragraph a:hover {

  text-decoration: none;

}



.team-v3 .team-v3-member-contact {

  font-size: 13px;

}



.team-v3:hover .team-v3-overlay-content {

  opacity: 1;

  -webkit-transform: translate3d(0, -5px, 0);

  -moz-transform: translate3d(0, -5px, 0);

  transform: translate3d(0, -5px, 0);

  -webkit-transition: all 0.5 ease;

  -moz-transition: all 0.5 ease;

  transition: all 0.5 ease;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .team-v3 {

    text-align: center;

  }

  .team-v3 .team-v3-img-wrap {

    margin-right: 0;

  }

}



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

    [Team v4]

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

.tladv{ background:url(../images/adv.jpg) no-repeat center center;

 height:341px;}





.team-v4 {

  text-align: center;

  overflow: hidden;

}



.team-v4 .team-v4-img-wrap {

  position: relative;

  overflow: hidden;

}



.team-v4 .team-v4-overlay-content {

  position: absolute;

  left: 0;

  right: 0;

  bottom: -20%;

  text-align: center;

  margin-bottom: 0;

  opacity: 0;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v4 .team-v4-content {

  padding: 20px;

}



.team-v4 .team-v4-content .team-v4-member {

  font-size: 20px;

  color: #3a3a44;

  margin: 0;

}



.team-v4 .team-v4-content .team-v4-member-position {

  display: block;

  font-size: 14px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

}



.team-v4:hover .team-v4-overlay-content {

  bottom: 10px;

  opacity: 1;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Team v5]

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

.team-v5 .team-v5-header {

  position: relative;

}



.team-v5 .team-v5-header:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.3);

  content: " ";

}



.team-v5 .team-v5-gradient {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  text-align: center;

  padding: 10px;

}



.team-v5 .team-v5-gradient .team-v5-member {

  font-size: 20px;

  color: #fff;

  margin: 0;

}



.team-v5 .team-v5-gradient .team-v5-member-position {

  display: block;

  font-size: 14px;

  color: #fff;

}



.team-v5 .team-v5-content {

  background: #fff;

  text-align: center;

  padding: 20px;

}



.team-v5 .team-v5-content .team-v5-author-contact {

  font-style: italic;

  color: #3a3a44;

}



.team-v5 .team-v5-content .team-v5-author-contact:hover {

  color: #00bcd4;

}



.team-v5 .team-v5-content .progress-title {

  font-size: 13px;

}



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

    [Team v6]

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

.team-v6 {

  position: relative;

  overflow: hidden;

  text-align: center;

}



.team-v6 .team-v6-img-gradient {

  position: relative;

}



.team-v6 .team-v6-img-gradient:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.3);

  content: " ";

}



.team-v6 .team-v6-info {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: auto;

  padding: 20px;

}



.team-v6 .team-v6-member {

  font-size: 24px;

  color: #fff;

  opacity: 1;

  visibility: visible;

  margin-bottom: 0;

  -webkit-filter: blur(0);

  -moz-filter: blur(0);

  filter: blur(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v6 .team-v6-socials {

  opacity: 0;

  visibility: hidden;

  margin: -40px 0 0;

  -webkit-filter: blur(7px);

  -moz-filter: blur(7px);

  filter: blur(7px);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v6:hover .team-v6-member {

  -webkit-filter: blur(7px);

  -moz-filter: blur(7px);

  filter: blur(7px);

  opacity: 0;

  visibility: hidden;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.team-v6:hover .team-v6-socials {

  opacity: 1;

  visibility: visible;

  -webkit-filter: blur(0);

  -moz-filter: blur(0);

  filter: blur(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Testimonials v1]

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

.testimonials-v1 {

  position: relative;

  box-shadow: 0 4px 8px -3px #b6c1de;

  margin: 15px 0 10px;

}



.testimonials-v1:before {

  position: absolute;

  top: -10px;

  left: 9px;

  width: 95%;

  height: 20%;

  z-index: 1;

  background: #fdfdfd;

  box-shadow: inset 0 10px 10px 0 #fdfdfe;

  content: " ";

}



.testimonials-v1 .testimonials-v1-body {

  position: relative;

  z-index: 2;

  text-align: center;

  background: #fff;

  padding: 20px;

}



.testimonials-v1 .testimonials-v1-user-picture {

  width: 60px;

  height: 60px;

  border: 3px solid #ebeef6;

  margin-bottom: 15px;

}



.testimonials-v1 .testimonials-v1-quote {

  font-size: 14px;

}



.testimonials-v1 .testimonials-v1-author {

  font-size: 18px;

  color: #00bcd4;

  margin: 0 0 3px;

}



.testimonials-v1 .testimonials-v1-author-position {

  display: block;

  font-size: 15px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #3a3a44;

}



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

    [Testimonials v2]

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

.testimonials-v2 {

  position: relative;

  z-index: 1;

  padding: 0 10px;

}



.testimonials-v2.testimonials-v2-icon-one:before, .testimonials-v2.testimonials-v2-icon-two:before, .testimonials-v2.testimonials-v2-icon-three:before {

  position: absolute;

  top: -45px;

  right: -10px;

  display: inline-block;

  font-size: 100px;

  font-family: et-line;

  color: #fff;

  opacity: .2;

}



.testimonials-v2.testimonials-v2-icon-one:before {

  content: "\e02b";

}



.testimonials-v2.testimonials-v2-icon-two:before {

  content: "\e016";

}



.testimonials-v2.testimonials-v2-icon-three:before {

  content: "\e03c";

}



.testimonials-v2 .testimonials-v2-title,

.testimonials-v2 .testimonials-v2-quote,

.testimonials-v2 .testimonials-v2-author {

  color: #fff;

}



.testimonials-v2 .testimonials-v2-title {

  font-size: 24px;

}



.testimonials-v2 .testimonials-v2-quote {

  opacity: .8;

  margin-bottom: 25px;

}



.testimonials-v2 .testimonials-v2-author {

  display: block;

  font-size: 16px;

}



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

    [Testimonials v3]

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

.testimonials-v3 {

  text-align: center;

  background: #fff;

  box-shadow: 0 2px 5px 3px #eff1f8;

  padding: 30px;

  margin: 5px;

}



.testimonials-v3 .testimonials-v3-subtitle {

  position: relative;

  display: block;

  font-size: 16px;

  font-style: italic;

  margin: 50px 0 20px;

}



.testimonials-v3 .testimonials-v3-subtitle:before {

  position: absolute;

  top: -60px;

  left: 50%;

  font-size: 70px;

  font-family: "Microsoft Yahei";

  color: #34343c;

  content: "“";

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

}



.testimonials-v3 .testimonials-v3-title {

  font-size: 26px;

}



.testimonials-v3 .testimonials-v3-quote {

  margin-bottom: 10px;

}



.testimonials-v3 .testimonials-v3-user-img {

  display: block;

  width: 50px;

  height: 50px;

  margin: 0 auto 10px;

}



.testimonials-v3 .testimonials-v3-author {

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #3a3a44;

  margin-bottom: 0;

}



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

    [Testimonials v4]

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

.testimonials-v4 {

  text-align: center;

  padding: 20px 0;

}



.testimonials-v4 .testimonials-v4-header {

  padding: 0 50px;

}



.testimonials-v4 .testimonials-v4-header .testimonials-v4-subtitle {

  display: block;

  font-size: 18px;

  font-style: italic;

  color: #3a3a44;

  margin-bottom: 5px;

}



.testimonials-v4 .testimonials-v4-header .testimonials-v4-title {

  font-size: 26px;

}



.testimonials-v4 .testimonials-v4-img {

  width: 100px;

  height: auto;

  display: block;

  text-align: center;

  border: 5px solid rgba(255, 255, 255, 0.3);

  margin: 0 auto 20px;

}



.testimonials-v4 .testimonials-v4-quote {

  font-style: italic;

}



.testimonials-v4 .testimonials-v4-rating-list > li {

  padding: 0;

}



.testimonials-v4 .testimonials-v4-author {

  font-size: 18px;

  color: #00bcd4;

  margin-bottom: 10px;

}



.testimonials-v4 .testimonials-v4-author-position {

  font-size: 15px;

  font-style: italic;

  color: #606060;

}



/* Testimonials v4 White Version */

.testimonials-v4-white .testimonials-v4-header .testimonials-v4-subtitle {

  color: #fff;

}



.testimonials-v4-white .testimonials-v4-header .testimonials-v4-title {

  color: #fff;

}



.testimonials-v4-white .testimonials-v4-header .testimonials-v4-title:before, .testimonials-v4-white .testimonials-v4-header .testimonials-v4-title:after {

  background: #fff;

}



.testimonials-v4-white .testimonials-v4-quote {

  color: #fff;

}



.testimonials-v4-white .testimonials-v4-author-position {

  color: #f1f1f1;

}



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

    [Testimonials v5]

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

.testimonials-v5 {

  text-align: center;

}



.testimonials-v5 .testimonials-v5-quote {

  position: relative;

  margin-bottom: 30px;

}



.testimonials-v5 .testimonials-v5-quote:before {

  position: absolute;

  top: -25px;

  left: 50%;

  width: 40px;

  height: 1px;

  background: #fff;

  content: " ";

  margin-left: -20px;

}



.testimonials-v5 .testimonials-v5-img {

  width: 100px;

  height: auto;

  display: block;

  text-align: center;

  border: 5px solid #fff;

  margin: 0 auto 20px;

}



.testimonials-v5 .testimonials-v5-author {

  font-size: 26px;

  color: #00bcd4;

}



.testimonials-v5 .testimonials-v5-quote-text {

  font-size: 24px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

}



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

    [Testimonials v6]

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

.testimonials-v6 {

  background: #f7f8fa;

  padding: 60px 0;

}



.testimonials-v6 .testimonials-v6-quote {

  position: relative;

  background: #fff;

  box-shadow: 3px 3px 3px 0 rgba(182, 193, 222, 0.3);

  padding: 15px;

  margin-bottom: 25px;

}



.testimonials-v6 .testimonials-v6-quote:after {

  position: absolute;

  left: 40px;

  bottom: -18px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 20px 20px 0 0;

  border-color: #fff transparent transparent;

  filter: drop-shadow(2px 2px 1px rgba(182, 193, 222, 0.3));

  -moz-filter: drop-shadow(2px 2px 1px rgba(182, 193, 222, 0.3));

  -webkit-filter: drop-shadow(2px 2px 1px rgba(182, 193, 222, 0.3));

  content: " ";

}



.testimonials-v6 .testimonials-v6-author {

  overflow: hidden;

}



.testimonials-v6 .testimonials-v6-author .testimonials-v6-user-picture {

  width: 55px;

  height: 55px;

  float: left;

  border: 2px solid #fff;

  margin-right: 15px;

}



.testimonials-v6 .testimonials-v6-element {

  overflow: hidden;

  margin-top: 3px;

}



.testimonials-v6 .testimonials-v6-element .testimonials-v6-author {

  font-size: 18px;

  color: #00bcd4;

  margin: 0 0 2px;

}



.testimonials-v6 .testimonials-v6-element .testimonials-v6-position {

  display: block;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #606060;

}



.testimonials-v6 .testimonials-v6-quote-text {

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #3a3a44;

}



/* Testimonials v6 White Version */

.testimonials-v6-white .testimonials-v6-quote {

  color: #fff;

  background: #e4e4e4;

}



.testimonials-v6-white .testimonials-v6-quote:after {

  border-color: #e4e4e4 transparent transparent;

}



.testimonials-v6-white .testimonials-v6-element .testimonials-v6-author-position {

  color: #f1f1f1;

}



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

    [Testimonials v7]

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

.testimonials-v7 {

  position: relative;

  z-index: 1;

  background: url(../../style/img/1920x1080/08.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 0%;

}



.testimonials-v7:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.8);

  content: " ";

}



.testimonials-v7 .testimonials-v7-title {

  position: relative;

  font-size: 36px;

  font-weight: 300;

  color: #fff;

  line-height: 1.2;

  text-align: right;

  padding-left: 50px;

  margin-bottom: 0;

}



.testimonials-v7 .testimonials-v7-title:before {

  position: absolute;

  top: -25px;

  left: 0;

  display: inline-block;

  font-size: 100px;

  font-family: "Microsoft Yahei";

  color: #fff;

  content: "“";

}



.testimonials-v7 .testimonials-v7-author {

  position: relative;

  display: block;

  font-size: 18px;

  font-style: italic;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

  padding-left: 30px;

}



.testimonials-v7 .testimonials-v7-author:before {

  position: absolute;

  top: 13px;

  left: 0;

  width: 20px;

  height: 1px;

  display: inline-block;

  background: #00bcd4;

  content: " ";

}



.testimonials-v7 .testimonials-v7-text {

  font-size: 16px;

  font-style: italic;

  color: #fff;

  line-height: 1.6;

  opacity: .95;

}



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

    [Video Background]

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

.responsive-video {

  position: relative;

  height: 0;

  padding-bottom: 56.25%;

  /* 16:9 */

}



.responsive-video iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



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

    [HTML5 Video Background]

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

.html5-video-bg > div:first-child {

  z-index: 0 !important;

}



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

    [Work v1]

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

.work-v1 {

  position: relative;

  box-shadow: 0 2px 5px 3px #eff1f8;

  overflow: hidden;

}



.work-v1 .work-v1-img-gradient {

  position: relative;

  display: block;

  text-decoration: none;

}



.work-v1 .work-v1-img-gradient:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.work-v1 .work-v1-img-gradient .work-v1-view {

  position: absolute;

  top: 0;

  left: 50%;

  opacity: 0;

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.work-v1 .work-v1-wrap {

  position: relative;

}



.work-v1 .work-v1-content {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: auto;

  background: #fff;

  padding: 20px;

}



.work-v1 .work-v1-badge {

  position: absolute;

  top: -15px;

  right: 30px;

  color: #fff;

  background: #00bcd4;

  padding: 5px 10px;

  text-align: center;

}



.work-v1 .work-v1-title {

  font-size: 20px;

  margin-bottom: 10px;

}



.work-v1 .work-v1-list {

  margin-bottom: 0;

}



.work-v1 .work-v1-list > li {

  position: relative;

  color: #606060;

  padding: 0 20px 0 0;

}



.work-v1 .work-v1-list > li:after {

  position: absolute;

  top: 4px;

  right: 8px;

  display: inline-block;

  width: 1px;

  height: 12px;

  background: #606060;

  content: " ";

}



.work-v1 .work-v1-list > li:last-child:after {

  display: none;

}



.work-v1 .work-v1-list .work-v1-category {

  font-size: 14px;

}



.work-v1 .work-v1-list .work-v1-category .work-v1-category-link {

  color: #606060;

}



.work-v1 .work-v1-list .work-v1-category .work-v1-category-link:hover {

  color: #00bcd4;

}



.work-v1 .work-v1-list .work-v1-date {

  font-size: 14px;

}



.work-v1 .work-v1-collapse {

  padding-top: 15px;

}



.work-v1:hover .work-v1-img-gradient:before {

  background: rgba(52, 52, 60, 0.3);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.work-v1:hover .work-v1-img-gradient .work-v1-view {

  top: 20%;

  opacity: 1;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Footer]

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

.footer {

  background: #34343c;

  padding: 50px 0 0;

}



.footer .footer-title {

  font-size: 24px;

  color: #fff;

  margin: 0 0 20px;

}



/* Footer Top */

.footer .footer-address .footer-address-text {

  font-size: 15px;

  color: #cccccc;

  margin-bottom: 5px;

}



.footer .footer-address .footer-address-link {

  display: inline-block;

  color: #cccccc;

  margin-bottom: 5px;

}



.footer .footer-address .footer-address-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



/* Footer Media */

.footer .footer-media {

  margin-bottom: 0;

}



.footer .footer-media .footer-media-item {

  padding: 7px 0;

}



.footer .footer-media .footer-media-item:before, .footer .footer-media .footer-media-item:after {

  content: " ";

  display: table;

}



.footer .footer-media .footer-media-item:after {

  clear: both;

}



.footer .footer-media .footer-media-item .footer-media-poster {

  float: left;

  margin: 12px 15px 0 0;

}



.footer .footer-media .footer-media-item .footer-media-img {

  width: 45px;

  height: 45px;

  border: 2px solid rgba(255, 255, 255, 0.2);

}



.footer .footer-media .footer-media-item .footer-media-info {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  overflow: hidden;

  padding-top: 10px;

}



.footer .footer-media .footer-media-item .footer-media-link {

  display: inline-block;

  font-size: 15px;

  color: #cccccc;

  margin-bottom: 5px;

}



.footer .footer-media .footer-media-item .footer-media-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.footer .footer-media .footer-media-item .footer-media-date {

  display: block;

  font-size: 12px;

  color: #bfbfbf;

}



.footer .footer-media .footer-media-item:first-child {

  padding-top: 0;

}



.footer .footer-media .footer-media-item:first-child .footer-media-poster {

  margin-top: 0;

}



.footer .footer-media .footer-media-item:first-child .footer-media-info {

  border-top: none;

  padding-top: 0;

}



/* Footer Tags */

.footer .footer-tags {

  margin: -5px 0 0;

}



.footer .footer-tags > li {

  padding: 5px 2px;

}



.footer .footer-tags > li > a {

  display: inline-block;

  font-size: 14px;

  color: #cccccc;

  border: 1px solid #bfbfbf;

  text-decoration: none;

  padding: 5px 10px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.footer .footer-tags > li > a:hover {

  color: #fff;

  background: #00bcd4;

  border-color: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Footer News List */

.footer .footer-news-list {

  margin-bottom: 0;

}



.footer .footer-news-list .footer-news-list-item {

  padding: 4px 0;

  color: #cccccc;

}



.footer .footer-news-list .footer-news-list-item .footer-news-list-icon {

  margin-right: 5px;

}



.footer .footer-news-list .footer-news-list-item .footer-news-list-link {

  font-size: 15px;

  color: #cccccc;

}



.footer .footer-news-list .footer-news-list-item .footer-news-list-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



/* Footer Video Info */

.footer .footer-video {

  position: relative;

  margin-bottom: 15px;

}



.footer .footer-video .footer-video-player {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.footer .footer-video-title {

  font-size: 16px;

  margin: 0;

}



.footer .footer-video-title .footer-video-title-link {

  color: #fff;

}



.footer .footer-video-title .footer-video-title-link:hover {

  color: #00bcd4;

}



/* Footer Testimonials */

.footer .footer-testimonials {

  overflow: hidden;

}



.footer .footer-testimonials .footer-testimonials-quote {

  font-size: 16px;

  font-style: italic;

  color: #cccccc;

  margin-bottom: 15px;

}



.footer .footer-testimonials .footer-testimonials-quote > p {

  display: inline;

  font-size: 16px;

  font-style: italic;

  color: #cccccc;

}



.footer .footer-testimonials .footer-testimonials-quote:before {

  position: relative;

  top: 15px;

  font-size: 50px;

  font-family: "Microsoft Yahei";

  color: #a6a6a6;

  line-height: 1;

  content: "“";

  margin-right: 5px;

}



.footer .footer-testimonials .footer-testimonials-author {

  font-size: 16px;

  font-style: italic;

  font-weight: 700;

  color: #fff;

  float: right;

}



/* Footer Copyright */

.footer .footer-copyright {

  border-top: 1px solid #2f2f37;

  border-bottom: 1px solid #2f2f37;

  padding: 15px 0px;

  margin-bottom: 0;

}



.footer .footer-copyright .footer-copyright-item {

  position: relative;

  font-size: 13px;

  color: #cccccc;

  padding: 0 10px;

}



.footer .footer-copyright .footer-copyright-item:after {

  position: absolute;

  top: 5px;

  left: -2px;

  width: 1px;

  height: 10px;

  background: rgba(255, 255, 255, 0.5);

  content: " ";

}



.footer .footer-copyright .footer-copyright-item > a {

  font-size: 13px;

  color: #cccccc;

}



.footer .footer-copyright .footer-copyright-item > a:hover {

  color: #00bcd4;

  text-decoration: none;

}



.footer .footer-copyright .footer-copyright-item:first-child {

  padding-left: 0;

}



.footer .footer-copyright .footer-copyright-item:first-child:after {

  display: none;

  content: " ";

}



/* Footer Toggle Trigger */

.footer .footer-copyright-item-toggle-trigger {

  float: right;

  padding: 0;

}



.footer .footer-copyright-item-toggle-trigger .footer-toggle-trigger-style {

  font-size: 13px;

  color: #fff;

  background: #2f2f37;

  border-radius: 3px;

  text-decoration: none;

  padding: 10px 13px;

}



.footer .footer-copyright-item-toggle-trigger .footer-toggle-trigger-style:after {

  font-size: 15px;

  font-family: FontAwesome;

  content: "\f106";

  margin-left: 10px;

}



.footer .footer-copyright-item-toggle-trigger .footer-toggle-trigger-style:hover {

  background: #2d2d34;

}



.footer .footer-copyright-item-toggle-trigger .footer-toggle-trigger-style.is-open:after {

  content: "\f107";

}



/* Footer Toggle Content */

.footer .footer-toggle {

  padding: 50px 0;

}



.footer .footer-toggle .footer-toggle-title {

  font-size: 20px;

  color: #fff;

  margin: 0 0 15px;

}



.footer .footer-toggle .footer-toggle-text {

  font-size: 13px;

  color: #cccccc;

  margin-bottom: 5px;

}



.footer .footer-toggle .footer-toggle-link {

  font-size: 13px;

  display: inline-block;

  color: #cccccc;

  margin-bottom: 5px;

}



.footer .footer-toggle .footer-toggle-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .footer .footer-toggle-trigger .footer-copyright-item-toggle-trigger {

    display: block;

    float: none;

    margin-top: 20px;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  /* Footer Toggle Trigger */

  .footer .footer-copyright-item-toggle-trigger {

    display: block;

    float: none;

    margin-top: 10px;

  }

}



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

    [Footer v2]

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

.footer-v2 {

  background: #00bcd4;

}



.footer-v2 .footer-v2-menu-list {

  float: left;

  text-align: center;

  margin: 7px 15px 0 0;

}



.footer-v2 .footer-v2-menu-list .footer-v2-menu-list-item {

  font-size: 18px;

  padding: 4px 10px;

}



.footer-v2 .footer-v2-menu-list .footer-v2-menu-list-item:first-child {

  padding-left: 0;

}



.footer-v2 .footer-v2-menu-list .footer-v2-menu-list-link {

  font-size: 18px;

  color: #fff;

  text-decoration: none;

}



.footer-v2 .footer-v2-menu-list .footer-v2-menu-list-link:hover {

  opacity: .7;

}



/* Copyright */

.footer-v2 .footer-v2-copyright .footer-v2-text {

  font-size: 14px;

  color: #fff;

  opacity: .8;

  margin-bottom: 0;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .footer-v2 {

    text-align: center;

  }

  .footer-v2 .footer-v2-menu-list {

    float: none;

    margin-bottom: 20px;

  }

}



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

    [Footer v3]

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

/* Footer v3 Content */

.footer-v3 {

  background: #f7f8fa;

}



/* Footer v3 Copyright */

.footer-v3-copyright {

  background: #fff;

  padding: 30px 0;

}



.footer-v3-copyright .footer-v3-copright-text {

  font-size: 14px;

  margin-bottom: 0;

}



.footer-v3-copyright .footer-v3-list {

  float: right;

  margin: 10px 0;

}



.footer-v3-copyright .footer-v3-list .footer-v3-list-item {

  font-size: 14px;

  padding: 0 15px;

}



.footer-v3-copyright .footer-v3-list .footer-v3-list-item:last-child {

  padding-right: 0;

}



.footer-v3-copyright .footer-v3-list .footer-v3-list-link {

  font-size: 14px;

  text-decoration: none;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  /* Footer v3 Copyright */

  .footer-v3-copyright {

    text-align: center;

  }

  .footer-v3-copyright .footer-v3-list {

    float: none;

  }

}



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

    [Footer v4]

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

.footer-v4 {

  position: relative;

  z-index: 1;

  background: url(../images/1920x1080/18.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

  padding-top: 50px;

}



.footer-v4:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.85);

  content: " ";

}



.footer-v4 .footer-v4-logo {

  width: 85px;

  height: auto;

  margin-bottom: 10px;

}



.footer-v4 .footer-v4-content {

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  padding: 40px 0;

}



.footer-v4 .footer-v4-content .footer-v4-title {

  font-size: 26px;

  color: #fff;

  margin: 0 0 25px;

}



.footer-v4 .footer-v4-service {

  margin-bottom: 0;

}



.footer-v4 .footer-v4-service .footer-v4-service-item {

  padding-top: 15px;

}



.footer-v4 .footer-v4-service .footer-v4-service-item:first-child {

  padding-top: 0;

}



.footer-v4 .footer-v4-service .footer-v4-service-item .footer-v4-service-icon {

  font-size: 15px;

  color: #00bcd4;

  margin-right: 7px;

}



.footer-v4 .footer-v4-service .footer-v4-service-item .footer-v4-service-link {

  font-size: 15px;

  color: #e6e6e6;

}



.footer-v4 .footer-v4-service .footer-v4-service-item .footer-v4-service-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.footer-v4 .footer-v4-news {

  margin-bottom: 0;

}



.footer-v4 .footer-v4-news .footer-v4-news-item {

  padding: 7px 0;

}



.footer-v4 .footer-v4-news .footer-v4-news-item:before, .footer-v4 .footer-v4-news .footer-v4-news-item:after {

  content: " ";

  display: table;

}



.footer-v4 .footer-v4-news .footer-v4-news-item:after {

  clear: both;

}



.footer-v4 .footer-v4-news .footer-v4-news-item .footer-v4-news-media {

  float: left;

  margin: 12px 15px 0 0;

}



.footer-v4 .footer-v4-news .footer-v4-news-item .footer-v4-news-img {

  width: 40px;

  height: 40px;

  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);

}



.footer-v4 .footer-v4-news .footer-v4-news-item .footer-v4-news-content {

  border-top: 1px solid rgba(255, 255, 255, 0.3);

  overflow: hidden;

  padding-top: 10px;

}



.footer-v4 .footer-v4-news .footer-v4-news-item .footer-v4-news-link {

  display: inline-block;

  font-size: 15px;

  color: #e6e6e6;

  margin-bottom: 5px;

}



.footer-v4 .footer-v4-news .footer-v4-news-item .footer-v4-news-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.footer-v4 .footer-v4-news .footer-v4-news-item .footer-v4-news-date {

  display: block;

  font-size: 12px;

  color: #bfbfbf;

}



.footer-v4 .footer-v4-news .footer-v4-news-item:first-child {

  padding-top: 0;

}



.footer-v4 .footer-v4-news .footer-v4-news-item:first-child .footer-v4-news-media {

  margin-top: 0;

}



.footer-v4 .footer-v4-news .footer-v4-news-item:first-child .footer-v4-news-content {

  border-top: none;

  padding-top: 0;

}



.footer-v4 .footer-v4-text {

  font-size: 15px;

  color: #e6e6e6;

  margin-bottom: 0;

}



.footer-v4 .footer-v4-link {

  display: inline-block;

  font-size: 15px;

  font-weight: 300;

  color: #e6e6e6;

}



.footer-v4 .footer-v4-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.footer-v4 .footer-v4-copyright {

  padding: 20px 0;

}



.footer-v4 .footer-v4-copyright .footer-v4-copyright-text {

  font-size: 15px;

  color: #cccccc;

  margin-bottom: 0;

}



.footer-v4 .footer-v4-copyright .footer-v4-terms-list {

  text-align: right;

  margin-bottom: 0;

}



.footer-v4 .footer-v4-copyright .footer-v4-terms-list .footer-v4-terms-item {

  position: relative;

  padding: 0 9px;

}



.footer-v4 .footer-v4-copyright .footer-v4-terms-list .footer-v4-terms-item:after {

  position: absolute;

  top: 5px;

  left: 0;

  width: 1px;

  height: 10px;

  background: rgba(255, 255, 255, 0.5);

  content: " ";

}



.footer-v4 .footer-v4-copyright .footer-v4-terms-list .footer-v4-terms-item:first-child {

  padding-left: 0;

  padding-right: 4px;

}



.footer-v4 .footer-v4-copyright .footer-v4-terms-list .footer-v4-terms-item:first-child:after {

  display: none;

  content: " ";

}



.footer-v4 .footer-v4-copyright .footer-v4-terms-list .footer-v4-terms-link {

  display: inline-block;

  font-size: 13px;

  color: #cccccc;

}



.footer-v4 .footer-v4-copyright .footer-v4-terms-list .footer-v4-terms-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .footer-v4 .footer-v4-copyright .footer-v4-copyright-text,

  .footer-v4 .footer-v4-copyright .footer-v4-terms-list {

    text-align: center;

  }

}



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

    [Footer v5]

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

.footer-v5 {

  overflow: hidden;

}



.footer-v5 .footer-v5-subtitle {

  display: block;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

  margin-bottom: 5px;

}



.footer-v5 .footer-v5-title {

  font-size: 26px;

  color: #fff;

  margin-bottom: 30px;

}



.footer-v5 .footer-v5-form {

  font-style: italic;

  color: #fff;

  background: transparent;

  border: none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

  border-radius: 0;

  padding: 0;

}



.footer-v5 .footer-v5-form::-moz-placeholder {

  color: #fff;

}



.footer-v5 .footer-v5-form:-ms-input-placeholder {

  color: #fff;

}



.footer-v5 .footer-v5-form::-webkit-input-placeholder {

  color: #fff;

}



.footer-v5 .footer-v5-form:focus {

  color: #fff;

}



.footer-v5 .footer-v5-form:focus::-moz-placeholder {

  color: #fff;

}



.footer-v5 .footer-v5-form:focus:-ms-input-placeholder {

  color: #fff;

}



.footer-v5 .footer-v5-form:focus::-webkit-input-placeholder {

  color: #fff;

}



.footer-v5 .footer-v5-content-subtitle {

  display: block;

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

}



.footer-v5 .footer-v5-content-title {

  font-size: 26px;

  margin-bottom: 20px;

}



.footer-v5 .footer-v5-content-text {

  margin-bottom: 20px;

}



.footer-v5 .footer-v5-list {

  margin-bottom: 0;

}



.footer-v5 .footer-v5-list .footer-v5-list-item {

  padding: 12px 0;

}



.footer-v5 .footer-v5-list .footer-v5-list-item .footer-v5-list-icon {

  position: relative;

  top: -1px;

  min-width: 25px;

  font-size: 18px;

  color: #34343c;

  text-align: center;

  vertical-align: middle;

  margin-right: 7px;

}



.footer-v5 .footer-v5-list .footer-v5-list-item .footer-v5-list-link {

  color: #606060;

}



.footer-v5 .footer-v5-list .footer-v5-list-item .footer-v5-list-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



/* Copyright */

.footer-v5-copyright {

  background: #34343c;

}



.footer-v5-copyright .footer-v5-copyright-logo {

  width: 85px;

  height: auto;

}



.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item {

  padding: 0 10px;

}



.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item .footer-v5-copright-socials-link {

  color: #fff;

  text-decoration: none;

}



.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item .footer-v5-copright-socials-link:hover {

  color: #00bcd4;

}



.footer-v5-copyright .footer-v5-copright-text {

  font-size: 14px;

  color: #cccccc;

  text-align: center;

  margin-bottom: 0;

}



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

    [Footer v6]

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

.footer-v6 {

  background: #fcfcfd;

}



.footer-v6 .footer-v6-logo-img {

  width: 85px;

  height: auto;

}



.footer-v6 .footer-v6-title {

  font-size: 22px;

}



.footer-v6 .footer-link-v6-list {

  margin-bottom: 0;

}



.footer-v6 .footer-link-v6-list .footer-link-v6-list-item {

  color: #606060;

  padding: 4px 0;

}



.footer-v6 .footer-link-v6-list .footer-link-v6-list-item .footer-link-v6-list-link {

  color: #606060;

}



.footer-v6 .footer-link-v6-list .footer-link-v6-list-item .footer-link-v6-list-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.footer-v6 .footer-link-v6-list .footer-link-v6-list-item-divider {

  border-bottom: 1px solid #ebeef6;

  padding-bottom: 10px;

  margin-bottom: 10px;

}



/* Footer v6 Copyright */

.footer-v6 .footer-v6-copyright {

  background: #f7f8fa;

  text-align: center;

  padding: 20px 0;

}



.footer-v6 .footer-v6-copyright .footer-v6-copyright-text {

  font-size: 14px;

  margin: 6px 0;

}



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

    [Footer v7]

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

.footer-v7 {

  position: relative;

  z-index: 1;

  background: url(../../style/img/1920x1080/15.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.footer-v7:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgba(52, 52, 60, 0.3);

  content: " ";

}



.footer-v7.footer-v7-gutter {

  padding-left: 30px;

  padding-right: 30px;

}



.footer-v7 .footer-v7-title {

  font-size: 30px;

  margin-bottom: 5px;

  color: #fff;

}



.footer-v7 .footer-v7-text {

  font-size: 16px;

  color: #fff;

  opacity: .8;

  margin-bottom: 5px;

}



.footer-v7 .footer-v7-info-text {

  font-size: 16px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  color: #fff;

  margin-bottom: 5px;

}



.footer-v7 .footer-v7-link {

  display: block;

  font-size: 14px;

  font-weight: 300;

}



.footer-v7 .footer-v7-form-group {

  width: 400px;

}



.footer-v7 .footer-v7-form-group .footer-v7-form {

  height: 48px;

  font-style: italic;

  color: #b8b8b8;

}



.footer-v7 .back-to-top-theme {

  position: static;

  margin-bottom: 20px;

}



.footer-v7 .back-to-top-theme.back-to-top-is-visible, .footer-v7 .back-to-top-theme.back-to-top-fade-out {

  opacity: 1;

}



.footer-v7 .back-to-top-theme:hover {

  background: #34343c;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .footer-v7 .footer-v7-form-group {

    width: 100%;

    display: inherit;

  }

  .footer-v7 .footer-v7-form-group .footer-v7-form {

    margin-bottom: 20px;

  }

}



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

    [Footer v8]

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

.footer-v8 {

  background: #f7f8fa;

}



.footer-v8 .footer-v8-logo-img {

  width: 85px;

  height: auto;

  margin-bottom: 20px;

}



.footer-v8 .footer-v8-title {

  font-size: 20px;

}



.footer-v8 .footer-v8-contact-info-bg {

  background: url(../../style/img/widgets/world-map.png) no-repeat;

  background-size: 100%;

  background-position: center center;

  min-height: 220px;

}



.footer-v8 .footer-v8-contact-info .footer-v8-contact-info-item {

  font-size: 14px;

  margin-bottom: 5px;

}



.footer-v8 .footer-v8-contact-info .footer-v8-contact-info-item:before, .footer-v8 .footer-v8-contact-info .footer-v8-contact-info-item:after {

  content: " ";

  display: table;

}



.footer-v8 .footer-v8-contact-info .footer-v8-contact-info-item:after {

  clear: both;

}



.footer-v8 .footer-v8-contact-info .footer-v8-contact-info-icon {

  position: relative;

  top: -1px;

  display: inline-block;

  width: 20px;

  float: left;

  text-align: center;

  margin: 5px;

}



.footer-v8 .footer-v8-contact-info .footer-v8-contact-info-media {

  overflow: hidden;

}



.footer-v8 .footer-v8-contact-info .footer-v8-contact-info-text {

  font-size: 14px;

}



.footer-v8 .footer-v8-img {

  width: 80px;

  height: 80px;

  margin-bottom: 3px;

}



/* Footer v8 Copyright */

.footer-v8 .footer-v8-copyright {

  background: #fff;

  padding: 20px 0;

}



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

    [Header]

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

.header {

  border: none;

  background: #fff;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Header Fixed */

.header.header-fixed {

  position: relative;

}



/* Header Box Shadow */

.header.header-box-shadow:before, .header.header-box-shadow:after {

  position: absolute;

  top: 50%;

  left: 10px;

  right: 10px;

  bottom: 0;

  z-index: -1;

  box-shadow: 0 0 15px #e8e8ec;

  border-radius: 1000px / 30px;

  content: " ";

}



.header.header-box-shadow:after {

  left: auto;

  right: 10px;

}



/* Navbar */

.header .navbar {

  background: #fff;

  border: none;

  border-radius: 0;

  margin-bottom: 0;

}



/* Navbar Toggle */

.header .navbar-toggle {

  width: 25px;

  height: 25px;

  float: left;

  border: none;

  padding: 0;

  margin: 32px 0;

}



.header .navbar-toggle .toggle-icon {

  position: relative;

  width: 15px;

  height: 1px;

  display: inline-block;

  background: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header .navbar-toggle .toggle-icon:before, .header .navbar-toggle .toggle-icon:after {

  position: absolute;

  left: 0;

  width: 15px;

  height: 1px;

  background: #34343c;

  content: " ";

}



.header .navbar-toggle .toggle-icon:before {

  bottom: 10px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header .navbar-toggle .toggle-icon:after {

  top: -5px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header .navbar-toggle .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



.header .navbar-toggle .toggle-icon.is-clicked:before, .header .navbar-toggle .toggle-icon.is-clicked:after {

  background: #34343c;

}



.header .navbar-toggle .toggle-icon.is-clicked:before {

  bottom: 5px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header .navbar-toggle .toggle-icon.is-clicked:after {

  top: -5px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header .navbar-toggle:hover .toggle-icon {

  background: #00bcd4;

}



.header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after {

  background: #00bcd4;

}



.header .navbar-toggle:hover .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



/* Topbar Toggle Trigger */

.header .topbar-toggle-trigger {

  float: left;

  width: 27px;

  height: 27px;

  text-align: center;

  cursor: pointer;

  padding: 35px 0 55px;

}



.header .topbar-toggle-trigger .topbar-toggle-trigger-style {

  position: relative;

  top: 8px;

  display: block;

  width: 4px;

  height: 4px;

  text-align: center;

  background: #34343c;

  border-radius: 50%;

  content: " ";

  margin: 0 auto;

}



.header .topbar-toggle-trigger .topbar-toggle-trigger-style:before, .header .topbar-toggle-trigger .topbar-toggle-trigger-style:after {

  position: absolute;

  left: 50%;

  width: 4px;

  height: 4px;

  background: #34343c;

  border-radius: 50%;

  content: " ";

  margin-left: -2px;

}



.header .topbar-toggle-trigger .topbar-toggle-trigger-style:before {

  top: -6px;

}



.header .topbar-toggle-trigger .topbar-toggle-trigger-style:after {

  bottom: -6px;

}



.header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style {

  background: #00bcd4;

}



.header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after {

  background: #00bcd4;

}



/* Navbar Actions */

.header .navbar-actions {

  position: relative;

  float: right;

}



.header .navbar-actions .navbar-actions-shrink {

  line-height: 90px;

  float: left;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Shopping Cart */

.header .shopping-cart {

  position: relative;

}



.header .shopping-cart .shopping-cart-icon {

  font-size: 13px;

  color: #34343c;

  text-align: center;

  cursor: pointer;

  padding: 0 9px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header .shopping-cart .shopping-cart-icon:hover {

  color: #00bcd4;

}



.header .shopping-cart .shopping-cart-menu {

  position: absolute;

  top: 100%;

  right: 0;

  width: 270px;

  display: none;

  line-height: 1.4;

  z-index: 1;

  background: #fff;

  border: 1px solid #ebeef6;

  border-top: 2px solid #00bcd4;

}



.header .shopping-cart .shopping-cart-menu-title {

  display: block;

  font-size: 18px;

  color: #34343c;

  border-bottom: 1px solid #ebeef6;

  padding: 15px;

}



.header .shopping-cart .shopping-cart-menu-content {

  display: block;

  padding: 15px;

  border-bottom: 1px solid #ebeef6;

}



.header .shopping-cart .shopping-cart-menu-content:before, .header .shopping-cart .shopping-cart-menu-content:after {

  content: " ";

  display: table;

}



.header .shopping-cart .shopping-cart-menu-content:after {

  clear: both;

}



.header .shopping-cart .shopping-cart-menu-product-media {

  float: left;

  margin-right: 15px;

}



.header .shopping-cart .shopping-cart-menu-product-media .shopping-cart-menu-product-img {

  width: 60px;

  height: auto;

}



.header .shopping-cart .shopping-cart-menu-product-wrap {

  float: left;

  margin-right: 15px;

}



.header .shopping-cart .shopping-cart-menu-product-wrap:before, .header .shopping-cart .shopping-cart-menu-product-wrap:after {

  content: " ";

  display: table;

}



.header .shopping-cart .shopping-cart-menu-product-wrap:after {

  clear: both;

}



.header .shopping-cart .shopping-cart-menu-product-name {

  display: block;

  font-size: 13px;

  color: #34343c;

  margin-bottom: -2px;

}



.header .shopping-cart .shopping-cart-menu-product-name:hover {

  color: #00bcd4;

  text-decoration: none;

}



.header .shopping-cart .shopping-cart-menu-product-price {

  display: block;

  font-size: 12px;

  color: #535353;

  margin-top: 5px;

}



.header .shopping-cart .shopping-cart-close {

  float: right;

  font-size: 16px;

  color: #535353;

}



.header .shopping-cart .shopping-cart-close:before, .header .shopping-cart .shopping-cart-close:after {

  content: " ";

  display: table;

}



.header .shopping-cart .shopping-cart-close:after {

  clear: both;

}



.header .shopping-cart .shopping-cart-close:hover {

  color: #00bcd4;

  text-decoration: none;

}



.header .shopping-cart .shopping-cart-subtotal {

  padding: 15px;

}



.header .shopping-cart .shopping-cart-subtotal-content {

  display: block;

  margin-bottom: 10px;

}



.header .shopping-cart .shopping-cart-subtotal-content:before, .header .shopping-cart .shopping-cart-subtotal-content:after {

  content: " ";

  display: table;

}



.header .shopping-cart .shopping-cart-subtotal-content:after {

  clear: both;

}



.header .shopping-cart .shopping-cart-subtotal-title {

  font-size: 14px;

  color: #34343c;

}



.header .shopping-cart .shopping-cart-subtotal-price {

  font-size: 13px;

  color: #00bcd4;

  float: right;

}



.header .shopping-cart .shopping-cart-subtotal-view {

  font-size: 12px;

  text-align: center;

  margin-bottom: 0;

}



.header .shopping-cart .shopping-cart-subtotal-view-link {

  font-size: 12px;

  color: #34343c;

}



.header .shopping-cart .shopping-cart-subtotal-view-link:hover {

  color: #00bcd4;

}



.header .shopping-cart:hover .shopping-cart-menu {

  display: block;

}



/* Navbar Logo */

.header .navbar-logo {

  width: 100px;

  height: 100px;

  float: left;

  max-height: 90px;

  line-height: 60px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header .navbar-logo .navbar-logo-wrap {

  display: inline-block;

  padding: 15px 0;

}



.header .navbar-logo .navbar-logo-wrap:focus, .header .navbar-logo .navbar-logo-wrap:hover {

  text-decoration: none;

}



.header .navbar-logo .navbar-logo-img {

  display: inline-block;

  width: 85px;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}



/* Navbar Nav */

.header .navbar-nav .nav-item-child {

  font-size: 12px;

  font-weight: 400;

  color: #34343c;

  background: 0;

  line-height: 90px;

  letter-spacing: 2px;

  text-transform: uppercase;

  padding: 0 15px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header .navbar-nav .nav-item-child.active {

  color: #00bcd4;

}



.header .navbar-nav .nav-item-child.active:hover {

  color: #00bcd4;

  background: 0;

}



.header .navbar-nav .nav-item-child:hover, .header .navbar-nav .nav-item-child:focus {

  color: #00bcd4;

}



.header .navbar-nav .open .nav-item-child:hover, .header .navbar-nav .open .nav-item-child:focus {

  background: 0;

}



/* Dropdown Menu */

.header .dropdown-menu {

  min-width: 200px;

  border: none;

  border-radius: 0;

  box-shadow: none;

  padding: 0;

  margin-top: 1px;

}



.header .dropdown-menu .dropdown-menu-item {

  color: #4c4c57;

}



.header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child {

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  padding: 8px 20px;

}



.header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active {

  color: #00bcd4;

}



.header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:focus {

  background: 0;

}



.header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover {

  color: #fff;

  background: #00bcd4;

}



.header .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child {

  color: #00bcd4;

}



.header .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child:hover {

  background: 0;

}



/* Dropdown Submenu */

.header .dropdown-submenu {

  position: relative;

}



.header .dropdown-submenu:hover .dropdown-submenu-child {

  color: #00bcd4;

}



.header .dropdown-submenu:hover .dropdown-menu {

  display: block;

}



.header .dropdown-submenu .dropdown-submenu-child {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  cursor: pointer;

  padding: 8px 20px;

  margin: 0;

}



.header .dropdown-submenu .dropdown-submenu-child:after {

  position: absolute;

  top: 8px;

  right: 12px;

  display: inline-block;

  font-size: 12px;

  font-family: FontAwesome;

  content: "\f105";

}



.header .dropdown-submenu .dropdown-submenu-child.active {

  color: #00bcd4;

}



.header .dropdown-submenu .dropdown-submenu-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header .dropdown-submenu .dropdown-submenu-child.active:hover:after {

  color: #00bcd4;

}



.header .dropdown-submenu .dropdown-submenu-child:hover {

  color: #fff;

  background: #00bcd4;

}



.header .dropdown-submenu .dropdown-submenu-child:hover:after {

  color: #fff;

}



.header .dropdown-submenu .dropdown-menu {

  top: -1px;

  left: 100%;

  margin-left: -0.8px;

}



.header .dropdown-submenu .dropdown-menu.dropdown-menu-left {

  left: -100%;

  margin-left: 0.5px;

}



.header .dropdown-submenu.active .dropdown-submenu-child {

  color: #00bcd4;

}



.header .dropdown-submenu.active .dropdown-submenu-child:hover {

  color: #00bcd4;

  background: #fff;

}



/* Mega Menu */

.header .mega-menu-list .mega-menu-title {

  display: block;

  font-size: 13px;

  font-weight: 500;

  color: #34343c;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.header .mega-menu-list .mega-menu-child {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  text-decoration: none;

  padding: 8px 20px;

  margin: 0;

}



.header .mega-menu-list .mega-menu-child.active {

  color: #00bcd4;

}



.header .mega-menu-list .mega-menu-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header .mega-menu-list .mega-menu-child:hover {

  color: #fff;

  background: #00bcd4;

  text-decoration: none;

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  /* Bootstrap collapse of navigation with a maximum width: 991px

    (Change it to any breakpoint you want to be collapsed) */

  .header .navbar-toggle {

    display: block;

  }

  .header .navbar-collapse.collapse {

    display: none !important;

  }

  .header .navbar-collapse.collapse.in {

    display: block !important;

    overflow-y: auto !important;

  }

  .header .navbar-nav {

    margin: 0;

    float: none;

  }

  .header .navbar-nav .nav-item {

    float: none;

  }

  /* Navbar Fixed Top */

  .header.navbar-fixed-top, .header.navbar-fixed-top-boxed {

    position: relative;

  }

  .header.navbar-fixed-top .nav-collapse, .header.navbar-fixed-top-boxed .nav-collapse {

    max-height: none;

    padding: 0;

    margin: 0;

  }

  /* Menu Container */

  .header .menu-container:before, .header .menu-container:after {

    content: " ";

    display: table;

  }

  .header .menu-container:after {

    clear: both;

  }

  /* Navbar Logo */

  .header .navbar-logo {

    width: auto;

    height: 100%;

    display: block;

    float: none;

    text-align: center;

    margin: 0 70px;

  }

  /* Navbar Nav */

  .header .navbar-nav .nav-item {

    border-top: 1px solid #ebeef6;

  }

  .header .navbar-nav .nav-item.open .nav-item-child:after {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header .navbar-nav .nav-item-child {

    line-height: 1.4;

    padding: 12px 12px 12px 0;

  }

  .header .navbar-nav .dropdown-toggle {

    position: relative;

  }

  .header .navbar-nav .dropdown-toggle:after {

    position: absolute;

    top: 12px;

    right: 0;

    display: inline-block;

    font-size: 12px;

    font-family: FontAwesome;

    content: "\f105";

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header .navbar-nav .nav-item-bg {

    display: inline-block;

    border-top: none;

    margin: 10px 0 20px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header .navbar-nav .nav-item-bg .nav-item-child {

    color: #fff;

    line-height: 20px;

    padding: 7px 15px;

    background: #00bcd4;

  }

  .header .navbar-nav .nav-item-bg .nav-item-child:after {

    content: " ";

    display: none;

  }

  .header .navbar-nav .nav-item-bg .nav-item-child:hover {

    color: #fff;

  }

  /* Dropdown Menu */

  .header .dropdown-menu {

    position: static;

    float: none;

  }

  .header .dropdown-menu .dropdown-menu-item:last-child {

    margin-bottom: 20px;

  }

  /* Dropdown Submenu */

  .header .dropdown-submenu .dropdown-submenu-child {

    font-weight: 500;

  }

  .header .dropdown-submenu .dropdown-submenu-child:after {

    display: none;

  }

  .header .dropdown-submenu .dropdown-submenu-child:hover {

    cursor: inherit;

  }

  .header .dropdown-submenu .dropdown-menu {

    display: block;

    padding-left: 20px;

    margin-bottom: 20px;

  }

  .header .dropdown-submenu:hover .dropdown-submenu-child {

    color: #34343c;

    background: 0;

  }

  /* Mega Menu */

  .header .mega-menu-list {

    margin-bottom: 20px;

  }

  .header .mega-menu-list .mega-menu-title {

    font-size: 12px;

    padding: 8px 20px;

    margin-bottom: 0;

  }

  .header .mega-menu-list .mega-menu-item {

    margin-left: 20px;

  }

}



/* Media Queries below 767px */

@media (max-width: 767px) {

  /* Menu Container */

  .header .menu-container {

    padding-left: 15px;

    padding-right: 15px;

    margin-left: 0;

    margin-right: 0;

  }

  .header .navbar > .container {

    width: auto;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

  }

  .header .navbar > .container > .nav-collapse {

    margin-left: 0;

    margin-right: 0;

  }

  /* Theme Toggle Trigger */

  .header .theme-toggle-trigger {

    display: block;

  }

  .header .theme-toggle-content {

    display: none;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .header .shopping-cart .shopping-cart-menu {

    position: absolute;

    top: 100%;

    right: -50px;

  }

}



/* Media Queries above 768px */

@media (min-width: 768px) {

  /* Navbar Fixed Top Boxed */

  .header.navbar-fixed-top.navbar-fixed-top-boxed {

    position: fixed;

    top: 0;

    left: auto;

    right: auto;

  }

  /* Theme Toggle Trigger */

  .header .theme-toggle-trigger {

    display: none !important;

  }

  .header .theme-toggle-content {

    display: block !important;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header Shrink */

  .header-shrink.header {

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header:before, .header-shrink.header:after {

    position: absolute;

    top: 50%;

    left: 10px;

    right: 10px;

    bottom: 0;

    z-index: -1;

    box-shadow: 0 0 15px #e8e8ec;

    border-radius: 1000px / 30px;

    content: " ";

  }

  .header-shrink.header:after {

    left: auto;

    right: 10px;

  }

  .header-shrink.header .navbar {

    background: #fff;

  }

  .header-shrink.header .navbar-logo {

    width: 85px;

    height: 85px;

    max-height: 70px;

    line-height: 35px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header .navbar-logo .navbar-logo-wrap {

    padding: 13px 0;

  }

  .header-shrink.header .navbar-actions .navbar-actions-shrink {

    line-height: 70px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header .navbar-nav .nav-item-child {

    line-height: 70px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header .navbar-nav .nav-item-bg {

    margin: 17px 15px 17px 0;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  /* Navbar */

  .header .navbar-nav {

    float: right;

  }

  .header .navbar-nav .nav-item .dropdown-menu {

    z-index: 9999;

    min-width: 200px;

    border: none;

    border-radius: 0;

  }

  .header .navbar-nav .nav-item .open > .dropdown-menu {

    display: none;

  }

  .header .navbar-nav .nav-item:hover .nav-item-child {

    color: #00bcd4;

  }

  .header .navbar-nav .nav-item:hover > .dropdown-menu {

    display: block;

  }

  .header .navbar-nav .nav-item-bg {

    margin: 27px 15px 27px 0;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header .navbar-nav .nav-item-bg .nav-item-child {

    color: #fff;

    line-height: 20px;

    padding: 7px 15px;

    background: #00bcd4;

  }

  .header .navbar-nav .nav-item-bg .nav-item-child:hover {

    color: #fff;

  }

  /* Mega Menu */

  .header .mega-menu .nav,

  .header .mega-menu .collapse,

  .header .mega-menu .dropdown,

  .header .mega-menu .dropup {

    position: static;

  }

  .header .mega-menu .container {

    position: relative;

  }

  .header .dropdown-menu {

    left: auto;

  }

  .header .mega-menu-fullwidth .dropdown-menu {

    left: 15px;

    right: 15px;

    padding: 20px 0;

  }

  .header .mega-menu-content {

    padding: 0 20px;

  }

  .header .mega-menu-list {

    margin-bottom: 0;

  }

  .header .mega-menu-list .mega-menu-item {

    padding: 0;

  }

  .header .mega-menu-list .mega-menu-title {

    padding-left: 20px;

  }

}



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

    [Header]

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

.header-center-aligned {

  border: none;

  background: #fff;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Navbar */

.header-center-aligned .navbar {

  background: #fff;

  border: none;

  border-radius: 0;

  margin-bottom: 0;

}



/* Navbar Toggle */

.header-center-aligned .navbar-toggle {

  width: 25px;

  height: 25px;

  float: left;

  border: none;

  padding: 0;

  margin: 32px 0;

}



.header-center-aligned .navbar-toggle .toggle-icon {

  position: relative;

  width: 15px;

  height: 1px;

  display: inline-block;

  background: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned .navbar-toggle .toggle-icon:before, .header-center-aligned .navbar-toggle .toggle-icon:after {

  position: absolute;

  left: 0;

  width: 15px;

  height: 1px;

  background: #34343c;

  content: " ";

}



.header-center-aligned .navbar-toggle .toggle-icon:before {

  bottom: 10px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned .navbar-toggle .toggle-icon:after {

  top: -5px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned .navbar-toggle .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



.header-center-aligned .navbar-toggle .toggle-icon.is-clicked:before, .header-center-aligned .navbar-toggle .toggle-icon.is-clicked:after {

  background: #34343c;

}



.header-center-aligned .navbar-toggle .toggle-icon.is-clicked:before {

  bottom: 5px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned .navbar-toggle .toggle-icon.is-clicked:after {

  top: -5px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned .navbar-toggle:hover .toggle-icon {

  background: #00bcd4;

}



.header-center-aligned .navbar-toggle:hover .toggle-icon:before, .header-center-aligned .navbar-toggle:hover .toggle-icon:after {

  background: #00bcd4;

}



.header-center-aligned .navbar-toggle:hover .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



/* Topbar Toggle Trigger */

.header-center-aligned .topbar-toggle-trigger {

  float: left;

  width: 27px;

  height: 27px;

  text-align: center;

  cursor: pointer;

  padding: 35px 0 55px;

}



.header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style {

  position: relative;

  top: 8px;

  display: block;

  width: 4px;

  height: 4px;

  text-align: center;

  background: #34343c;

  border-radius: 50%;

  content: " ";

  margin: 0 auto;

}



.header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style:before, .header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style:after {

  position: absolute;

  left: 50%;

  width: 4px;

  height: 4px;

  background: #34343c;

  border-radius: 50%;

  content: " ";

  margin-left: -2px;

}



.header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style:before {

  top: -6px;

}



.header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style:after {

  bottom: -6px;

}



.header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style {

  background: #00bcd4;

}



.header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after {

  background: #00bcd4;

}



/* Navbar Actions */

.header-center-aligned .navbar-actions {

  position: relative;

  z-index: 1;

  float: right;

}



.header-center-aligned .navbar-actions .navbar-actions-shrink {

  line-height: 90px;

  float: left;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Shopping Cart */

.header-center-aligned .shopping-cart {

  position: relative;

}



.header-center-aligned .shopping-cart .shopping-cart-icon {

  font-size: 13px;

  color: #34343c;

  text-align: center;

  cursor: pointer;

  padding: 0 9px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned .shopping-cart .shopping-cart-icon:hover {

  color: #00bcd4;

}



.header-center-aligned .shopping-cart .shopping-cart-menu {

  position: absolute;

  top: 100%;

  right: 0;

  width: 270px;

  display: none;

  line-height: 1.4;

  z-index: 1;

  background: #fff;

  border: 1px solid #ebeef6;

  border-top: 2px solid #00bcd4;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-title {

  display: block;

  font-size: 18px;

  color: #34343c;

  border-bottom: 1px solid #ebeef6;

  padding: 15px;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-content {

  display: block;

  padding: 15px;

  border-bottom: 1px solid #ebeef6;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-content:before, .header-center-aligned .shopping-cart .shopping-cart-menu-content:after {

  content: " ";

  display: table;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-content:after {

  clear: both;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-product-media {

  float: left;

  margin-right: 15px;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-product-media .shopping-cart-menu-product-img {

  width: 60px;

  height: auto;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-product-wrap {

  float: left;

  margin-right: 15px;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-product-wrap:before, .header-center-aligned .shopping-cart .shopping-cart-menu-product-wrap:after {

  content: " ";

  display: table;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-product-wrap:after {

  clear: both;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-product-name {

  display: block;

  font-size: 13px;

  color: #34343c;

  margin-bottom: -2px;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-product-name:hover {

  color: #00bcd4;

  text-decoration: none;

}



.header-center-aligned .shopping-cart .shopping-cart-menu-product-price {

  display: block;

  font-size: 12px;

  color: #535353;

  margin-top: 5px;

}



.header-center-aligned .shopping-cart .shopping-cart-close {

  float: right;

  font-size: 16px;

  color: #535353;

}



.header-center-aligned .shopping-cart .shopping-cart-close:before, .header-center-aligned .shopping-cart .shopping-cart-close:after {

  content: " ";

  display: table;

}



.header-center-aligned .shopping-cart .shopping-cart-close:after {

  clear: both;

}



.header-center-aligned .shopping-cart .shopping-cart-close:hover {

  color: #00bcd4;

  text-decoration: none;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal {

  padding: 15px;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal-content {

  display: block;

  margin-bottom: 10px;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal-content:before, .header-center-aligned .shopping-cart .shopping-cart-subtotal-content:after {

  content: " ";

  display: table;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal-content:after {

  clear: both;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal-title {

  font-size: 14px;

  color: #34343c;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal-price {

  font-size: 13px;

  color: #00bcd4;

  float: right;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal-view {

  font-size: 12px;

  text-align: center;

  margin-bottom: 0;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal-view-link {

  font-size: 12px;

  color: #34343c;

}



.header-center-aligned .shopping-cart .shopping-cart-subtotal-view-link:hover {

  color: #00bcd4;

}



.header-center-aligned .shopping-cart:hover .shopping-cart-menu {

  display: block;

}



/* Navbar Logo */

.header-center-aligned .navbar-logo {

  position: absolute;

  left: 50%;

  width: 100%;

  height: 85px;

  text-align: center;

  float: left;

  max-height: 90px;

  line-height: 60px;

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned .navbar-logo .navbar-logo-wrap {

  display: inline-block;

  padding: 15px 0;

}



.header-center-aligned .navbar-logo .navbar-logo-wrap:focus, .header-center-aligned .navbar-logo .navbar-logo-wrap:hover {

  text-decoration: none;

}



.header-center-aligned .navbar-logo .navbar-logo-img {

  display: inline-block;

  width: 85px;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}



/* Navbar Nav */

.header-center-aligned .navbar-nav .nav-item-child {

  font-size: 12px;

  font-weight: 400;

  color: #34343c;

  background: 0;

  line-height: 90px;

  letter-spacing: 2px;

  text-transform: uppercase;

  padding: 0 15px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned .navbar-nav .nav-item-child.active {

  color: #00bcd4;

}



.header-center-aligned .navbar-nav .nav-item-child.active:hover {

  color: #00bcd4;

  background: 0;

}



.header-center-aligned .navbar-nav .nav-item-child:hover, .header-center-aligned .navbar-nav .nav-item-child:focus {

  color: #00bcd4;

}



.header-center-aligned .navbar-nav .open .nav-item-child:hover, .header-center-aligned .navbar-nav .open .nav-item-child:focus {

  background: 0;

}



/* Dropdown Menu */

.header-center-aligned .dropdown-menu {

  min-width: 200px;

  border: none;

  border-radius: 0;

  box-shadow: none;

  padding: 0;

  margin-top: 1px;

}



.header-center-aligned .dropdown-menu .dropdown-menu-item {

  color: #4c4c57;

}



.header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child {

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  padding: 8px 20px;

}



.header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active {

  color: #00bcd4;

}



.header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:focus {

  background: 0;

}



.header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover {

  color: #fff;

  background: #00bcd4;

}



.header-center-aligned .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child {

  color: #00bcd4;

}



.header-center-aligned .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child:hover {

  background: 0;

}



/* Dropdown Submenu */

.header-center-aligned .dropdown-submenu {

  position: relative;

}



.header-center-aligned .dropdown-submenu:hover .dropdown-submenu-child {

  color: #00bcd4;

}



.header-center-aligned .dropdown-submenu:hover .dropdown-menu {

  display: block;

}



.header-center-aligned .dropdown-submenu .dropdown-submenu-child {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  cursor: pointer;

  padding: 8px 20px;

  margin: 0;

}



.header-center-aligned .dropdown-submenu .dropdown-submenu-child:after {

  position: absolute;

  top: 8px;

  right: 12px;

  display: inline-block;

  font-size: 12px;

  font-family: FontAwesome;

  content: "\f105";

}



.header-center-aligned .dropdown-submenu .dropdown-submenu-child.active {

  color: #00bcd4;

}



.header-center-aligned .dropdown-submenu .dropdown-submenu-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-center-aligned .dropdown-submenu .dropdown-submenu-child.active:hover:after {

  color: #00bcd4;

}



.header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover {

  color: #fff;

  background: #00bcd4;

}



.header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover:after {

  color: #fff;

}



.header-center-aligned .dropdown-submenu .dropdown-menu {

  top: -1px;

  left: 100%;

  margin-left: -0.8px;

}



.header-center-aligned .dropdown-submenu .dropdown-menu.dropdown-menu-left {

  left: -100%;

  margin-left: 0.5px;

}



.header-center-aligned .dropdown-submenu.active .dropdown-submenu-child {

  color: #00bcd4;

}



.header-center-aligned .dropdown-submenu.active .dropdown-submenu-child:hover {

  color: #00bcd4;

  background: #fff;

}



/* Mega Menu */

.header-center-aligned .mega-menu-list .mega-menu-title {

  display: block;

  font-size: 13px;

  font-weight: 500;

  color: #34343c;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.header-center-aligned .mega-menu-list .mega-menu-child {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  text-decoration: none;

  padding: 8px 20px;

  margin: 0;

}



.header-center-aligned .mega-menu-list .mega-menu-child.active {

  color: #00bcd4;

}



.header-center-aligned .mega-menu-list .mega-menu-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-center-aligned .mega-menu-list .mega-menu-child:hover {

  color: #fff;

  background: #00bcd4;

  text-decoration: none;

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  /* Bootstrap collapse of navigation with a maximum width: 991px

    (Change it to any breakpoint you want to be collapsed) */

  .header-center-aligned .navbar-toggle {

    display: block;

  }

  .header-center-aligned .navbar-collapse.collapse {

    display: none !important;

  }

  .header-center-aligned .navbar-collapse.collapse.in {

    display: block !important;

    overflow-y: auto !important;

  }

  .header-center-aligned .navbar-nav {

    margin: 0;

    float: none;

  }

  .header-center-aligned .navbar-nav .nav-item {

    float: none;

  }

  /* Navbar Fixed Top */

  .header-center-aligned.navbar-fixed-top, .header-center-aligned.navbar-fixed-top-boxed {

    position: relative;

  }

  .header-center-aligned.navbar-fixed-top .nav-collapse, .header-center-aligned.navbar-fixed-top-boxed .nav-collapse {

    max-height: none;

    padding: 0;

    margin: 0;

  }

  /* Menu Container */

  .header-center-aligned .menu-container:before, .header-center-aligned .menu-container:after {

    content: " ";

    display: table;

  }

  .header-center-aligned .menu-container:after {

    clear: both;

  }

  /* Navbar Logo */

  .header-center-aligned .navbar-logo {

    width: auto;

    height: 100%;

    display: block;

    float: none;

    text-align: center;

  }

  /* Navbar Nav */

  .header-center-aligned .navbar-nav .nav-item {

    border-top: 1px solid #ebeef6;

  }

  .header-center-aligned .navbar-nav .nav-item.open .nav-item-child:after {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned .navbar-nav .nav-item-child {

    color: #34343c;

    line-height: 1.4;

    padding: 12px 12px 12px 0;

  }

  .header-center-aligned .navbar-nav .dropdown-toggle {

    position: relative;

  }

  .header-center-aligned .navbar-nav .dropdown-toggle:after {

    position: absolute;

    top: 12px;

    right: 0;

    display: inline-block;

    font-size: 12px;

    font-family: FontAwesome;

    content: "\f105";

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned .navbar-nav .nav-item-bg {

    display: inline-block;

    border-top: none;

    margin: 10px 0 20px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child {

    color: #fff;

    line-height: 20px;

    padding: 7px 15px;

    background: #00bcd4;

  }

  .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child:after {

    content: " ";

    display: none;

  }

  .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child:hover {

    color: #fff;

  }

  /* Dropdown Menu */

  .header-center-aligned .dropdown-menu {

    position: static;

    float: none;

  }

  .header-center-aligned .dropdown-menu .dropdown-menu-item:last-child {

    margin-bottom: 20px;

  }

  /* Dropdown Submenu */

  .header-center-aligned .dropdown-submenu .dropdown-submenu-child {

    font-weight: 500;

  }

  .header-center-aligned .dropdown-submenu .dropdown-submenu-child:after {

    display: none;

  }

  .header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover {

    cursor: inherit;

  }

  .header-center-aligned .dropdown-submenu .dropdown-menu {

    display: block;

    padding-left: 20px;

    margin-bottom: 20px;

  }

  .header-center-aligned .dropdown-submenu:hover .dropdown-submenu-child {

    color: #34343c;

    background: 0;

  }

  /* Mega Menu */

  .header-center-aligned .mega-menu-list {

    margin-bottom: 20px;

  }

  .header-center-aligned .mega-menu-list .mega-menu-title {

    font-size: 12px;

    padding: 8px 20px;

    margin-bottom: 0;

  }

  .header-center-aligned .mega-menu-list .mega-menu-item {

    margin-left: 20px;

  }

}



/* Media Queries below 767px */

@media (max-width: 767px) {

  /* Menu Container */

  .header-center-aligned .menu-container {

    padding-left: 15px;

    padding-right: 15px;

    margin-left: 0;

    margin-right: 0;

  }

  .header-center-aligned .navbar > .container {

    width: auto;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

  }

  .header-center-aligned .navbar > .container > .nav-collapse {

    margin-left: 0;

    margin-right: 0;

  }

  /* Theme Toggle Trigger */

  .header-center-aligned .theme-toggle-trigger {

    display: block;

  }

  .header-center-aligned .theme-toggle-content {

    display: none;

  }

}



/* Media Queries above 768px */

@media (min-width: 768px) {

  /* Navbar Fixed Top Boxed */

  .header-center-aligned.navbar-fixed-top-boxed {

    position: fixed;

    top: 0;

    left: auto;

    right: auto;

  }

  /* Theme Toggle Trigger */

  .header-center-aligned .theme-toggle-trigger {

    display: none !important;

  }

  .header-center-aligned .theme-toggle-content {

    display: block !important;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header Shrink */

  .header-shrink.header-center-aligned {

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned:before, .header-shrink.header-center-aligned:after {

    position: absolute;

    top: 50%;

    left: 10px;

    right: 10px;

    bottom: 0;

    z-index: -1;

    box-shadow: 0 0 15px #e8e8ec;

    border-radius: 1000px / 30px;

    content: " ";

  }

  .header-shrink.header-center-aligned:after {

    left: auto;

    right: 10px;

  }

  .header-shrink.header-center-aligned .navbar {

    background: #fff;

  }

  .header-shrink.header-center-aligned .navbar-logo {

    max-height: 70px;

    line-height: 35px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned .navbar-logo .navbar-logo-wrap {

    padding: 13px 0;

  }

  .header-shrink.header-center-aligned .navbar-actions .navbar-actions-shrink {

    line-height: 70px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned .navbar-nav .nav-item-child {

    line-height: 70px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned .navbar-nav .nav-item-bg {

    margin: 17px 15px 17px 0;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  /* Navbar */

  .header-center-aligned .navbar-nav.navbar-nav-left {

    float: left;

  }

  .header-center-aligned .navbar-nav.navbar-nav-right {

    float: right;

  }

  .header-center-aligned .navbar-nav .nav-item .dropdown-menu {

    z-index: 9999;

    min-width: 200px;

    border: none;

    border-radius: 0;

  }

  .header-center-aligned .navbar-nav .nav-item .open > .dropdown-menu {

    display: none;

  }

  .header-center-aligned .navbar-nav .nav-item:hover .nav-item-child {

    color: #00bcd4;

  }

  .header-center-aligned .navbar-nav .nav-item:hover > .dropdown-menu {

    display: block;

  }

  .header-center-aligned .navbar-nav .nav-item-bg {

    margin: 27px 15px 27px 0;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child {

    color: #fff;

    line-height: 20px;

    padding: 7px 15px;

    background: #00bcd4;

  }

  .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child:hover {

    color: #fff;

  }

  /* Mega Menu */

  .header-center-aligned .mega-menu .nav,

  .header-center-aligned .mega-menu .collapse,

  .header-center-aligned .mega-menu .dropdown,

  .header-center-aligned .mega-menu .dropup {

    position: static;

  }

  .header-center-aligned .mega-menu .container {

    position: relative;

  }

  .header-center-aligned .dropdown-menu {

    left: auto;

  }

  .header-center-aligned .mega-menu-fullwidth .dropdown-menu {

    left: 15px;

    right: 15px;

    padding: 20px 0;

  }

  .header-center-aligned .mega-menu-content {

    padding: 0 20px;

  }

  .header-center-aligned .mega-menu-list {

    margin-bottom: 0;

  }

  .header-center-aligned .mega-menu-list .mega-menu-item {

    padding: 0;

  }

  .header-center-aligned .mega-menu-list .mega-menu-title {

    padding-left: 20px;

  }

}



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

    [Header]

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

.header-center-aligned-transparent {

  border: none;

  background: transparent;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Navbar */

.header-center-aligned-transparent .navbar {

  background: transparent;

  border: none;

  border-radius: 0;

  margin-bottom: 0;

}



/* Navbar Toggle */

.header-center-aligned-transparent .navbar-toggle {

  width: 25px;

  height: 25px;

  float: left;

  border: none;

  padding: 0;

  margin: 32px 0;

}



.header-center-aligned-transparent .navbar-toggle .toggle-icon {

  position: relative;

  width: 15px;

  height: 1px;

  display: inline-block;

  background: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .navbar-toggle .toggle-icon:before, .header-center-aligned-transparent .navbar-toggle .toggle-icon:after {

  position: absolute;

  left: 0;

  width: 15px;

  height: 1px;

  background: #34343c;

  content: " ";

}



.header-center-aligned-transparent .navbar-toggle .toggle-icon:before {

  bottom: 10px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .navbar-toggle .toggle-icon:after {

  top: -5px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



.header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked:before, .header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked:after {

  background: #34343c;

}



.header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked:before {

  bottom: 5px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked:after {

  top: -5px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .navbar-toggle:hover .toggle-icon {

  background: #00bcd4;

}



.header-center-aligned-transparent .navbar-toggle:hover .toggle-icon:before, .header-center-aligned-transparent .navbar-toggle:hover .toggle-icon:after {

  background: #00bcd4;

}



.header-center-aligned-transparent .navbar-toggle:hover .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



/* Topbar Toggle Trigger */

.header-center-aligned-transparent .topbar-toggle-trigger {

  float: left;

  width: 27px;

  height: 27px;

  text-align: center;

  cursor: pointer;

  padding: 35px 0 55px;

}



.header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style {

  position: relative;

  top: 8px;

  display: block;

  width: 4px;

  height: 4px;

  text-align: center;

  background: #34343c;

  border-radius: 50%;

  content: " ";

  margin: 0 auto;

}



.header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:before, .header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:after {

  position: absolute;

  left: 50%;

  width: 4px;

  height: 4px;

  background: #34343c;

  border-radius: 50%;

  content: " ";

  margin-left: -2px;

}



.header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:before {

  top: -6px;

}



.header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:after {

  bottom: -6px;

}



.header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style {

  background: #00bcd4;

}



.header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after {

  background: #00bcd4;

}



/* Navbar Actions */

.header-center-aligned-transparent .navbar-actions {

  position: relative;

  z-index: 1;

  float: right;

}



.header-center-aligned-transparent .navbar-actions .navbar-actions-shrink {

  line-height: 90px;

  float: left;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Shopping Cart */

.header-center-aligned-transparent .shopping-cart {

  position: relative;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-icon {

  font-size: 13px;

  color: #fff;

  text-align: center;

  cursor: pointer;

  padding: 0 9px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-icon:hover {

  color: #00bcd4;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu {

  position: absolute;

  top: 100%;

  right: 0;

  width: 270px;

  display: none;

  line-height: 1.4;

  z-index: 1;

  background: #fff;

  border: 1px solid #ebeef6;

  border-top: 2px solid #00bcd4;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-title {

  display: block;

  font-size: 18px;

  color: #34343c;

  border-bottom: 1px solid #ebeef6;

  padding: 15px;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-content {

  display: block;

  padding: 15px;

  border-bottom: 1px solid #ebeef6;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-content:before, .header-center-aligned-transparent .shopping-cart .shopping-cart-menu-content:after {

  content: " ";

  display: table;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-content:after {

  clear: both;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-media {

  float: left;

  margin-right: 15px;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-media .shopping-cart-menu-product-img {

  width: 60px;

  height: auto;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-wrap {

  float: left;

  margin-right: 15px;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-wrap:before, .header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-wrap:after {

  content: " ";

  display: table;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-wrap:after {

  clear: both;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-name {

  display: block;

  font-size: 13px;

  color: #34343c;

  margin-bottom: -2px;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-name:hover {

  color: #00bcd4;

  text-decoration: none;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-menu-product-price {

  display: block;

  font-size: 12px;

  color: #535353;

  margin-top: 5px;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-close {

  float: right;

  font-size: 16px;

  color: #535353;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-close:before, .header-center-aligned-transparent .shopping-cart .shopping-cart-close:after {

  content: " ";

  display: table;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-close:after {

  clear: both;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-close:hover {

  color: #00bcd4;

  text-decoration: none;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal {

  padding: 15px;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-content {

  display: block;

  margin-bottom: 10px;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-content:before, .header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-content:after {

  content: " ";

  display: table;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-content:after {

  clear: both;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-title {

  font-size: 14px;

  color: #34343c;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-price {

  font-size: 13px;

  color: #00bcd4;

  float: right;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-view {

  font-size: 12px;

  text-align: center;

  margin-bottom: 0;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-view-link {

  font-size: 12px;

  color: #34343c;

}



.header-center-aligned-transparent .shopping-cart .shopping-cart-subtotal-view-link:hover {

  color: #00bcd4;

}



.header-center-aligned-transparent .shopping-cart:hover .shopping-cart-menu {

  display: block;

}



/* Navbar Logo */

.header-center-aligned-transparent .navbar-logo {

  position: absolute;

  left: 50%;

  width: 100%;

  height: 85px;

  text-align: center;

  float: left;

  max-height: 90px;

  line-height: 60px;

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .navbar-logo .navbar-logo-wrap {

  display: inline-block;

  padding: 15px 0;

}



.header-center-aligned-transparent .navbar-logo .navbar-logo-wrap:focus, .header-center-aligned-transparent .navbar-logo .navbar-logo-wrap:hover {

  text-decoration: none;

}



.header-center-aligned-transparent .navbar-logo .navbar-logo-img {

  display: inline-block;

  width: 85px;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}



.header-center-aligned-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-white {

  display: inline-block;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-dark {

  display: none;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Navbar Nav */

.header-center-aligned-transparent .navbar-nav .nav-item-child {

  font-size: 12px;

  font-weight: 400;

  color: #fff;

  background: 0;

  line-height: 90px;

  letter-spacing: 2px;

  text-transform: uppercase;

  padding: 0 15px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-center-aligned-transparent .navbar-nav .nav-item-child.active {

  color: #00bcd4;

}



.header-center-aligned-transparent .navbar-nav .nav-item-child.active:hover {

  color: #00bcd4;

  background: 0;

}



.header-center-aligned-transparent .navbar-nav .nav-item-child:hover, .header-center-aligned-transparent .navbar-nav .nav-item-child:focus {

  color: #00bcd4;

}



.header-center-aligned-transparent .navbar-nav .open .nav-item-child:hover, .header-center-aligned-transparent .navbar-nav .open .nav-item-child:focus {

  background: 0;

}



/* Dropdown Menu */

.header-center-aligned-transparent .dropdown-menu {

  min-width: 200px;

  border: none;

  border-radius: 0;

  box-shadow: none;

  padding: 0;

  margin-top: 1px;

}



.header-center-aligned-transparent .dropdown-menu .dropdown-menu-item {

  color: #4c4c57;

}



.header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child {

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  padding: 8px 20px;

}



.header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active {

  color: #00bcd4;

}



.header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:focus {

  background: 0;

}



.header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover {

  color: #fff;

  background: #00bcd4;

}



.header-center-aligned-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child {

  color: #00bcd4;

}



.header-center-aligned-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child:hover {

  background: 0;

}



/* Dropdown Submenu */

.header-center-aligned-transparent .dropdown-submenu {

  position: relative;

}



.header-center-aligned-transparent .dropdown-submenu:hover .dropdown-submenu-child {

  color: #00bcd4;

}



.header-center-aligned-transparent .dropdown-submenu:hover .dropdown-menu {

  display: block;

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  cursor: pointer;

  padding: 8px 20px;

  margin: 0;

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:after {

  position: absolute;

  top: 8px;

  right: 12px;

  display: inline-block;

  font-size: 12px;

  font-family: FontAwesome;

  content: "\f105";

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active {

  color: #00bcd4;

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active:hover:after {

  color: #00bcd4;

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:hover {

  color: #fff;

  background: #00bcd4;

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:hover:after {

  color: #fff;

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-menu {

  top: -1px;

  left: 100%;

  margin-left: -0.8px;

}



.header-center-aligned-transparent .dropdown-submenu .dropdown-menu.dropdown-menu-left {

  left: -100%;

  margin-left: 0.5px;

}



.header-center-aligned-transparent .dropdown-submenu.active .dropdown-submenu-child {

  color: #00bcd4;

}



.header-center-aligned-transparent .dropdown-submenu.active .dropdown-submenu-child:hover {

  color: #00bcd4;

  background: #fff;

}



/* Mega Menu */

.header-center-aligned-transparent .mega-menu-list .mega-menu-title {

  display: block;

  font-size: 13px;

  font-weight: 500;

  color: #34343c;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.header-center-aligned-transparent .mega-menu-list .mega-menu-child {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  text-decoration: none;

  padding: 8px 20px;

  margin: 0;

}



.header-center-aligned-transparent .mega-menu-list .mega-menu-child.active {

  color: #00bcd4;

}



.header-center-aligned-transparent .mega-menu-list .mega-menu-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-center-aligned-transparent .mega-menu-list .mega-menu-child:hover {

  color: #fff;

  background: #00bcd4;

  text-decoration: none;

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  /* Bootstrap collapse of navigation with a maximum width: 991px

    (Change it to any breakpoint you want to be collapsed) */

  .header-center-aligned-transparent .navbar-toggle {

    display: block;

  }

  .header-center-aligned-transparent .navbar-collapse.collapse {

    display: none !important;

  }

  .header-center-aligned-transparent .navbar-collapse.collapse.in {

    display: block !important;

    overflow-y: auto !important;

  }

  .header-center-aligned-transparent .navbar-nav {

    margin: 0;

    float: none;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item {

    float: none;

  }

  /* Navbar Fixed Top */

  .header-center-aligned-transparent {

    background: #fff;

  }

  .header-center-aligned-transparent.navbar-fixed-top, .header-center-aligned-transparent.navbar-fixed-top-boxed {

    position: relative;

  }

  .header-center-aligned-transparent.navbar-fixed-top .nav-collapse, .header-center-aligned-transparent.navbar-fixed-top-boxed .nav-collapse {

    max-height: none;

    padding: 0;

    margin: 0;

  }

  /* Menu Container */

  .header-center-aligned-transparent .menu-container:before, .header-center-aligned-transparent .menu-container:after {

    content: " ";

    display: table;

  }

  .header-center-aligned-transparent .menu-container:after {

    clear: both;

  }

  /* Shopping Cart */

  .header-center-aligned-transparent .shopping-cart .shopping-cart-icon {

    color: #34343c;

  }

  /* Navbar Logo */

  .header-center-aligned-transparent .navbar-logo {

    width: auto;

    height: 100%;

    display: block;

    float: none;

    text-align: center;

  }

  .header-center-aligned-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-white {

    display: none;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-dark {

    display: inline-block;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  /* Navbar Nav */

  .header-center-aligned-transparent .navbar-nav .nav-item {

    border-top: 1px solid #ebeef6;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item.open .nav-item-child:after {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-child {

    color: #34343c;

    line-height: 1.4;

    padding: 12px 12px 12px 0;

  }

  .header-center-aligned-transparent .navbar-nav .dropdown-toggle {

    position: relative;

  }

  .header-center-aligned-transparent .navbar-nav .dropdown-toggle:after {

    position: absolute;

    top: 12px;

    right: 0;

    display: inline-block;

    font-size: 12px;

    font-family: FontAwesome;

    content: "\f105";

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-bg {

    display: inline-block;

    border-top: none;

    margin: 10px 0 20px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child {

    color: #fff;

    line-height: 20px;

    padding: 7px 15px;

    background: #00bcd4;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child:after {

    content: " ";

    display: none;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child:hover {

    color: #fff;

  }

  /* Dropdown Menu */

  .header-center-aligned-transparent .dropdown-menu {

    position: static;

    float: none;

  }

  .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item:last-child {

    margin-bottom: 20px;

  }

  /* Dropdown Submenu */

  .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child {

    font-weight: 500;

  }

  .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:after {

    display: none;

  }

  .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:hover {

    cursor: inherit;

  }

  .header-center-aligned-transparent .dropdown-submenu .dropdown-menu {

    display: block;

    padding-left: 20px;

    margin-bottom: 20px;

  }

  .header-center-aligned-transparent .dropdown-submenu:hover .dropdown-submenu-child {

    color: #34343c;

    background: 0;

  }

  /* Mega Menu */

  .header-center-aligned-transparent .mega-menu-list {

    margin-bottom: 20px;

  }

  .header-center-aligned-transparent .mega-menu-list .mega-menu-title {

    font-size: 12px;

    padding: 8px 20px;

    margin-bottom: 0;

  }

  .header-center-aligned-transparent .mega-menu-list .mega-menu-item {

    margin-left: 20px;

  }

}



/* Media Queries below 767px */

@media (max-width: 767px) {

  /* Menu Container */

  .header-center-aligned-transparent .menu-container {

    padding-left: 15px;

    padding-right: 15px;

    margin-left: 0;

    margin-right: 0;

  }

  .header-center-aligned-transparent .navbar > .container {

    width: auto;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

  }

  .header-center-aligned-transparent .navbar > .container > .nav-collapse {

    margin-left: 0;

    margin-right: 0;

  }

  /* Theme Toggle Trigger */

  .header-center-aligned-transparent .theme-toggle-trigger {

    display: block;

  }

  .header-center-aligned-transparent .theme-toggle-content {

    display: none;

  }

}



/* Media Queries above 768px */

@media (min-width: 768px) {

  /* Navbar Fixed Top Boxed */

  .header-center-aligned-transparent.navbar-fixed-top-boxed {

    position: fixed;

    top: 0;

    left: auto;

    right: auto;

  }

  /* Theme Toggle Trigger */

  .header-center-aligned-transparent .theme-toggle-trigger {

    display: none !important;

  }

  .header-center-aligned-transparent .theme-toggle-content {

    display: block !important;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header Shrink */

  .header-shrink.header-center-aligned-transparent {

    background: #fff;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned-transparent:before, .header-shrink.header-center-aligned-transparent:after {

    position: absolute;

    top: 50%;

    left: 10px;

    right: 10px;

    bottom: 0;

    z-index: -1;

    box-shadow: 0 0 15px #e8e8ec;

    border-radius: 1000px / 30px;

    content: " ";

  }

  .header-shrink.header-center-aligned-transparent:after {

    left: auto;

    right: 10px;

  }

  .header-shrink.header-center-aligned-transparent .navbar {

    background: #fff;

  }

  .header-shrink.header-center-aligned-transparent .navbar-logo {

    max-height: 70px;

    line-height: 35px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned-transparent .navbar-logo .navbar-logo-wrap {

    padding: 13px 0;

  }

  .header-shrink.header-center-aligned-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-white {

    display: none;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-dark {

    display: inline-block;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned-transparent .navbar-actions .navbar-actions-shrink {

    line-height: 70px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned-transparent .shopping-cart .shopping-cart-icon {

    color: #34343c;

  }

  .header-shrink.header-center-aligned-transparent .shopping-cart .shopping-cart-icon:hover {

    color: #00bcd4;

  }

  .header-shrink.header-center-aligned-transparent .navbar-nav .nav-item-child {

    color: #34343c;

    line-height: 70px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-center-aligned-transparent .navbar-nav .nav-item-bg {

    margin: 17px 15px 17px 0;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  /* Navbar */

  .header-center-aligned-transparent .navbar-nav.navbar-nav-left {

    float: left;

  }

  .header-center-aligned-transparent .navbar-nav.navbar-nav-right {

    float: right;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item .dropdown-menu {

    z-index: 9999;

    min-width: 200px;

    border: none;

    border-radius: 0;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item .open > .dropdown-menu {

    display: none;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item:hover .nav-item-child {

    color: #00bcd4;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item:hover > .dropdown-menu {

    display: block;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-child.active {

    color: #00bcd4;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-bg {

    margin: 27px 15px 27px 0;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child {

    color: #fff;

    line-height: 20px;

    padding: 7px 15px;

    background: #00bcd4;

  }

  .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child:hover {

    color: #fff;

  }

  /* Mega Menu */

  .header-center-aligned-transparent .mega-menu .nav,

  .header-center-aligned-transparent .mega-menu .collapse,

  .header-center-aligned-transparent .mega-menu .dropdown,

  .header-center-aligned-transparent .mega-menu .dropup {

    position: static;

  }

  .header-center-aligned-transparent .mega-menu .container {

    position: relative;

  }

  .header-center-aligned-transparent .dropdown-menu {

    left: auto;

  }

  .header-center-aligned-transparent .mega-menu-fullwidth .dropdown-menu {

    left: 15px;

    right: 15px;

    padding: 20px 0;

  }

  .header-center-aligned-transparent .mega-menu-content {

    padding: 0 20px;

  }

  .header-center-aligned-transparent .mega-menu-list {

    margin-bottom: 0;

  }

  .header-center-aligned-transparent .mega-menu-list .mega-menu-item {

    padding: 0;

  }

  .header-center-aligned-transparent .mega-menu-list .mega-menu-title {

    padding-left: 20px;

  }

}



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

    [Header Fullscreen]

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

/* Navbar */

.header-fullscreen .navbar-fullscreen-navbar {

  z-index: 999;

  background: transparent;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}



.header-fullscreen .navbar-fullscreen-navbar:before, .header-fullscreen .navbar-fullscreen-navbar:after {

  content: " ";

  display: table;

}



.header-fullscreen .navbar-fullscreen-navbar:after {

  clear: both;

}



.header-fullscreen .header-fullscreen-col {

  width: 33.33333%;

  float: left;

}



.header-fullscreen .header-fullscreen-nav-actions-left {

  padding: 32px 0;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger {

  position: relative;

  float: left;

  display: inline-block;

  width: 30px;

  height: 30px;

  text-align: center;

  text-decoration: none;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon {

  position: relative;

  top: 3px;

  width: 20px;

  height: 1px;

  display: inline-block;

  background: #fff;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:after {

  position: absolute;

  left: 0;

  width: 20px;

  height: 1px;

  background: #fff;

  content: " ";

}



.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:before {

  bottom: -6px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:after {

  top: -6px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon {

  background: #00bcd4;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after {

  background: #00bcd4;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-logo-wrap {

  position: relative;

  top: 0;

  left: 50%;

  width: 150px;

  height: auto;

  text-align: center;

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

}



.header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo {

  display: block;

  width: 150px;

  height: auto;

  z-index: 2001;

  max-height: 95px;

  text-align: center;

  line-height: 65px;

  padding: 15px 0;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo .header-fullscreen-nav-logo-img {

  display: inline-block;

  width: 85px;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}



.header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo .header-fullscreen-nav-logo-img.header-fullscreen-nav-logo-img-white {

  display: inline-block;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo .header-fullscreen-nav-logo-img.header-fullscreen-nav-logo-img-dark {

  display: none;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-actions-right {

  display: inline-block;

  text-align: right;

  padding: 37px 0;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-actions-right .nav-item-child {

  color: #fff;

  line-height: 20px;

  padding: 7px 15px;

  background: #00bcd4;

  text-decoration: none;

}



.header-fullscreen .header-fullscreen-nav-actions-right .nav-item-child:hover {

  color: #fff;

}



/* Nav Overlay */

.header-fullscreen .header-fullscreen-nav-overlay {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 92%;

  height: auto;

  z-index: 2000;

  visibility: hidden;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



.header-fullscreen .header-fullscreen-nav-overlay .header-fullscreen-nav-overlay-content {

  background: transparent;

  opacity: 0;

  overflow: hidden;

  -webkit-transform: scale(0.7, 1);

  -moz-transform: scale(0.7, 1);

  transform: scale(0.7, 1);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-bg-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1000;

  background: rgba(247, 248, 250, 0.2);

  visibility: hidden;

  opacity: 0;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-bg-overlay .header-fullscreen-nav-close {

  position: fixed;

  top: 15px;

  right: 15px;

  width: 30px;

  height: 30px;

  font-size: 30px;

  color: #34343c;

  text-align: center;

  text-decoration: none;

  vertical-align: middle;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-bg-overlay .header-fullscreen-nav-close:hover {

  color: #00bcd4;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-nav-overlay-show {

  visibility: visible;

}



.header-fullscreen .header-fullscreen-nav-overlay-show .header-fullscreen-nav-overlay-content {

  opacity: 1;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

}



.header-fullscreen .header-fullscreen-nav-overlay-show ~ .header-fullscreen-nav-bg-overlay {

  opacity: 1;

  visibility: visible;

  background: #f7f8fa;

}



/* Menu */

.header-fullscreen .header-fullscreen-menu {

  max-width: 500px;

  display: block;

  text-align: center;

  list-style: none;

  padding: 0;

  margin: 0 auto;

}



.header-fullscreen .header-fullscreen-menu .nav-main-item {

  display: block;

  font-size: 18px;

  color: #34343c;

}



.header-fullscreen .header-fullscreen-menu .nav-main-item-child,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child {

  display: block;

  color: #34343c;

  text-decoration: none;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown {

  position: relative;

}



.header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:after, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:after,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:after,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:after {

  display: inline-block;

  font-size: 14px;

  font-family: FontAwesome;

  color: #606060;

  content: "\f105";

  margin-left: 10px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.nav-item-open:after, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.nav-item-open:after,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.nav-item-open:after,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.nav-item-open:after {

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  transform: rotate(90deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover {

  color: #00bcd4;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active:before, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active:after, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:before, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:after, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:before, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:after, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:before, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:after,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:before,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:after,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:before,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:after,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:before,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:after,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:before,

.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:after {

  color: #00bcd4;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-fullscreen .header-fullscreen-menu .nav-main-item-child {

  font-size: 18px;

  padding: 10px 0;

}



.header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:after {

  top: 10px;

}



.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child {

  font-size: 16px;

  padding: 5px 0;

  color: #606060;

}



.header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:after {

  top: 5px;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu {

  display: none;

  list-style: none;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  padding: 0;

  margin: 0 0 15px 10px;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu {

  margin-bottom: 0;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-item,

.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child {

  display: block;

  font-size: 15px;

  color: #606060;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-item {

  padding: 5px 0;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-link {

  display: block;

  font-size: 15px;

  color: #606060;

  text-decoration: none;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-link:hover {

  color: #00bcd4;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child {

  text-decoration: none;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child.active {

  color: #00bcd4;

}



.header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child:hover {

  color: #00bcd4;

}



/* Media Queries below 767px */

@media (max-width: 768px) {

  .header-fullscreen .header-fullscreen-nav-overlay {

    width: 90%;

  }

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  /* Navbar */

  .header-fullscreen .navbar-fullscreen-navbar {

    background: #fff;

  }

  /* Nav Logo */

  .header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo .header-fullscreen-nav-logo-img.header-fullscreen-nav-logo-img-white {

    display: none;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo .header-fullscreen-nav-logo-img.header-fullscreen-nav-logo-img-dark {

    display: inline-block;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  /* Nav Trigger */

  .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon {

    background: #34343c;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:after {

    background: #34343c;

  }

  .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon {

    background: #00bcd4;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after {

    background: #00bcd4;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header Shrink */

  .header-shrink.header-fullscreen .navbar-fullscreen-navbar {

    background: #fff;

    box-shadow: 0 0 15px #ebeef6;

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo {

    max-height: 80px;

    line-height: 50px;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo .header-fullscreen-nav-logo-img.header-fullscreen-nav-logo-img-white {

    display: none;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-logo-wrap .header-fullscreen-nav-logo .header-fullscreen-nav-logo-img.header-fullscreen-nav-logo-img-dark {

    display: inline-block;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left {

    padding: 25px 0;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger {

    height: 30px;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon {

    top: -1px;

    background: #34343c;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:before, .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:after {

    background: #34343c;

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon {

    background: #00bcd4;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after {

    background: #00bcd4;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-fullscreen .header-fullscreen-nav-actions-right {

    padding: 30px 0;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

}



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

    [Header Section Scroll]

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

.header-section-scroll {

  background: #fff;

}



/* Navbar */

.header-section-scroll .navbar {

  background: #fff;

  border-radius: 0;

  padding: 10px;

  margin: 10px;

}



/* Navbar Toggle */

.header-section-scroll .navbar-toggle {

  width: 25px;

  height: 25px;

  float: left;

  border: none;

  padding: 0;

  margin: 29px 0;

}



.header-section-scroll .navbar-toggle .toggle-icon {

  position: relative;

  width: 15px;

  height: 1px;

  display: inline-block;

  background: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-section-scroll .navbar-toggle .toggle-icon:before, .header-section-scroll .navbar-toggle .toggle-icon:after {

  position: absolute;

  left: 0;

  width: 15px;

  height: 1px;

  background: #34343c;

  content: " ";

}



.header-section-scroll .navbar-toggle .toggle-icon:before {

  bottom: 10px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-section-scroll .navbar-toggle .toggle-icon:after {

  top: -5px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-section-scroll .navbar-toggle .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



.header-section-scroll .navbar-toggle .toggle-icon.is-clicked:before, .header-section-scroll .navbar-toggle .toggle-icon.is-clicked:after {

  background: #34343c;

}



.header-section-scroll .navbar-toggle .toggle-icon.is-clicked:before {

  bottom: 5px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-section-scroll .navbar-toggle .toggle-icon.is-clicked:after {

  top: -5px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-section-scroll .navbar-toggle:hover .toggle-icon {

  background: #00bcd4;

}



.header-section-scroll .navbar-toggle:hover .toggle-icon:before, .header-section-scroll .navbar-toggle:hover .toggle-icon:after {

  background: #00bcd4;

}



.header-section-scroll .navbar-toggle:hover .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



/* Navbar Logo */

.header-section-scroll .navbar-logo {

  width: auto;

  height: 100%;

  display: block;

  float: none;

  text-align: center;

  margin: 40px 25px;

}



.header-section-scroll .navbar-logo .navbar-logo-wrap {

  display: inline-block;

  padding: 20px 0;

}



.header-section-scroll .navbar-logo .navbar-logo-wrap:focus, .header-section-scroll .navbar-logo .navbar-logo-wrap:hover {

  text-decoration: none;

}



.header-section-scroll .navbar-logo .navbar-logo-img {

  display: inline-block;

  width: 85px;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}



/* Navbar Nav */

.header-section-scroll .header-section-scroll-menu {

  list-style: none;

  padding: 0;

  margin: 0;

}



.header-section-scroll .header-section-scroll-menu .nav-item {

  display: block;

  font-size: 13px;

  font-weight: 400;

  border-top: 1px dashed #ebeef6;

  color: #34343c;

  letter-spacing: 1px;

}



.header-section-scroll .header-section-scroll-menu .nav-item:last-child {

  border-bottom: 1px dashed #ebeef6;

}



.header-section-scroll .header-section-scroll-menu .nav-item.active .nav-item-child:hover, .header-section-scroll .header-section-scroll-menu .nav-item.active .nav-item-child:focus {

  color: #00bcd4;

}



.header-section-scroll .header-section-scroll-menu .nav-item-child {

  display: block;

  font-size: 13px;

  font-weight: 400;

  color: #34343c;

  text-transform: uppercase;

  text-decoration: none;

  padding: 10px;

}



.header-section-scroll .header-section-scroll-menu .nav-item-child:hover {

  color: #00bcd4;

}



/* Copyright */

.header-section-scroll .header-section-scroll-copyright {

  font-size: 14px;

  text-align: center;

  margin-bottom: 0;

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  /* Bootstrap collapse of navigation with a maximum width: 991px

    (Change it to any breakpoint you want to be collapsed) */

  .header-section-scroll .navbar-toggle {

    display: block;

  }

  .header-section-scroll .navbar-collapse.collapse {

    display: none !important;

  }

  .header-section-scroll .navbar-collapse.collapse.in {

    display: block !important;

    overflow-y: auto !important;

  }

  /* Navbar Logo */

  .header-section-scroll .navbar-logo {

    margin: 0 25px;

  }

  /* Copyright */

  .header-section-scroll .header-section-scroll-copyright {

    display: none;

  }

  /* Navbar */

  .header-section-scroll .navbar {

    padding: 0;

    margin: 0;

  }

}



/* Media Queries above 768px */

@media (min-width: 768px) {

  /* Navbar Collapse */

  .header-section-scroll .navbar-collapse {

    padding: 0;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header v5 */

  .header-section-scroll {

    position: fixed;

    top: 0;

    left: 0;

    width: 260px;

    height: 100%;

    z-index: 999;

    float: left;

    border-right: 2px solid #ebeef6;

  }

  .header-section-scroll .container {

    width: auto;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

  }

  /* Navbar Collapse */

  .header-section-scroll .navbar-collapse {

    height: auto;

    max-height: none;

    border-top: 0;

    box-shadow: none;

    padding: 0;

  }

  .header-section-scroll .navbar-collapse.collapse {

    width: auto !important;

    display: block !important;

    overflow: visible !important;

  }

  .header-section-scroll .navbar-collapse.in {

    overflow-x: visible;

  }

  .header-section-scroll .navbar-nav,

  .header-section-scroll .navbar-left,

  .header-section-scroll .navbar-right,

  .header-section-scroll .navbar-header,

  .header-section-scroll .nav-item {

    float: none !important;

  }

  /* Header v5 Container */

  .header-section-scroll-container {

    margin-left: 260px;

  }

  .header-section-scroll-container .container {

    width: 100%;

  }

}



/* Media Queries above 1200px */

@media (min-width: 1200px) {

  /* Header v5 Container */

  .header-section-scroll-container > .container {

    width: auto;

  }

}



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

    [Header v5 Right]

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

/* Navbar Toggle */

.header-section-scroll.header-section-scroll-right .navbar-toggle {

  float: right;

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header v5 Right */

  .header-section-scroll.header-section-scroll-right {

    position: fixed;

    top: 0;

    left: auto;

    right: 0;

    float: none;

    border-left: 2px solid #ebeef6;

    border-right: none;

  }

  /* Header v5 Container Right*/

  .header-section-scroll-container-right {

    margin-right: 260px;

  }

  .header-section-scroll-container-right .container {

    width: auto;

  }

}



/* Media Queries above 1200px */

@media (min-width: 1200px) {

  /* Header v5 Container Right */

  .header-section-scroll-container-right .container {

    width: auto;

  }

}



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

    [Heeader Slide]

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

.header-slide {

  background: #fff;

}



/* Logo */

.header-slide .header-slide-logo-wrap {

  width: 140px;

  height: 140px;

  float: left;

  max-height: 90px;

  line-height: 60px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-slide .header-slide-logo-wrap .header-slide-logo {

  display: inline-block;

  padding: 15px 0;

}



.header-slide .header-slide-logo-wrap .header-slide-logo:focus, .header-slide .header-slide-logo-wrap .header-slide-logo:hover {

  text-decoration: none;

}



.header-slide .header-slide-logo-wrap .header-slide-logo-img {

  display: inline-block;

  width: 120px;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}



/* Actions */

.header-slide-actions {

  position: relative;

  float: right;

  padding: 35px 0;

}



/* Menu Trigger */

.header-slide .header-slide-menu-trigger {

  display: inline-block;

  width: 20px;

  height: 20px;

}



.header-slide .header-slide-menu-trigger .toggle-icon {

  position: absolute;

  top: 50%;

  right: 0;

  width: 20px;

  height: 2px;

  background: #34343c;

  margin-top: -1px;

  margin-left: -10px;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-slide .header-slide-menu-trigger .toggle-icon::before, .header-slide .header-slide-menu-trigger .toggle-icon::after {

  position: absolute;

  width: 100%;

  height: 100%;

  background: #34343c;

  content: " ";

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-slide .header-slide-menu-trigger .toggle-icon::before {

  -webkit-transform: translate3d(0, -6px, 0);

  -moz-transform: translate3d(0, -6px, 0);

  transform: translate3d(0, -6px, 0);

}



.header-slide .header-slide-menu-trigger .toggle-icon::after {

  -webkit-transform: translate3d(0, 6px, 0);

  -moz-transform: translate3d(0, 6px, 0);

  transform: translate3d(0, 6px, 0);

}



.header-slide .header-slide-menu-trigger.menu-is-visible .toggle-icon {

  background: rgba(52, 52, 60, 0);

}



.header-slide .header-slide-menu-trigger.menu-is-visible .toggle-icon::before {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.header-slide .header-slide-menu-trigger.menu-is-visible .toggle-icon::after {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

}



/* Menu */

.header-slide .header-slide-menu {

  border-bottom: 1px solid #ececec;

}



/* Nav */

.header-slide .header-slide-nav {

  text-align: center;

  background: #fff;

  list-style: none;

  padding: 0;

  margin-bottom: 0;

}



.header-slide .header-slide-nav .header-slide-nav-item {

  display: inline-block;

  padding: 20px;

}



.header-slide .header-slide-nav .header-slide-nav-link {

  font-size: 20px;

  font-weight: 100;

  color: #34343c;

  text-decoration: none;

}



.header-slide .header-slide-nav .header-slide-nav-link:hover {

  color: #00bcd4;

}



/* Subnav */

.header-slide-subnav {

  position: absolute;

  left: 50%;

  text-align: center;

  line-height: 84px;

  background: #fff;

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0);

}



.header-slide-subnav .header-slide-subnav-item {

  display: inline-block;

  padding: 5px 2px;

}



.header-slide-subnav .header-slide-subnav-link {

  font-size: 13px;

  font-weight: 500;

  background: transparent;

  border-radius: 50px;

  text-transform: uppercase;

  padding: 7px 13px;

  text-decoration: none;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-slide-subnav .header-slide-subnav-link.active {

  color: #fff;

  background: #00bcd4;

}



.header-slide-subnav .header-slide-subnav-link.active:hover {

  color: #fff;

  background: #00bcd4;

}



.header-slide-subnav .header-slide-subnav-link:hover {

  color: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Header]

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

.header-transparent {

  border: none;

  background: transparent;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent.header-transparent-bb {

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}



/* Navbar */

.header-transparent .navbar {

  background: transparent;

  border: none;

  border-radius: 0;

  margin-bottom: 0;

}



/* Navbar Toggle */

.header-transparent .navbar-toggle {

  width: 25px;

  height: 25px;

  float: left;

  border: none;

  padding: 0;

  margin: 32px 0;

}



.header-transparent .navbar-toggle .toggle-icon {

  position: relative;

  width: 15px;

  height: 1px;

  display: inline-block;

  background: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-toggle .toggle-icon:before, .header-transparent .navbar-toggle .toggle-icon:after {

  position: absolute;

  left: 0;

  width: 15px;

  height: 1px;

  background: #34343c;

  content: " ";

}



.header-transparent .navbar-toggle .toggle-icon:before {

  bottom: 10px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-toggle .toggle-icon:after {

  top: -5px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-toggle .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



.header-transparent .navbar-toggle .toggle-icon.is-clicked:before, .header-transparent .navbar-toggle .toggle-icon.is-clicked:after {

  background: #34343c;

}



.header-transparent .navbar-toggle .toggle-icon.is-clicked:before {

  bottom: 5px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-toggle .toggle-icon.is-clicked:after {

  top: -5px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-toggle:hover .toggle-icon {

  background: #00bcd4;

}



.header-transparent .navbar-toggle:hover .toggle-icon:before, .header-transparent .navbar-toggle:hover .toggle-icon:after {

  background: #00bcd4;

}



.header-transparent .navbar-toggle:hover .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



/* Topbar Toggle Trigger */

.header-transparent .topbar-toggle-trigger {

  float: left;

  width: 27px;

  height: 27px;

  text-align: center;

  cursor: pointer;

  padding: 35px 0 55px;

}



.header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style {

  position: relative;

  top: 8px;

  display: block;

  width: 4px;

  height: 4px;

  text-align: center;

  background: #34343c;

  border-radius: 50%;

  content: " ";

  margin: 0 auto;

}



.header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:before, .header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:after {

  position: absolute;

  left: 50%;

  width: 4px;

  height: 4px;

  background: #34343c;

  border-radius: 50%;

  content: " ";

  margin-left: -2px;

}



.header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:before {

  top: -6px;

}



.header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:after {

  bottom: -6px;

}



.header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style {

  background: #00bcd4;

}



.header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after {

  background: #00bcd4;

}



/* Navbar Actions */

.header-transparent .navbar-actions {

  position: relative;

  float: right;

}



.header-transparent .navbar-actions .navbar-actions-shrink {

  line-height: 90px;

  float: left;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Shopping Cart */

.header-transparent .shopping-cart {

  position: relative;

}



.header-transparent .shopping-cart .shopping-cart-icon {

  font-size: 13px;

  color: #fff;

  text-align: center;

  cursor: pointer;

  padding: 0 9px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .shopping-cart .shopping-cart-icon:hover {

  color: #00bcd4;

}



.header-transparent .shopping-cart .shopping-cart-menu {

  position: absolute;

  top: 100%;

  right: 0;

  width: 270px;

  display: none;

  line-height: 1.4;

  z-index: 1;

  background: #fff;

  border: 1px solid #ebeef6;

  border-top: 2px solid #00bcd4;

}



.header-transparent .shopping-cart .shopping-cart-menu-title {

  display: block;

  font-size: 18px;

  color: #34343c;

  border-bottom: 1px solid #ebeef6;

  padding: 15px;

}



.header-transparent .shopping-cart .shopping-cart-menu-content {

  display: block;

  padding: 15px;

  border-bottom: 1px solid #ebeef6;

}



.header-transparent .shopping-cart .shopping-cart-menu-content:before, .header-transparent .shopping-cart .shopping-cart-menu-content:after {

  content: " ";

  display: table;

}



.header-transparent .shopping-cart .shopping-cart-menu-content:after {

  clear: both;

}



.header-transparent .shopping-cart .shopping-cart-menu-product-media {

  float: left;

  margin-right: 15px;

}



.header-transparent .shopping-cart .shopping-cart-menu-product-media .shopping-cart-menu-product-img {

  width: 60px;

  height: auto;

}



.header-transparent .shopping-cart .shopping-cart-menu-product-wrap {

  float: left;

  margin-right: 15px;

}



.header-transparent .shopping-cart .shopping-cart-menu-product-wrap:before, .header-transparent .shopping-cart .shopping-cart-menu-product-wrap:after {

  content: " ";

  display: table;

}



.header-transparent .shopping-cart .shopping-cart-menu-product-wrap:after {

  clear: both;

}



.header-transparent .shopping-cart .shopping-cart-menu-product-name {

  display: block;

  font-size: 13px;

  color: #34343c;

  margin-bottom: -2px;

}



.header-transparent .shopping-cart .shopping-cart-menu-product-name:hover {

  color: #00bcd4;

  text-decoration: none;

}



.header-transparent .shopping-cart .shopping-cart-menu-product-price {

  display: block;

  font-size: 12px;

  color: #535353;

  margin-top: 5px;

}



.header-transparent .shopping-cart .shopping-cart-close {

  float: right;

  font-size: 16px;

  color: #535353;

}



.header-transparent .shopping-cart .shopping-cart-close:before, .header-transparent .shopping-cart .shopping-cart-close:after {

  content: " ";

  display: table;

}



.header-transparent .shopping-cart .shopping-cart-close:after {

  clear: both;

}



.header-transparent .shopping-cart .shopping-cart-close:hover {

  color: #00bcd4;

  text-decoration: none;

}



.header-transparent .shopping-cart .shopping-cart-subtotal {

  padding: 15px;

}



.header-transparent .shopping-cart .shopping-cart-subtotal-content {

  display: block;

  margin-bottom: 10px;

}



.header-transparent .shopping-cart .shopping-cart-subtotal-content:before, .header-transparent .shopping-cart .shopping-cart-subtotal-content:after {

  content: " ";

  display: table;

}



.header-transparent .shopping-cart .shopping-cart-subtotal-content:after {

  clear: both;

}



.header-transparent .shopping-cart .shopping-cart-subtotal-title {

  font-size: 14px;

  color: #34343c;

}



.header-transparent .shopping-cart .shopping-cart-subtotal-price {

  font-size: 13px;

  color: #00bcd4;

  float: right;

}



.header-transparent .shopping-cart .shopping-cart-subtotal-view {

  font-size: 12px;

  text-align: center;

  margin-bottom: 0;

}



.header-transparent .shopping-cart .shopping-cart-subtotal-view-link {

  font-size: 12px;

  color: #34343c;

}



.header-transparent .shopping-cart .shopping-cart-subtotal-view-link:hover {

  color: #00bcd4;

}



.header-transparent .shopping-cart:hover .shopping-cart-menu {

  display: block;

}



/* Navbar Logo */

.header-transparent .navbar-logo {

  width: 350px;

  height: auto;

  float: left;

  padding-top: 20px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-logo .navbar-logo-wrap {

  display: inline-block;

  padding: 0;

}



.header-transparent .navbar-logo .navbar-logo-wrap:focus, .header-transparent .navbar-logo .navbar-logo-wrap:hover {

  text-decoration: none;

}



.header-transparent .navbar-logo .navbar-logo-img {

  display: inline-block;

  width: 350px;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-white {

  display: inline-block;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-dark {

  display: none;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Navbar Nav */

.header-transparent .navbar-nav .nav-item-child {

  font-size: 14px;

  font-weight: 400;

  color: #0061D4;

  background: transparent;

  letter-spacing: 1px;

  text-transform: uppercase;

  padding: 5px 15px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-transparent .navbar-nav .nav-item-child.active {

  color: #00bcd4;

  background: rgba(255, 255, 255, 0.9);

}



.header-transparent .navbar-nav .nav-item-child.active:hover {

  color: #00bcd4;

  background: rgba(255, 255, 255, 0.9);

}



.header-transparent .navbar-nav .nav-item-child:hover, .header-transparent .navbar-nav .nav-item-child:focus {

  color: #00bcd4;

  background: rgba(255, 255, 255, 0.9);

}



.header-transparent .navbar-nav .open .nav-item-child:hover, .header-transparent .navbar-nav .open .nav-item-child:focus {

  color: #00bcd4;

  background: rgba(255, 255, 255, 0.9);

}



/* Dropdown Menu */

.header-transparent .dropdown-menu {

  min-width: 200px;

  line-height: 1.4;

  border: none;

  border-radius: 0;

  box-shadow: none;

  padding: 0;

  margin-top: 1px;

}



.header-transparent .dropdown-menu .dropdown-menu-item {

  color: #4c4c57;

}



.header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child {

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  padding: 8px 20px;

}



.header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active {

  color: #00bcd4;

}



.header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:focus {

  background: 0;

}



.header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover {

  color: #fff;

  background: #00bcd4;

}



.header-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child {

  color: #00bcd4;

}



.header-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child:hover {

  background: 0;

}



/* Dropdown Submenu */

.header-transparent .dropdown-submenu {

  position: relative;

  line-height: 1.4;

}



.header-transparent .dropdown-submenu:hover .dropdown-submenu-child {

  color: #00bcd4;

}



.header-transparent .dropdown-submenu:hover .dropdown-menu {

  display: block;

}



.header-transparent .dropdown-submenu .dropdown-submenu-child {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  cursor: pointer;

  padding: 8px 20px;

  margin: 0;

}



.header-transparent .dropdown-submenu .dropdown-submenu-child:after {

  position: absolute;

  top: 8px;

  right: 12px;

  display: inline-block;

  font-size: 12px;

  font-family: FontAwesome;

  content: "\f105";

}



.header-transparent .dropdown-submenu .dropdown-submenu-child.active {

  color: #00bcd4;

}



.header-transparent .dropdown-submenu .dropdown-submenu-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-transparent .dropdown-submenu .dropdown-submenu-child.active:hover:after {

  color: #00bcd4;

}



.header-transparent .dropdown-submenu .dropdown-submenu-child:hover {

  color: #fff;

  background: #00bcd4;

}



.header-transparent .dropdown-submenu .dropdown-submenu-child:hover:after {

  color: #fff;

}



.header-transparent .dropdown-submenu .dropdown-menu {

  top: -1px;

  left: 100%;

  margin-left: -0.8px;

}



.header-transparent .dropdown-submenu .dropdown-menu.dropdown-menu-left {

  left: -100%;

  margin-left: 0.5px;

}



.header-transparent .dropdown-submenu.active .dropdown-submenu-child {

  color: #00bcd4;

}



.header-transparent .dropdown-submenu.active .dropdown-submenu-child:hover {

  color: #00bcd4;

  background: #fff;

}



/* Mega Menu */

.header-transparent .mega-menu-list .mega-menu-title {

  display: block;

  font-size: 13px;

  font-weight: 500;

  color: #34343c;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.header-transparent .mega-menu-list .mega-menu-child {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #4c4c57;

  text-transform: uppercase;

  text-decoration: none;

  padding: 8px 20px;

  margin: 0;

}



.header-transparent .mega-menu-list .mega-menu-child.active {

  color: #00bcd4;

}



.header-transparent .mega-menu-list .mega-menu-child.active:hover {

  color: #00bcd4;

  background: #fff;

}



.header-transparent .mega-menu-list .mega-menu-child:hover {

  color: #fff;

  background: #00bcd4;

  text-decoration: none;

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  /* Bootstrap collapse of navigation with a maximum width: 991px

    (Change it to any breakpoint you want to be collapsed) */

  .header-transparent .navbar-toggle {

    display: block;

  }

  .header-transparent .navbar-collapse.collapse {

    display: none !important;

  }

  .header-transparent .navbar-collapse.collapse.in {

    display: block !important;

    overflow-y: auto !important;

  }

  .header-transparent .navbar-nav {

    margin: 0;

    float: none;

  }

  .header-transparent .navbar-nav .nav-item {

    float: none;

  }

  /* Navbar Fixed Top */

  .header-transparent {

    background: #fff;

  }

  .header-transparent.navbar-fixed-top, .header-transparent.navbar-fixed-top-boxed {

    position: relative;

  }

  .header-transparent.navbar-fixed-top .nav-collapse, .header-transparent.navbar-fixed-top-boxed .nav-collapse {

    max-height: none;

    padding: 0;

    margin: 0;

  }

  /* Menu Container */

  .header-transparent .menu-container:before, .header-transparent .menu-container:after {

    content: " ";

    display: table;

  }

  .header-transparent .menu-container:after {

    clear: both;

  }

  /* Shopping Cart */

  .header-transparent .shopping-cart .shopping-cart-icon {

    color: #34343c;

  }

  /* Navbar Logo */

  .header-transparent .navbar-logo {

    width: auto;

    height: 100%;

    display: block;

    float: none;

    text-align: center;

    margin: 0 70px;

  }

  .header-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-white {

    display: none;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-dark {

    display: inline-block;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  /* Navbar Nav */

  .header-transparent .navbar-nav .nav-item {

    border-top: 1px solid #ebeef6;

  }

  .header-transparent .navbar-nav .nav-item.open .nav-item-child:after {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-transparent .navbar-nav .nav-item-child {

    color: #34343c;

    line-height: 1.4;

    padding: 12px 12px 12px 0;

  }

  .header-transparent .navbar-nav .dropdown-toggle {

    position: relative;

  }

  .header-transparent .navbar-nav .dropdown-toggle:after {

    position: absolute;

    top: 12px;

    right: 0;

    display: inline-block;

    font-size: 12px;

    font-family: FontAwesome;

    content: "\f105";

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-transparent .navbar-nav .nav-item-bg {

    display: inline-block;

    border-top: none;

    border: 1px solid #00bcd4;

    margin: 10px 0 20px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-transparent .navbar-nav .nav-item-bg .nav-item-child {

    color: #fff;

    line-height: 20px;

    padding: 7px 15px;

    background: #00bcd4;

  }

  .header-transparent .navbar-nav .nav-item-bg .nav-item-child:hover {

    color: #fff;

  }

  /* Dropdown Menu */

  .header-transparent .dropdown-menu {

    position: static;

    float: none;

  }

  .header-transparent .dropdown-menu .dropdown-menu-item:last-child {

    margin-bottom: 20px;

  }

  /* Dropdown Submenu */

  .header-transparent .dropdown-submenu .dropdown-submenu-child {

    font-weight: 500;

  }

  .header-transparent .dropdown-submenu .dropdown-submenu-child:after {

    display: none;

  }

  .header-transparent .dropdown-submenu .dropdown-submenu-child:hover {

    cursor: inherit;

  }

  .header-transparent .dropdown-submenu .dropdown-menu {

    display: block;

    padding-left: 20px;

    margin-bottom: 20px;

  }

  .header-transparent .dropdown-submenu:hover .dropdown-submenu-child {

    color: #34343c;

    background: 0;

  }

  /* Mega Menu */

  .header-transparent .mega-menu-list {

    margin-bottom: 20px;

  }

  .header-transparent .mega-menu-list .mega-menu-title {

    font-size: 12px;

    padding: 8px 20px;

    margin-bottom: 0;

  }

  .header-transparent .mega-menu-list .mega-menu-item {

    margin-left: 20px;

  }

}



/* Media Queries below 767px */

@media (max-width: 767px) {

  /* Menu Container */

  .header-transparent .menu-container {

 background: #fff !important;

    opacity: 0.8 !important;

    padding-left: 15px;

    padding-right: 15px;

    margin-left: 0;

    margin-right: 0;

  }

  .header-transparent .navbar > .container {

    width: auto;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

  }

  .header-transparent .navbar > .container > .nav-collapse {

    margin-left: 0;

    margin-right: 0;

  }

  /* Theme Toggle Trigger */

  .header-transparent .theme-toggle-trigger {

    display: block;

  }

  .header-transparent .theme-toggle-content {

    display: none;

  }

}



/* Media Queries above 768px */

@media (min-width: 768px) {

  /* Navbar Fixed Top Boxed */

  .header-transparent.navbar-fixed-top-boxed.navbar-fixed-top-boxed {

    position: fixed;

    top: 0;

    left: auto;

    right: auto;

  }

  /* Theme Toggle Trigger */

  .header-transparent .theme-toggle-trigger {

    display: none !important;

  }

  .header-transparent .theme-toggle-content {

    display: block !important;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header Shrink */

  .header-shrink.header-transparent {

    background: #fff;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

    /* Shopping Cart */

  }

  .header-shrink.header-transparent:before, .header-shrink.header-transparent:after {

    position: absolute;

    top: 50%;

    left: 10px;

    right: 10px;

    bottom: 0;

    z-index: -1;

    box-shadow: 0 0 15px #e8e8ec;

    border-radius: 1000px / 30px;

    content: " ";

  }

  .header-shrink.header-transparent:after {

    left: auto;

    right: 10px;

  }

  .header-shrink.header-transparent .navbar {

    background: #fff;

  }

  .header-shrink.header-transparent .navbar-logo {

    width: 350px;

    height: 57px;

    max-height: 70px;

    line-height: 35px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-transparent .navbar-logo .navbar-logo-wrap {

    padding: 0;

  }

  .header-shrink.header-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-white {

    display: none;

    transition-duration: 400ms;

    width: 120px;

    height: auto;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-transparent .navbar-logo .navbar-logo-img.navbar-logo-img-dark {

    display: inline-block;

    transition-duration: 400ms;

    width: 300px;

    height: auto;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-transparent .navbar-actions .navbar-actions-shrink {

    line-height: 70px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-transparent .shopping-cart .shopping-cart-icon {

    color: #34343c;

  }

  .header-shrink.header-transparent .shopping-cart .shopping-cart-icon:hover {

    color: #0061D4;

  }

  .header-shrink.header-transparent .navbar-nav .nav-item-child {

    color: #0061D4;

    margin: 20px 5px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink.header-transparent .navbar-nav .nav-item-bg {

    margin: 0 15px 0 0;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  /* Navbar */

  .header-transparent .navbar-nav {

    float: right;

  }

  .header-transparent .navbar-nav .nav-item {

    line-height: 90px;

  }

  .header-transparent .navbar-nav .nav-item .dropdown-menu {

    z-index: 9999;

    min-width: 200px;

    border: none;

    border-radius: 0;

  }

  .header-transparent .navbar-nav .nav-item .open > .dropdown-menu {

    display: none;

  }

  .header-transparent .navbar-nav .nav-item:hover .nav-item-child {

    color: #00bcd4;

    background: rgba(255, 255, 255, 0.9);

  }

  .header-transparent .navbar-nav .nav-item:hover > .dropdown-menu {

    display: block;

  }

  .header-transparent .navbar-nav .nav-item-child {

    margin: 30px 5px;

  }

  .header-transparent .navbar-nav .nav-item-child.active {

    color: #00bcd4;

    background: rgba(255, 255, 255, 0.9);

  }

  .header-transparent .navbar-nav .nav-item-bg {

    margin: 0 15px 0 0;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-transparent .navbar-nav .nav-item-bg .nav-item-child {

    color: #fff;

    background: #00bcd4;

  }

  .header-transparent .navbar-nav .nav-item-bg .nav-item-child:hover {

    color: #fff;

    background: #00bcd4;

  }

  .header-transparent .navbar-nav .nav-item-bg:hover .nav-item-child {

    color: #fff;

    background: #00bcd4;

  }

  /* Mega Menu */

  .header-transparent .mega-menu .nav,

  .header-transparent .mega-menu .collapse,

  .header-transparent .mega-menu .dropdown,

  .header-transparent .mega-menu .dropup {

    position: static;

  }

  .header-transparent .mega-menu .container {

    position: relative;

  }

  .header-transparent .dropdown-menu {

    left: auto;

  }

  .header-transparent .mega-menu-fullwidth .dropdown-menu {

    left: 15px;

    right: 15px;

    padding: 20px 0;

  }

  .header-transparent .mega-menu-content {

    padding: 0 20px;

  }

  .header-transparent .mega-menu-list {

    margin-bottom: 0;

  }

  .header-transparent .mega-menu-list .mega-menu-item {

    padding: 0;

  }

  .header-transparent .mega-menu-list .mega-menu-title {

    padding-left: 20px;

  }

}



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

    [Header Vertical]

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

.header-vertical {

  background: #fff;

}



/* Navbar */

.header-vertical .navbar {

  border-radius: 0;

  margin-bottom: 0;

}



/* Navbar Toggle */

.header-vertical .navbar-toggle {

  width: 25px;

  height: 25px;

  float: left;

  border: none;

  padding: 0;

  margin: 29px 0;

}



.header-vertical .navbar-toggle .toggle-icon {

  position: relative;

  width: 15px;

  height: 1px;

  display: inline-block;

  background: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .navbar-toggle .toggle-icon:before, .header-vertical .navbar-toggle .toggle-icon:after {

  position: absolute;

  left: 0;

  width: 15px;

  height: 1px;

  background: #34343c;

  content: " ";

}



.header-vertical .navbar-toggle .toggle-icon:before {

  bottom: 10px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .navbar-toggle .toggle-icon:after {

  top: -5px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .navbar-toggle .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



.header-vertical .navbar-toggle .toggle-icon.is-clicked:before, .header-vertical .navbar-toggle .toggle-icon.is-clicked:after {

  background: #34343c;

}



.header-vertical .navbar-toggle .toggle-icon.is-clicked:before {

  bottom: 5px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .navbar-toggle .toggle-icon.is-clicked:after {

  top: -5px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .navbar-toggle:hover .toggle-icon {

  background: #00bcd4;

}



.header-vertical .navbar-toggle:hover .toggle-icon:before, .header-vertical .navbar-toggle:hover .toggle-icon:after {

  background: #00bcd4;

}



.header-vertical .navbar-toggle:hover .toggle-icon.is-clicked {

  background: rgba(52, 52, 60, 0);

}



/* Navbar Logo */

.header-vertical .navbar-logo {

  width: auto;

  height: 100%;

  display: block;

  float: none;

  text-align: center;

  margin: 50px 25px 0;

}



.header-vertical .navbar-logo .navbar-logo-wrap {

  display: inline-block;

  padding: 20px 0;

}



.header-vertical .navbar-logo .navbar-logo-wrap:focus, .header-vertical .navbar-logo .navbar-logo-wrap:hover {

  text-decoration: none;

}



.header-vertical .navbar-logo .navbar-logo-img {

  display: inline-block;

  width: 85px;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}



/* Navbar Nav */

.header-vertical .header-vertical-menu {

  list-style: none;

  padding: 0;

  margin: 0;

}



.header-vertical .header-vertical-menu .nav-main-item {

  display: block;

  font-size: 13px;

  font-weight: 400;

  color: #34343c;

  border-top: 1px dashed #adadad;

  letter-spacing: 1px;

}



.header-vertical .header-vertical-menu .nav-main-item:first-child {

  border-top: none;

}



.header-vertical .header-vertical-menu .nav-main-item-child,

.header-vertical .header-vertical-menu .nav-submenu-item-child {

  display: block;

  font-weight: 400;

  color: #34343c;

  text-decoration: none;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown {

  position: relative;

}



.header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:after,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:after,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:after {

  position: absolute;

  right: 0;

  display: inline-block;

  font-size: 12px;

  font-family: FontAwesome;

  content: "\f105";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.nav-item-open:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.nav-item-open:after,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.nav-item-open:after,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.nav-item-open:after {

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  transform: rotate(90deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover {

  color: #00bcd4;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:after,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:before,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:after,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:before,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:after,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:before,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:after,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:before,

.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:after {

  color: #00bcd4;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.header-vertical .header-vertical-menu .nav-main-item-child {

  font-size: 13px;

  text-transform: uppercase;

  padding: 10px 0;

}



.header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:after {

  top: 10px;

}



.header-vertical .header-vertical-menu .nav-submenu-item-child {

  font-size: 12px;

  text-transform: uppercase;

  padding: 5px 0;

}



.header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:after {

  top: 5px;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu {

  display: none;

  list-style: none;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  padding: 0;

  margin: 0 0 15px 10px;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu {

  margin-bottom: 0;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-item,

.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child {

  display: block;

  font-size: 13px;

  font-weight: 400;

  color: #606060;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-item {

  padding: 5px 0;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-link {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #34343c;

  text-transform: uppercase;

  text-decoration: none;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-link:hover {

  color: #00bcd4;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child {

  text-decoration: none;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child.active {

  color: #00bcd4;

}



.header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child:hover {

  color: #00bcd4;

}



/* Copyright */

.header-vertical .header-vertical-copyright {

  font-size: 12px;

  text-align: center;

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  /* Bootstrap collapse of navigation with a maximum width: 991px

    (Change it to any breakpoint you want to be collapsed) */

  .header-vertical .navbar-toggle {

    display: block;

  }

  .header-vertical .navbar-collapse.collapse {

    display: none !important;

  }

  .header-vertical .navbar-collapse.collapse.in {

    display: block !important;

    overflow-y: auto !important;

  }

  /* Navbar Logo */

  .header-vertical .navbar-logo {

    margin-top: 0;

  }

  /* Copyright */

  .header-vertical .header-vertical-copyright {

    display: none;

  }

}



/* Media Queries above 768px */

@media (min-width: 768px) {

  /* Navbar Collapse */

  .header-vertical .navbar-collapse {

    padding: 0;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header v2 */

  .header-vertical {

    position: fixed;

    top: 0;

    left: 0;

    width: 260px;

    height: 100%;

    z-index: 999;

    float: left;

    border-right: 2px solid #ebeef6;

  }

  .header-vertical .container {

    width: auto;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

  }

  .header-vertical .menu-container {

    padding: 10px 30px;

  }

  /* Navbar Collapse */

  .header-vertical .navbar-collapse {

    height: auto;

    max-height: none;

    border-top: 0;

    box-shadow: none;

    padding: 10px 0;

  }

  .header-vertical .navbar-collapse.collapse {

    width: auto !important;

    display: block !important;

    overflow: visible !important;

  }

  .header-vertical .navbar-collapse.in {

    overflow-x: visible;

  }

  .header-vertical .navbar-nav,

  .header-vertical .navbar-left,

  .header-vertical .navbar-right,

  .header-vertical .navbar-header,

  .header-vertical .nav-item {

    float: none !important;

  }

  /* Header v2 Container */

  .header-vertical-container {

    margin-left: 260px;

  }

  .header-vertical-container .container {

    width: 100%;

  }

}



/* Media Queries above 1200px */

@media (min-width: 1200px) {

  /* Header v2 Container */

  .header-vertical-container > .container {

    width: auto;

  }

}



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

    [Header v2 Right]

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

/* Navbar Toggle */

.header-vertical.header-vertical-right .navbar-toggle {

  float: right;

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Header v2 Right */

  .header-vertical.header-vertical-right {

    position: fixed;

    top: 0;

    left: auto;

    right: 0;

    float: none;

    border-left: 2px solid #ebeef6;

    border-right: none;

  }

  /* Header v2 Container Right*/

  .header-vertical-container-right {

    margin-right: 260px;

  }

  .header-vertical-container-right .container {

    width: auto;

  }

}



/* Media Queries above 1200px */

@media (min-width: 1200px) {

  /* Header v2 Container Right */

  .header-vertical-container-right .container {

    width: auto;

  }

}



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

    [Responsive]

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

/* Full Width class below 480px */

@media (max-width: 480px) {

  .xs-full-width {

    width: 100%;

  }

}



/* Hidden class below 480px */

@media (max-width: 480px) {

  .xs-hidden {

    display: none !important;

  }

}



/* Hidden class below 768px */

@media (max-width: 768px) {

  .sm-hidden {

    display: none !important;

  }

}



/* Hidden class below 992px */

@media (max-width: 992px) {

  .md-hidden {

    display: none !important;

  }

}



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

    [Modal Form]

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

.form-modal {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #f7f8fa;

  z-index: 9999;

  visibility: hidden;

  opacity: 0;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.form-modal .form-modal-wrap {

  position: fixed;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



.form-modal .form-modal-container {

  -webkit-transform: scale(0.8, 1);

  -moz-transform: scale(0.8, 1);

  transform: scale(0.8, 1);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.form-modal.is-visible {

  visibility: visible;

  opacity: 1;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.form-modal.is-visible .form-modal-container {

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.form-modal .form-modal-container {

  width: 100%;

}



.form-modal .form-modal-container .form-modal-connect,

.form-modal .form-modal-container .form-modal-divider,

.form-modal .form-modal-container .form-modal-login-form {

  float: left;

  padding: 10px;

}



.form-modal .form-modal-container .form-modal-connect {

  width: 45%;

  margin-top: 25px;

}



.form-modal .form-modal-container .form-modal-divider {

  width: 10%;

}



.form-modal .form-modal-container .form-modal-divider .form-modal-divider-text {

  position: relative;

  display: block;

  font-size: 20px;

  color: #34343c;

  text-align: center;

  margin-top: 30px;

}



.form-modal .form-modal-container .form-modal-divider .form-modal-divider-text:before, .form-modal .form-modal-container .form-modal-divider .form-modal-divider-text:after {

  position: absolute;

  left: 50%;

  width: 1px;

  height: 20px;

  background: #a0a0a0;

  content: " ";

}



.form-modal .form-modal-container .form-modal-divider .form-modal-divider-text:before {

  top: 100%;

  margin-top: 10px;

}



.form-modal .form-modal-container .form-modal-divider .form-modal-divider-text:after {

  bottom: 100%;

  margin-bottom: 10px;

}



.form-modal .form-modal-container .form-modal-login-form {

  width: 45%;

}



.form-modal .form-modal-container .form-modal-reset-form {

  width: 100%;

  display: block;

  text-align: center;

  margin: 0 auto;

}



.form-modal .form-modal-heading {

  text-align: center;

  margin-bottom: 20px;

}



.form-modal .form-modal-heading .form-modal-title {

  font-size: 28px;

  margin: 0 0 5px;

}



.form-modal .form-modal-back-btn-message {

  font-size: 14px;

  font-weight: 300;

  color: #34343c;

  text-align: center;

  margin-bottom: 5px;

}



.form-modal .form-modal-back-btn-message .form-modal-back-btn-message-link {

  font-size: 14px;

  font-weight: 300;

  color: #00bcd4;

}



.form-modal .form-modal-input {

  height: 40px;

}



.form-modal .form-modal-input-group {

  position: relative;

}



.form-modal .form-modal-input-group .form-modal-input-form {

  padding: 6px 75px 6px 12px;

}



.form-modal .form-modal-input-group .form-modal-hide-password {

  position: absolute;

  top: 0;

  right: 0;

  min-width: 65px;

  font-size: 13px;

  font-weight: 300;

  color: #34343c;

  text-align: center;

  border-left: 1px solid #ebeef6;

  text-decoration: none;

  padding: 11px 15px;

}



.form-modal .form-modal-input-group .form-modal-hide-password:hover {

  color: #00bcd4;

}



.form-modal .form-modal-close-form {

  position: absolute;

  top: 0;

  right: 0;

  width: 35px;

  height: 35px;

  display: block;

  font-size: 28px;

  color: #34343c;

  text-align: center;

  line-height: 1.25;

  text-decoration: none;

}



.form-modal .form-modal-close-form:hover {

  color: #00bcd4;

}



.form-modal #form-modal-login,

.form-modal #form-modal-signup,

.form-modal #form-modal-reset-password {

  display: none;

}



.form-modal #form-modal-login.is-selected,

.form-modal #form-modal-signup.is-selected,

.form-modal #form-modal-reset-password.is-selected {

  display: block;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .form-modal .form-modal-container {

    max-width: 100%;

  }

  .form-modal .form-modal-container .form-modal-connect,

  .form-modal .form-modal-container .form-modal-divider,

  .form-modal .form-modal-container .form-modal-login-form {

    width: 100%;

    float: none;

  }

  .form-modal .form-modal-container .form-modal-connect {

    margin-top: 0;

  }

  .form-modal .form-modal-container .form-modal-divider {

    text-align: center;

  }

  .form-modal .form-modal-container .form-modal-divider .form-modal-divider-text {

    display: inline-block;

    margin: 0;

  }

  .form-modal .form-modal-container .form-modal-divider .form-modal-divider-text:before, .form-modal .form-modal-container .form-modal-divider .form-modal-divider-text:after {

    position: absolute;

    top: 15px;

    width: 20px;

    height: 1px;

    background: #a0a0a0;

    content: " ";

  }

  .form-modal .form-modal-container .form-modal-divider .form-modal-divider-text:before {

    left: auto;

    right: 100%;

    margin: 0 15px 0 0;

  }

  .form-modal .form-modal-container .form-modal-divider .form-modal-divider-text:after {

    bottom: auto;

    left: 100%;

    margin: 0 0 0 15px;

  }

}



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

    [Search]

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

.search {

  text-align: center;

}



.search .search-btn {

  position: relative;

  display: inline-block;

  cursor: pointer;

}



.search .search-btn .search-btn-default,

.search .search-btn .search-btn-active {

  position: relative;

  width: 25px;

  height: 0;

  display: block;

  font-size: 13px;

  font-family: FontAwesome;

  color: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.search .search-btn .search-btn-default:hover,

.search .search-btn .search-btn-active:hover {

  color: #00bcd4;

}



.search .search-btn .search-btn-default {

  top: 1px;

  content: "\f002";

  opacity: 1;

}



.search .search-btn .search-btn-active {

  top: 12px;

  font-size: 15px;

  content: "\f00d";

  opacity: 0;

}



.search .search-btn.is-clicked .search-btn-default {

  top: -13px;

  opacity: 0;

}



.search .search-btn.is-clicked .search-btn-active {

  top: 1px;

  opacity: 1;

}



/* Search Field */

.search-field {

  position: absolute;

  top: 100%;

  left: 0;

  display: none;

  z-index: 9;

  width: 100%;

  background: #fff;

  border-top: 1px solid #ebeef6;

  border-bottom: 1px solid #ebeef6;

}



.search-field .search-field-input {

  width: 100%;

  height: 70px;

  font-size: 20px;

  color: #34343c;

  background: #fff;

  border: none;

  box-shadow: none;

  padding: 0;

}



.search-field .search-field-input::-moz-placeholder {

  color: #34343c;

}



.search-field .search-field-input:-ms-input-placeholder {

  color: #34343c;

}



.search-field .search-field-input::-webkit-input-placeholder {

  color: #34343c;

}



.search-field .search-field-input:focus {

  color: #34343c;

}



.search-field .search-field-input:focus::-moz-placeholder {

  color: #34343c;

}



.search-field .search-field-input:focus:-ms-input-placeholder {

  color: #34343c;

}



.search-field .search-field-input:focus::-webkit-input-placeholder {

  color: #34343c;

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  .header .search-field > .container {

    width: 100%;

  }

}



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

    [Search Button White]

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

/* Media Queries below 992px */

@media (max-width: 992px) {

  /* Search */

  .search.search-white .search-btn .search-btn-default,

  .search.search-white .search-btn .search-btn-active {

    color: #34343c;

  }

  .search.search-white .search-btn .search-btn-default:hover,

  .search.search-white .search-btn .search-btn-active:hover {

    color: #00bcd4;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Search */

  .search.search-white .search-btn .search-btn-default,

  .search.search-white .search-btn .search-btn-active {

    color: #fff;

  }

  .search.search-white .search-btn .search-btn-default:hover,

  .search.search-white .search-btn .search-btn-active:hover {

    color: #00bcd4;

  }

  /* Header Shrink */

  .header-shrink .search .search-btn .search-btn-default,

  .header-shrink .search .search-btn .search-btn-active {

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink .search.search-white .search-btn .search-btn-default,

  .header-shrink .search.search-white .search-btn .search-btn-active {

    color: #34343c;

  }

  .header-shrink .search.search-white .search-btn .search-btn-default:hover,

  .header-shrink .search.search-white .search-btn .search-btn-active:hover {

    color: #00bcd4;

  }

}



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

    [Search Classic]

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

.search-classic {

  text-align: center;

}



.search-classic .search-classic-btn {

  position: relative;

  display: inline-block;

  cursor: pointer;

}



.search-classic .search-classic-btn .search-classic-btn-default,

.search-classic .search-classic-btn .search-classic-btn-active {

  position: relative;

  width: 25px;

  height: 0;

  display: block;

  font-size: 13px;

  font-family: FontAwesome;

  color: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.search-classic .search-classic-btn .search-classic-btn-default:hover,

.search-classic .search-classic-btn .search-classic-btn-active:hover {

  color: #00bcd4;

}



.search-classic .search-classic-btn .search-classic-btn-default {

  top: 1px;

  content: "\f002";

  opacity: 1;

}



.search-classic .search-classic-btn .search-classic-btn-active {

  top: 12px;

  font-size: 15px;

  content: "\f00d";

  opacity: 0;

}



.search-classic .search-classic-btn.is-clicked .search-classic-btn-default {

  top: -13px;

  opacity: 0;

}



.search-classic .search-classic-btn.is-clicked .search-classic-btn-active {

  top: 1px;

  opacity: 1;

}



.search-classic .search-classic-field {

  position: absolute;

  top: 100%;

  right: 0;

  display: none;

  z-index: 1;

  line-height: 1.4;

  background: #fff;

  border-top: 2px solid #00bcd4;

  padding: 20px;

}



.search-classic .search-classic-field .search-classic-input {

  width: 250px;

  height: 39px;

  float: none;

  border-radius: 0;

  color: #34343c;

}



.search-classic .search-classic-field .search-classic-input::-moz-placeholder {

  color: #34343c;

}



.search-classic .search-classic-field .search-classic-input:-ms-input-placeholder {

  color: #34343c;

}



.search-classic .search-classic-field .search-classic-input::-webkit-input-placeholder {

  color: #34343c;

}



.search-classic .search-classic-field .search-classic-input:focus {

  color: #34343c;

}



.search-classic .search-classic-field .search-classic-input:focus::-moz-placeholder {

  color: #34343c;

}



.search-classic .search-classic-field .search-classic-input:focus:-ms-input-placeholder {

  color: #34343c;

}



.search-classic .search-classic-field .search-classic-input:focus::-webkit-input-placeholder {

  color: #34343c;

}



/* Media Queries above 480px */

@media (max-width: 480px) {

  .search-classic .search-classic-field {

    right: 0;

  }

  .search-classic .search-classic-field .search-classic-input {

    width: 200px;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  .header-on-scroll .header .search-classic .search-classic-field {

    top: 70px;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

}



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

    [Search Classic Trigger White]

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

/* Media Queries below 992px */

@media (max-width: 992px) {

  /* Search Classic */

  .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default,

  .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active {

    color: #34343c;

  }

  .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default:hover,

  .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active:hover {

    color: #00bcd4;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Search Classic */

  .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default,

  .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active {

    color: #fff;

  }

  .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default:hover,

  .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active:hover {

    color: #00bcd4;

  }

  /* Header Shrink */

  .header-shrink .search-classic .search-classic-btn .search-classic-btn-default,

  .header-shrink .search-classic .search-classic-btn .search-classic-btn-active {

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default,

  .header-shrink .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active {

    color: #34343c;

  }

  .header-shrink .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default:hover,

  .header-shrink .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active:hover {

    color: #00bcd4;

  }

}



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

    [Search Fullscreen]

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

.search-fullscreen {

  position: relative;

}



.search-fullscreen .search-fullscreen-trigger-icon {

  position: relative;

  top: -1px;

  display: inline-block;

  font-size: 13px;

  color: #34343c;

  cursor: pointer;

  padding: 0 5px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.search-fullscreen .search-fullscreen-trigger-icon:hover {

  color: #00bcd4;

}



.search-fullscreen .search-fullscreen-overlay {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 50%;

  height: auto;

  z-index: 2000;

  visibility: hidden;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



.search-fullscreen .search-fullscreen-overlay .search-fullscreen-overlay-content {

  background: transparent;

  opacity: 0;

  overflow: hidden;

  -webkit-transform: scale(0.7, 1);

  -moz-transform: scale(0.7, 1);

  transform: scale(0.7, 1);

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.search-fullscreen .search-fullscreen-input-group {

  position: relative;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-input {

  width: 100%;

  height: 50px;

  font-size: 36px;

  font-weight: 300;

  color: #34343c;

  background: transparent;

  border: none;

  border-radius: 0;

  padding: 0 35px 0 0;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-input::-moz-placeholder {

  color: #34343c;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-input:-ms-input-placeholder {

  color: #34343c;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-input::-webkit-input-placeholder {

  color: #34343c;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-input:focus::-moz-placeholder {

  color: #34343c;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-input:focus:-ms-input-placeholder {

  color: #34343c;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-input:focus::-webkit-input-placeholder {

  color: #34343c;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-search {

  position: absolute;

  top: -20px;

  right: 0;

  width: 35px;

  height: 35px;

  background: transparent;

  outline: none;

  border: none;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-search .search-fullscreen-search-icon {

  font-size: 18px;

  color: #34343c;

}



.search-fullscreen .search-fullscreen-input-group .search-fullscreen-search:hover .search-fullscreen-search-icon {

  color: #00bcd4;

}



.search-fullscreen .search-fullscreen-bg-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1000;

  background: rgba(247, 248, 250, 0.2);

  visibility: hidden;

  opacity: 0;

  transition-duration: 500ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.search-fullscreen .search-fullscreen-bg-overlay .search-fullscreen-close {

  position: fixed;

  top: 0;

  right: 15px;

  width: 35px;

  height: 35px;

  font-size: 30px;

  color: #34343c;

  text-align: center;

  cursor: pointer;

}



.search-fullscreen .search-fullscreen-bg-overlay .search-fullscreen-close:hover {

  color: #00bcd4;

}



.search-fullscreen .search-fullscreen-overlay-show {

  visibility: visible;

}



.search-fullscreen .search-fullscreen-overlay-show .search-fullscreen-overlay-content {

  opacity: 1;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

}



.search-fullscreen .search-fullscreen-overlay-show ~ .search-fullscreen-bg-overlay {

  opacity: 1;

  visibility: visible;

  background: #f7f8fa;

}



/* Media Queries below 767px */

@media (max-width: 768px) {

  .search-fullscreen .search-fullscreen-overlay {

    width: 90%;

  }

}



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

    [Search Fullscreen Trigger White]

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

/* Media Queries below 992px */

@media (min-width: 992px) {

  /* Search Fullscreen */

  .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon {

    color: #fff;

  }

  .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon:hover {

    color: #00bcd4;

  }

  /* Header Shrink */

  .header-shrink .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon {

    color: #34343c;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon:hover {

    color: #00bcd4;

  }

}



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

    [Search On Header]

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

.search-on-header {

  text-align: center;

}



.search-on-header .search-on-header-btn {

  position: relative;

  display: inline-block;

  cursor: pointer;

}



.search-on-header .search-on-header-btn .search-on-header-btn-default,

.search-on-header .search-on-header-btn .search-on-header-btn-active {

  position: relative;

  width: 25px;

  height: 0;

  display: block;

  font-size: 13px;

  font-family: FontAwesome;

  color: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.search-on-header .search-on-header-btn .search-on-header-btn-default:hover,

.search-on-header .search-on-header-btn .search-on-header-btn-active:hover {

  color: #00bcd4;

}



.search-on-header .search-on-header-btn .search-on-header-btn-default {

  top: 1px;

  content: "\f002";

  opacity: 1;

}



.search-on-header .search-on-header-btn .search-on-header-btn-active {

  top: 12px;

  font-size: 15px;

  content: "\f00d";

  opacity: 0;

}



.search-on-header .search-on-header-btn.is-clicked .search-on-header-btn-default {

  top: -13px;

  opacity: 0;

}



.search-on-header .search-on-header-btn.is-clicked .search-on-header-btn-active {

  top: 1px;

  z-index: 9;

  opacity: 1;

}



/* Search Field */

.search-on-header-field {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

  z-index: 9;

  width: 100%;

  background: #fff;

  border-top: 1px solid #ebeef6;

  border-bottom: 1px solid #ebeef6;

}



.search-on-header-field .search-on-header-input {

  width: 100%;

  height: 88px;

  font-size: 20px;

  color: #34343c;

  background: #fff;

  border: none;

  box-shadow: none;

  padding: 0 40px 0 0;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.search-on-header-field .search-on-header-input::-moz-placeholder {

  color: #34343c;

}



.search-on-header-field .search-on-header-input:-ms-input-placeholder {

  color: #34343c;

}



.search-on-header-field .search-on-header-input::-webkit-input-placeholder {

  color: #34343c;

}



.search-on-header-field .search-on-header-input:focus {

  color: #34343c;

}



.search-on-header-field .search-on-header-input:focus::-moz-placeholder {

  color: #34343c;

}



.search-on-header-field .search-on-header-input:focus:-ms-input-placeholder {

  color: #34343c;

}



.search-on-header-field .search-on-header-input:focus::-webkit-input-placeholder {

  color: #34343c;

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  .search-on-header-field .search-on-header-input {

    padding: 0 80px 0 0;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  .header-shrink .header .search-on-header-field .search-on-header-input {

    height: 68px;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

}



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

    [Search On Header btn White]

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

/* Media Queries below 992px */

@media (max-width: 992px) {

  /* Search On Header */

  .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default,

  .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active {

    color: #34343c;

  }

  .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default:hover,

  .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active:hover {

    color: #00bcd4;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Search On Header */

  .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default,

  .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active {

    color: #fff;

  }

  .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default:hover,

  .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active:hover {

    color: #00bcd4;

  }

  /* Header Shrink */

  .header-shrink .search-on-header .search-on-header-btn .search-on-header-btn-default,

  .header-shrink .search-on-header .search-on-header-btn .search-on-header-btn-active {

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default,

  .header-shrink .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active {

    color: #34343c;

  }

  .header-shrink .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default:hover,

  .header-shrink .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active:hover {

    color: #00bcd4;

  }

}



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

    [Search Push]

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

.search-push {

  text-align: center;

}



.search-push .search-push-btn {

  position: relative;

  display: inline-block;

  cursor: pointer;

}



.search-push .search-push-btn .search-push-btn-default,

.search-push .search-push-btn .search-push-btn-active {

  position: relative;

  width: 25px;

  height: 0;

  display: block;

  font-size: 13px;

  font-family: FontAwesome;

  color: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.search-push .search-push-btn .search-push-btn-default:hover,

.search-push .search-push-btn .search-push-btn-active:hover {

  color: #00bcd4;

}



.search-push .search-push-btn .search-push-btn-default {

  top: 1px;

  content: "\f002";

  opacity: 1;

}



.search-push .search-push-btn .search-push-btn-active {

  top: 12px;

  font-size: 15px;

  content: "\f00d";

  opacity: 0;

}



.search-push .search-push-btn.is-clicked .search-push-btn-default {

  top: -13px;

  opacity: 0;

}



.search-push .search-push-btn.is-clicked .search-push-btn-active {

  top: 1px;

  opacity: 1;

}



/* Search Open */

.search-push-open {

  width: 100%;

  height: 100%;

  display: none;

  z-index: 1;

  background: #f7f8fa;

}



.search-push-open .search-push-container {

  position: relative;

}



.search-push-open .search-push-input {

  width: 100%;

  height: 50px;

  font-size: 16px;

  background: transparent;

  border: none;

  padding: 0 40px 0 0;

}



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

    [Search Push White]

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

/* Media Queries below 992px */

@media (max-width: 992px) {

  /* Search Push */

  .search-push.search-push-white .search-push-btn .search-push-btn-default,

  .search-push.search-push-white .search-push-btn .search-push-btn-active {

    color: #34343c;

  }

  .search-push.search-push-white .search-push-btn .search-push-btn-default:hover,

  .search-push.search-push-white .search-push-btn .search-push-btn-active:hover {

    color: #00bcd4;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  /* Search Push */

  .search-push.search-push-white .search-push-btn .search-push-btn-default,

  .search-push.search-push-white .search-push-btn .search-push-btn-active {

    color: #fff;

  }

  .search-push.search-push-white .search-push-btn .search-push-btn-default:hover,

  .search-push.search-push-white .search-push-btn .search-push-btn-active:hover {

    color: #00bcd4;

  }

  /* Header Shrink */

  .header-shrink .search-push .search-push-btn .search-push-btn-default,

  .header-shrink .search-push .search-push-btn .search-push-btn-active {

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .header-shrink .search-push.search-push-white .search-push-btn .search-push-btn-default,

  .header-shrink .search-push.search-push-white .search-push-btn .search-push-btn-active {

    color: #34343c;

  }

  .header-shrink .search-push.search-push-white .search-push-btn .search-push-btn-default:hover,

  .header-shrink .search-push.search-push-white .search-push-btn .search-push-btn-active:hover {

    color: #00bcd4;

  }

}



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

    [Sidebar]

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

.overflow-hidden {

  overflow: hidden;

}



/* Sidebar Trigger */

.sidebar-trigger {

  padding-left: 10px;

  text-decoration: none;

}



.sidebar-trigger .sidebar-trigger-icon {

  position: relative;

  width: 15px;

  height: 1px;

  display: inline-block;

  background: #34343c;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.sidebar-trigger .sidebar-trigger-icon:before, .sidebar-trigger .sidebar-trigger-icon:after {

  position: absolute;

  left: 0;

  width: 15px;

  height: 1px;

  background: #34343c;

  content: " ";

}



.sidebar-trigger .sidebar-trigger-icon:before {

  bottom: 10px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.sidebar-trigger .sidebar-trigger-icon:after {

  top: -5px;

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  transform: rotate(0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.sidebar-trigger.is-clicked .sidebar-trigger-icon {

  background: rgba(52, 52, 60, 0);

}



.sidebar-trigger.is-clicked .sidebar-trigger-icon:before, .sidebar-trigger.is-clicked .sidebar-trigger-icon:after {

  background: #34343c;

}



.sidebar-trigger.is-clicked .sidebar-trigger-icon:before {

  bottom: 5px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.sidebar-trigger.is-clicked .sidebar-trigger-icon:after {

  top: -5px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.sidebar-trigger:hover.is-clicked .sidebar-trigger-icon {

  background: rgba(52, 52, 60, 0);

}



.sidebar-trigger:hover .sidebar-trigger-icon {

  background: #00bcd4;

}



.sidebar-trigger:hover .sidebar-trigger-icon:before, .sidebar-trigger:hover .sidebar-trigger-icon:after {

  background: #00bcd4;

}



/* Sidebar Content */

.sidebar-content-overlay {

  position: relative;

}



.sidebar-content-overlay.sidebar-menu-is-open {

  cursor: e-resize;

}



.sidebar-content-overlay.sidebar-menu-is-open:before {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background: rgba(0, 0, 0, 0.7);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Sidebar Nav */

.sidebar-nav {

  position: fixed;

  top: 0;

  right: 0;

  width: 260px;

  height: 100%;

  z-index: 99999;

  background: #34343c;

  overflow-y: auto;

  visibility: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  margin-right: -260px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.sidebar-nav.sidebar-menu-is-open {

  visibility: visible;

  margin-right: 0;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  -webkit-overflow-scrolling: touch;

}



.sidebar-nav .sidebar-nav-trigger {

  float: right;

  padding: 15px;

}



.sidebar-nav .sidebar-nav-trigger .sidebar-trigger-icon {

  background: rgba(255, 255, 255, 0);

}



.sidebar-nav .sidebar-nav-trigger .sidebar-trigger-icon:before, .sidebar-nav .sidebar-nav-trigger .sidebar-trigger-icon:after {

  background: #fff;

}



.sidebar-nav .sidebar-nav-trigger:hover .sidebar-trigger-icon:before, .sidebar-nav .sidebar-nav-trigger:hover .sidebar-trigger-icon:after {

  background: #00bcd4;

}



.sidebar-nav .sidebar-nav-content {

  margin: 80px 20px 20px;

}



.sidebar-nav .sidebar-nav-title {

  font-size: 22px;

  color: #fff;

  margin-bottom: 10px;

}



.sidebar-nav .sidebar-nav-about-text,

.sidebar-nav .sidebar-nav-about-link {

  font-size: 13px;

  color: #fff;

  margin-bottom: 5px;

}



.sidebar-nav .sidebar-nav-about-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.sidebar-nav .sidebar-nav-comment-input {

  color: #e6e6e6;

  background: #2f2f37;

  border: none;

}



.sidebar-nav .sidebar-nav-comment-input::-moz-placeholder {

  color: #cccccc;

}



.sidebar-nav .sidebar-nav-comment-input:-ms-input-placeholder {

  color: #cccccc;

}



.sidebar-nav .sidebar-nav-comment-input::-webkit-input-placeholder {

  color: #cccccc;

}



.sidebar-nav .sidebar-nav-comment-input:focus {

  color: #fff;

}



.sidebar-nav .sidebar-nav-comment-input:focus::-moz-placeholder {

  color: #fff;

}



.sidebar-nav .sidebar-nav-comment-input:focus:-ms-input-placeholder {

  color: #fff;

}



.sidebar-nav .sidebar-nav-comment-input:focus::-webkit-input-placeholder {

  color: #fff;

}



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

    [Sidebar Trigger Style White]

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

/* Media Queries below 992px */

@media (min-width: 992px) {

  /* Sidebar Trigger */

  .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon {

    background: #fff;

  }

  .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon:before, .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon:after {

    background: #fff;

  }

  .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon {

    background: rgba(255, 255, 255, 0);

  }

  .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon:before, .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon:after {

    background: #fff;

  }

  .sidebar-trigger.sidebar-trigger-style-white:hover.is-clicked .sidebar-trigger-icon {

    background: rgba(255, 255, 255, 0);

  }

  .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon {

    background: #00bcd4;

  }

  .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:before, .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:after {

    background: #00bcd4;

  }

  /* Header Shrink */

  .header-shrink .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon {

    background: #34343c;

  }

  .header-shrink .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon:before, .header-shrink .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon:after {

    background: #34343c;

  }

  .header-shrink .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon {

    background: rgba(52, 52, 60, 0);

  }

  .header-shrink .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon:before, .header-shrink .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon:after {

    background: #34343c;

  }

  .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover.is-clicked .sidebar-trigger-icon {

    background: rgba(52, 52, 60, 0);

  }

  .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon {

    background: #00bcd4;

  }

  .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:before, .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:after {

    background: #00bcd4;

  }

}



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

    [Topbar Classic]

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

.topbar-c {

  background: #f7f8fa;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Topbar v1 Contacts */

.topbar-c .topbar-c-contacts {

  margin-bottom: 0;

}



.topbar-c .topbar-c-contacts .topbar-c-contacts-item {

  position: relative;

  font-size: 13px;

  color: #34343c;

  padding: 15px;

}



.topbar-c .topbar-c-contacts .topbar-c-contacts-item:before {

  position: absolute;

  top: 18px;

  right: -3px;

  width: 1px;

  height: 12px;

  background: #606060;

  content: " ";

}



.topbar-c .topbar-c-contacts .topbar-c-contacts-item:first-child {

  padding-left: 0;

}



.topbar-c .topbar-c-contacts .topbar-c-contacts-item:last-child:before {

  display: none;

}



.topbar-c .topbar-c-contacts .topbar-c-contacts-link {

  font-size: 13px;

  color: #34343c;

}



.topbar-c .topbar-c-contacts .topbar-c-contacts-link:focus, .topbar-c .topbar-c-contacts .topbar-c-contacts-link:hover {

  text-decoration: none;

}



.topbar-c .topbar-c-contacts .topbar-c-contacts-link:hover {

  color: #00bcd4;

}



.topbar-c .topbar-c-contacts .topbar-c-contacts-icon {

  position: relative;

  top: 1px;

  padding-right: 5px;

}



/* Topbar v1 Actions */

.topbar-c .topbar-c-actions {

  float: right;

  margin-bottom: 0;

}



.topbar-c .topbar-c-actions .topbar-c-actions-item {

  font-size: 13px;

  color: #34343c;

  padding: 15px 5px;

  margin-left: -4px;

}



.topbar-c .topbar-c-actions .topbar-c-actions-item:last-child {

  padding-right: 0;

}



.topbar-c .topbar-c-actions .topbar-c-actions-item-divider {

  font-size: 13px;

  color: #606060;

  padding: 15px 5px 15px 0;

  margin-left: -4px;

}



.topbar-c .topbar-c-actions .topbar-c-actions-link {

  font-size: 13px;

  color: #34343c;

  padding: 5px;

}



.topbar-c .topbar-c-actions .topbar-c-actions-link:focus, .topbar-c .topbar-c-actions .topbar-c-actions-link:hover {

  text-decoration: none;

}



.topbar-c .topbar-c-actions .topbar-c-actions-link:hover {

  color: #00bcd4;

}



.topbar-c .topbar-c-actions .topbar-c-actions-icon {

  position: relative;

  top: 1px;

  padding-right: 3px;

}



.topbar-c .topbar-c-actions .topbar-c-actions-link-border {

  font-size: 13px;

  color: #34343c;

  border: 1px solid #606060;

  padding: 5px 15px;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.topbar-c .topbar-c-actions .topbar-c-actions-link-border:focus, .topbar-c .topbar-c-actions .topbar-c-actions-link-border:hover {

  text-decoration: none;

}



.topbar-c .topbar-c-actions .topbar-c-actions-link-border:hover {

  color: #fff;

  background: #00bcd4;

  border-color: #00bcd4;

}



/* Media Queries below 767px */

@media (max-width: 767px) {

  .topbar-c .topbar-c-contacts {

    margin-bottom: 0;

  }

  .topbar-c .topbar-c-contacts .topbar-c-contacts-item {

    display: block;

    padding: 5px;

  }

  .topbar-c .topbar-c-contacts .topbar-c-contacts-item:before {

    display: none;

  }

  .topbar-c .topbar-c-contacts .topbar-c-contacts-item:first-child {

    padding: 10px 5px;

  }

  /* Topbar v1 Actions */

  .topbar-c .topbar-c-actions {

    float: none;

  }

  .topbar-c .topbar-c-actions .topbar-c-actions-item {

    display: block;

    padding: 10px 5px;

  }

  .topbar-c .topbar-c-actions .topbar-c-actions-item:last-child {

    padding: 10px;

    margin-bottom: 10px;

  }

  .topbar-c .topbar-c-actions .topbar-c-actions-item-divider {

    display: none;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  .header-shrink .topbar-c {

    margin-top: -48px;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

}



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

    [Topbar e-Commerce]

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

.topbar-e {

  background: #f7f8fa;

  border-bottom: 1px solid #ebeef6;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Topbar v2 List */

.topbar-e .topbar-e-list {

  margin-bottom: 0;

}



.topbar-e .topbar-e-list .topbar-e-list-item {

  position: relative;

  min-width: 45px;

  font-size: 13px;

  color: #34343c;

  text-align: center;

  border-right: 1px solid #ebeef6;

  padding: 0;

  margin-left: -4px;

}



.topbar-e .topbar-e-list .topbar-e-list-item:first-child {

  border-left: 1px solid #ebeef6;

}



.topbar-e .topbar-e-list .topbar-e-list-item .topbar-e-list-dropdown {

  display: block;

  font-size: 13px;

  color: #34343c;

  padding: 11px 15px;

}



.topbar-e .topbar-e-list .topbar-e-list-item .topbar-e-list-dropdown:focus {

  text-decoration: none;

}



.topbar-e .topbar-e-list .topbar-e-list-item .topbar-e-list-dropdown:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-e .topbar-e-list .topbar-e-list-dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 130px;

  display: none;

  z-index: 1;

  text-align: left;

  background: #fff;

  border: 1px solid #ebeef6;

  list-style: none;

  margin: 1px 0 0 0;

  padding: 10px 0;

}



.topbar-e .topbar-e-list .topbar-e-list-dropdown-menu .topbar-e-list-dropdown-menu-item {

  display: block;

  font-size: 13px;

  color: #34343c;

}



.topbar-e .topbar-e-list .topbar-e-list-dropdown-menu .topbar-e-list-dropdown-menu-link {

  display: block;

  font-size: 13px;

  color: #34343c;

  padding: 5px 15px;

}



.topbar-e .topbar-e-list .topbar-e-list-dropdown-menu .topbar-e-list-dropdown-menu-link:focus, .topbar-e .topbar-e-list .topbar-e-list-dropdown-menu .topbar-e-list-dropdown-menu-link:hover {

  text-decoration: none;

}



.topbar-e .topbar-e-list .topbar-e-list-dropdown-menu .topbar-e-list-dropdown-menu-link:hover {

  color: #fff;

  background: #34343c;

}



.topbar-e .topbar-e-list .topbar-e-list-dropdown-menu .topbar-e-list-dropdown-menu-icon {

  font-size: 13px;

  padding-right: 5px;

}



/* Topbar v2 Actions */

.topbar-e .topbar-e-actions {

  float: right;

  margin-bottom: 0;

}



.topbar-e .topbar-e-actions .topbar-e-actions-item {

  font-size: 13px;

  color: #34343c;

  border-left: 1px solid #ebeef6;

  padding: 11px 15px;

  margin-left: -4px;

}



.topbar-e .topbar-e-actions .topbar-e-actions-item-last {

  padding-right: 0;

}



.topbar-e .topbar-e-actions .topbar-e-actions-link {

  font-size: 13px;

  color: #34343c;

  line-height: 1.5;

}



.topbar-e .topbar-e-actions .topbar-e-actions-link:focus {

  text-decoration: none;

}



.topbar-e .topbar-e-actions .topbar-e-actions-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-e .topbar-e-actions .topbar-e-actions-wishlist-badge {

  position: relative;

  top: -1px;

  width: 16px;

  height: 16px;

  display: inline-block;

  font-size: 10px;

  font-weight: 600;

  color: #34343c;

  line-height: 1.6;

  text-align: center;

  border: 1px solid #34343c;

  margin-left: 5px;

}



/* Topbar v2 Shopping Cart */

.topbar-e .topbar-e-sh-cart {

  position: relative;

  border-left: 1px solid #ebeef6;

  border-right: 1px solid #ebeef6;

  padding: 10px 15px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-link {

  font-size: 13px;

  color: #34343c;

  line-height: 1.5;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-link:focus {

  text-decoration: none;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-badge {

  position: relative;

  top: -1px;

  width: 16px;

  height: 16px;

  display: inline-block;

  font-size: 10px;

  color: #fff;

  line-height: 1.6;

  text-align: center;

  background: #34343c;

  margin-left: 5px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu {

  position: absolute;

  top: 100%;

  right: 0;

  width: 270px;

  display: none;

  z-index: 1;

  background: #fff;

  border: 1px solid #ebeef6;

  border-top: 2px solid #34343c;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-title {

  display: block;

  font-size: 18px;

  color: #34343c;

  border-bottom: 1px solid #ebeef6;

  padding: 15px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-content {

  display: block;

  padding: 15px;

  border-bottom: 1px solid #ebeef6;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-content:before, .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-content:after {

  content: " ";

  display: table;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-content:after {

  clear: both;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-media {

  float: left;

  margin-right: 15px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-media .topbar-e-sh-cart-menu-product-img {

  width: 60px;

  height: auto;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-wrap {

  float: left;

  margin-right: 15px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-wrap:before, .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-wrap:after {

  content: " ";

  display: table;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-wrap:after {

  clear: both;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-name {

  display: block;

  font-size: 13px;

  color: #34343c;

  margin-bottom: -2px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-name:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-price {

  display: block;

  font-size: 12px;

  color: #535353;

  margin-top: 5px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-close {

  float: right;

  font-size: 16px;

  color: #535353;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-close:before, .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-close:after {

  content: " ";

  display: table;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-close:after {

  clear: both;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-close:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal {

  padding: 15px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-content {

  display: block;

  margin-bottom: 10px;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-content:before, .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-content:after {

  content: " ";

  display: table;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-content:after {

  clear: both;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-title {

  font-size: 14px;

  color: #34343c;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-price {

  font-size: 13px;

  color: #00bcd4;

  float: right;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-view {

  font-size: 12px;

  text-align: center;

  margin-bottom: 0;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-view-link {

  font-size: 12px;

  color: #34343c;

}



.topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-view-link:hover {

  color: #00bcd4;

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  /* Topbar v2 List */

  .topbar-e .topbar-e-list .topbar-e-list-item {

    display: block;

    border-right: none;

    text-align: left;

    border-top: 1px solid #ebeef6;

  }

  .topbar-e .topbar-e-list .topbar-e-list-item:first-child {

    border: none;

  }

  .topbar-e .topbar-e-list .topbar-e-list-item:first-child .topbar-e-list-dropdown {

    display: inline-block;

    padding: 10px 5px;

  }

  .topbar-e .topbar-e-list .topbar-e-list-item .topbar-e-list-dropdown {

    padding: 10px 5px;

  }

  .topbar-e .topbar-e-list .topbar-e-list-dropdown-menu {

    position: relative;

    top: 0;

    left: 0;

  }

  /* Topbar v2 Actions */

  .topbar-e .topbar-e-actions {

    float: none;

  }

  .topbar-e .topbar-e-actions .topbar-e-actions-item {

    display: block;

    border-left: none;

    border-top: 1px solid #ebeef6;

    padding: 10px 5px;

  }

  .topbar-e .topbar-e-actions .topbar-e-actions-item:last-child {

    padding-right: 15px;

  }

  .topbar-e .topbar-e-actions .topbar-e-actions-item-last {

    display: block;

    padding: 0;

    margin-left: -4px;

  }

  /* Topbar v2 Shopping Cart */

  .topbar-e .topbar-e-sh-cart {

    border-top: 1px solid #ebeef6;

    border-left: none;

    border-right: none;

    padding: 0;

  }

  .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-link {

    display: inline-block;

    padding: 10px 0 10px 5px;

  }

  .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  .header-shrink .topbar-e {

    margin-top: -40px;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

}



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

    [Topbar Transparent]

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

.topbar-t {

  background: transparent;

  border-bottom: 1px dashed rgba(255, 255, 255, 0.8);

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Topbar v3 List */

.topbar-t .topbar-t-list {

  margin-bottom: 0;

}



.topbar-t .topbar-t-list .topbar-t-list-item {

  position: relative;

  min-width: 45px;

  font-size: 12px;

  font-weight: 600;

  color: #fff;

  text-align: center;

  padding: 0;

  margin-left: -4px;

}



.topbar-t .topbar-t-list .topbar-t-list-item:last-child {

  border-right: 1px dashed rgba(255, 255, 255, 0.8);

}



.topbar-t .topbar-t-list .topbar-t-list-item .topbar-t-list-dropdown {

  display: block;

  font-size: 12px;

  font-weight: 600;

  color: #fff;

  padding: 11px 15px;

}



.topbar-t .topbar-t-list .topbar-t-list-item .topbar-t-list-dropdown:focus {

  text-decoration: none;

}



.topbar-t .topbar-t-list .topbar-t-list-item .topbar-t-list-dropdown:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-t .topbar-t-list .topbar-t-list-dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 130px;

  display: none;

  z-index: 1;

  text-align: left;

  background: #fff;

  list-style: none;

  margin: 0;

  padding: 10px 0;

}



.topbar-t .topbar-t-list .topbar-t-list-dropdown-menu .topbar-t-list-dropdown-menu-item {

  display: block;

  font-size: 12px;

  color: #34343c;

}



.topbar-t .topbar-t-list .topbar-t-list-dropdown-menu .topbar-t-list-dropdown-menu-link {

  display: block;

  font-size: 12px;

  color: #34343c;

  padding: 5px 15px;

}



.topbar-t .topbar-t-list .topbar-t-list-dropdown-menu .topbar-t-list-dropdown-menu-link:focus, .topbar-t .topbar-t-list .topbar-t-list-dropdown-menu .topbar-t-list-dropdown-menu-link:hover {

  text-decoration: none;

}



.topbar-t .topbar-t-list .topbar-t-list-dropdown-menu .topbar-t-list-dropdown-menu-link:hover {

  color: #fff;

  background: #00bcd4;

}



.topbar-t .topbar-t-list .topbar-t-list-dropdown-menu .topbar-t-list-dropdown-menu-icon {

  font-size: 12px;

  padding-right: 5px;

}



/* Topbar v3 Icons List */

.topbar-t .topbar-t-socials {

  float: left;

  margin: 0 10px 0 0;

}



.topbar-t .topbar-t-socials .topbar-t-socials-list {

  position: relative;

  top: 5px;

}



/* Topbar v3 Right Actions */

.topbar-t-right-actions {

  float: right;

}



/* Topbar v3 Shopping Cart */

.topbar-t .topbar-t-sh-action {

  float: right;

}



.topbar-t .topbar-t-sh-cart {

  position: relative;

  border-left: 1px dashed rgba(255, 255, 255, 0.8);

  padding: 10px 15px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-link {

  font-size: 13px;

  color: #fff;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-link:focus {

  text-decoration: none;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-link:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-badge {

  position: relative;

  top: -1px;

  width: 16px;

  height: 16px;

  display: inline-block;

  font-size: 10px;

  color: #34343c;

  line-height: 1.6;

  text-align: center;

  background: #fff;

  margin-left: 5px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu {

  position: absolute;

  top: 100%;

  right: 0;

  width: 270px;

  display: none;

  z-index: 1;

  background: #fff;

  border-top: 2px solid #34343c;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-title {

  display: block;

  font-size: 18px;

  color: #34343c;

  border-bottom: 1px solid #ebeef6;

  padding: 15px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-content {

  display: block;

  padding: 15px;

  border-bottom: 1px solid #ebeef6;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-content:before, .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-content:after {

  content: " ";

  display: table;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-content:after {

  clear: both;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-media {

  float: left;

  margin-right: 15px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-media .topbar-t-sh-cart-menu-product-img {

  width: 60px;

  height: auto;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-wrap {

  float: left;

  margin-right: 15px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-wrap:before, .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-wrap:after {

  content: " ";

  display: table;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-wrap:after {

  clear: both;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-name {

  display: block;

  font-size: 13px;

  color: #34343c;

  margin-bottom: -2px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-name:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-price {

  display: block;

  font-size: 12px;

  color: #535353;

  margin-top: 5px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-close {

  float: right;

  font-size: 16px;

  color: #535353;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-close:before, .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-close:after {

  content: " ";

  display: table;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-close:after {

  clear: both;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-close:hover {

  color: #00bcd4;

  text-decoration: none;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal {

  padding: 15px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-content {

  display: block;

  margin-bottom: 10px;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-content:before, .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-content:after {

  content: " ";

  display: table;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-content:after {

  clear: both;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-title {

  font-size: 14px;

  color: #34343c;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-price {

  font-size: 13px;

  color: #00bcd4;

  float: right;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-view {

  font-size: 12px;

  text-align: center;

  margin-bottom: 0;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-view-link {

  font-size: 12px;

  color: #34343c;

}



.topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-view-link:hover {

  color: #00bcd4;

}



/* Media Queries below 767px */

@media (max-width: 767px) {

  /* Topbar v3 List */

  .topbar-t .topbar-t-list .topbar-t-list-item {

    display: block;

    text-align: left;

  }

  .topbar-t .topbar-t-list .topbar-t-list-item:last-child {

    border-right: none;

  }

  .topbar-t .topbar-t-list .topbar-t-list-item .topbar-t-list-dropdown {

    padding: 10px 5px;

  }

  .topbar-t .topbar-t-list .topbar-t-list-dropdown-menu {

    position: relative;

    top: 0;

    left: 0;

  }

  /* Topbar v3 Right Actions */

  .topbar-t-right-actions {

    float: none;

  }

  /* Topbar v3 Socials */

  .topbar-t .topbar-t-socials {

    display: block;

    float: none;

  }

  /* Topbar v3 Shopping Cart */

  .topbar-t .topbar-t-sh-action {

    float: none;

  }

  .topbar-t .topbar-t-sh-cart {

    border-left: none;

    padding: 0;

  }

  .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-link {

    display: inline-block;

    padding: 10px 3px;

  }

  .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

  }

}



/* Media Queries below 991px */

@media (max-width: 991px) {

  /* Topbar v3 */

  .topbar-t {

    background: #34343c;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  .header-shrink .topbar-t {

    margin-top: -41px;

    transition-duration: 300ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

}



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

  	[Coming Soon]

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

.coming-soon {

  text-align: center;

  background: url(../../style/img/1920x1080/30.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

}



.coming-soon .coming-soon-logo-img {

  position: fixed;

  top: 30px;

  left: 30px;

  width: 85px;

  height: auto;

}



.coming-soon .coming-soon-title {

  font-size: 70px;

  color: #fff;

  margin-bottom: 20px;

}



.coming-soon .coming-soon-text {

  font-size: 22px;

  font-style: italic;

  color: #f1f1f1;

  margin-bottom: 0;

}



/* Media Queries below 992px */

@media (max-width: 768px) {

  .coming-soon .coming-soon-title {

    font-size: 50px;

  }

  .coming-soon .coming-soon-text {

    font-size: 18px;

  }

}



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

    [Contact Us Banner]

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

.contact-us {

  padding: 40px;

}



.contact-us .contact-us-timeline-day {

  display: block;

  width: 100%;

  font-size: 12px;

  font-weight: 300;

  color: #fff;

  text-align: center;

  background: #00bcd4;

  padding: 5px 0;

  margin-right: 15px;

}



.contact-us .contact-us-timeline-time {

  display: block;

  font-size: 12px;

  font-weight: 300;

  text-align: center;

  border: 1px solid #ebeef6;

  padding: 5px 10px;

}



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

    [FAQ]

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

.faq {

  position: relative;

  z-index: 1;

  text-align: center;

  background: url(../../style/img/1920x1080/28.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

  padding: 250px 0 100px;

}



.faq:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.7);

  content: " ";

}



.faq .faq-title {

  font-size: 70px;

  color: #fff;

  margin: 0 0 60px;

}



.faq .faq-search {

  position: relative;

  width: 100%;

  height: auto;

}



.faq .faq-search .faq-search-input {

  width: 100%;

  height: 50px;

  font-size: 22px;

  color: #fff;

  background: transparent;

  border: none;

  border-bottom: 1px solid #fff;

  border-radius: 0;

  padding: 6px 35px 6px 0;

}



.faq .faq-search .faq-search-input::-moz-placeholder {

  color: #fff;

}



.faq .faq-search .faq-search-input:-ms-input-placeholder {

  color: #fff;

}



.faq .faq-search .faq-search-input::-webkit-input-placeholder {

  color: #fff;

}



.faq .faq-search .faq-search-input:focus {

  border-bottom-color: #fff;

}



.faq .faq-search .faq-search-input:focus::-moz-placeholder {

  color: #fff;

}



.faq .faq-search .faq-search-input:focus:-ms-input-placeholder {

  color: #fff;

}



.faq .faq-search .faq-search-input:focus::-webkit-input-placeholder {

  color: #fff;

}



.faq .faq-search .faq-search-search {

  position: absolute;

  top: 7px;

  right: 0;

  width: 35px;

  height: 35px;

  background: transparent;

  outline: none;

  border: none;

}



.faq .faq-search .faq-search-search .faq-search-search-icon {

  font-size: 14px;

  color: #fff;

}



.faq .faq-search .faq-search-search:hover .faq-search-search-icon {

  color: #00bcd4;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .faq .faq-title {

    font-size: 36px;

  }

}



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

    [FAQ V2]

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

.faq-v2 {

  position: relative;

  z-index: 1;

  text-align: center;

  background: url(../../style/img/1920x1080/03.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

  padding: 220px 0 130px;

}



.faq-v2:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  background: rgba(52, 52, 60, 0.7);

  content: " ";

}



.faq-v2 .faq-v2-community {

  position: relative;

  z-index: 1;

  background: #fff;

  text-align: center;

  overflow: hidden;

  padding: 40px;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.faq-v2 .faq-v2-community .faq-v2-community-content {

  margin-bottom: 20px;

  -webkit-transform: translate3d(0, 30%, 0);

  -moz-transform: translate3d(0, 30%, 0);

  transform: translate3d(0, 30%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.faq-v2 .faq-v2-community .faq-v2-community-icon {

  display: block;

  font-size: 50px;

  color: #00bcd4;

  margin-bottom: 30px;

}



.faq-v2 .faq-v2-community .faq-v2-community-title {

  font-size: 20px;

  margin-bottom: 0;

}



.faq-v2 .faq-v2-community .faq-v2-community-btn {

  opacity: 0;

  margin-bottom: 0;

  -webkit-transform: translate3d(0, 105%, 0);

  -moz-transform: translate3d(0, 105%, 0);

  transform: translate3d(0, 105%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.faq-v2 .faq-v2-community:hover .faq-v2-community-content {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.faq-v2 .faq-v2-community:hover .faq-v2-community-btn {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Shopify Services]

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

.shopify-services {

  text-align: center;

}



.shopify-services .shopify-services-img {

  display: block;

  width: 200px;

  height: 200px;

  margin: 0 auto 30px;

}



.shopify-services .shopify-services-title {

  position: relative;

  font-size: 24px;

  margin-bottom: 40px;

}



.shopify-services .shopify-services-title:before {

  position: absolute;

  left: 50%;

  bottom: -20px;

  width: 40px;

  height: 1px;

  background: #34343c;

  content: " ";

  margin-left: -20px;

}



.shopify-services .shopify-services-price {

  font-size: 18px;

}



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

    [Shopify Product]

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

.shopify-product {

  text-align: center;

}



.shopify-product .shopify-product-content {

  padding: 20px;

}



.shopify-product .shopify-product-name {

  font-size: 20px;

  margin-bottom: 10px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.shopify-product .shopify-product-price {

  display: block;

  font-size: 16px;

}



.shopify-product .shopify-product-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  z-index: 3;

  text-decoration: none;

}



.shopify-product:hover .shopify-product-name {

  color: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Animated Headline v1]

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

.animated-headline-v1 {

  width: 100%;

  text-align: center;

}



.animated-headline-v1 .animated-headline-title {

  font-size: 50px;

}



.animated-headline-v1 .animated-headline-title .animated-headline-wrap {

  display: inline-block;

  font-size: 50px;

  font-weight: 300;

  position: relative;

  text-align: left;

  vertical-align: top;

  overflow: hidden;

}



.animated-headline-v1 .animated-headline-title .animated-headline-wrap.waiting:after {

  -webkit-animation: animated-headline-v1-pulse 0.1s infinite;

  -moz-animation: animated-headline-v1-pulse 0.1s infinite;

  animation: animated-headline-v1-pulse 0.1s infinite;

}



.animated-headline-v1 .animated-headline-title .animated-headline-wrap.selected:after {

  visibility: hidden;

}



.animated-headline-v1 .animated-headline-title .animated-headline-wrap b {

  font-weight: 300;

  visibility: hidden;

}



.animated-headline-v1 .animated-headline-title .animated-headline-wrap b.is-visible {

  visibility: visible;

}



.animated-headline-v1 .animated-headline-title .animated-headline-wrap i {

  position: absolute;

  font-style: normal;

  visibility: hidden;

}



.animated-headline-v1 .animated-headline-title .animated-headline-wrap i.in {

  position: relative;

  visibility: visible;

}



.animated-headline-v1 .animated-headline-v1-subtitle {

  font-size: 18px;

  font-style: italic;

  font-family: "Microsoft Yahei";

  opacity: .8;

}



@-webkit-keyframes animated-headline-v1-pulse {

  0% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    transform: scale(1, 1);

    opacity: 1;

  }

  40% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(0.9, 1);

    -moz-transform: scale(0.9, 1);

    transform: scale(0.9, 1);

    opacity: 0;

  }

  100% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(0, 0);

    -moz-transform: scale(0, 0);

    transform: scale(0, 0);

    opacity: 0;

  }

}



@-moz-keyframes animated-headline-v1-pulse {

  0% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    transform: scale(1, 1);

    opacity: 1;

  }

  40% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(0.9, 1);

    -moz-transform: scale(0.9, 1);

    transform: scale(0.9, 1);

    opacity: 0;

  }

  100% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(0, 0);

    -moz-transform: scale(0, 0);

    transform: scale(0, 0);

    opacity: 0;

  }

}



@keyframes animated-headline-v1-pulse {

  0% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    transform: scale(1, 1);

    opacity: 1;

  }

  40% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(0.9, 1);

    -moz-transform: scale(0.9, 1);

    transform: scale(0.9, 1);

    opacity: 0;

  }

  100% {

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    -webkit-transform: scale(0, 0);

    -moz-transform: scale(0, 0);

    transform: scale(0, 0);

    opacity: 0;

  }

}



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

    [Animsition]

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

.animsition,

.animsition-overlay {

  position: relative;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



/* Overlay Option */

.animsition-overlay-slide {

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background: white;

}



/* Loading Option */

.animsition-loading,

.animsition-loading:after {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 60px;

  height: 60px;

  z-index: 100;

  margin: -30px 0 0 -30px;

  border-radius: 50%;

}



/* Animsition Loading */

.animsition-loading {

  background: transparent;

  border-left: 2px solid #00bcd4;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -ms-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-duration: 0.8s;

  -moz-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-name: animsition-loading;

  -moz-animation-name: animsition-loading;

  animation-name: animsition-loading;

}



@-webkit-keyframes animsition-loading {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@-moz-keyframes animsition-loading {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes animsition-loading {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@-webkit-keyframes fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@-moz-keyframes fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@keyframes fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



/* Fade In */

.fade-in {

  -webkit-animation-name: fade-in;

  -moz-animation-name: fade-in;

  animation-name: fade-in;

}



@-webkit-keyframes fade-out {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



@-moz-keyframes fade-out {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



@keyframes fade-out {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



/* Fade Out */

.fade-out {

  -webkit-animation-name: fade-out;

  -moz-animation-name: fade-out;

  animation-name: fade-out;

}



@-webkit-keyframes fade-in-up {

  0% {

    -webkit-transform: translate3d(0, 500px, 0);

    -moz-transform: translate3d(0, 500px, 0);

    transform: translate3d(0, 500px, 0);

    opacity: 0;

  }

  100% {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@-moz-keyframes fade-in-up {

  0% {

    -webkit-transform: translate3d(0, 500px, 0);

    -moz-transform: translate3d(0, 500px, 0);

    transform: translate3d(0, 500px, 0);

    opacity: 0;

  }

  100% {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes fade-in-up {

  0% {

    -webkit-transform: translate3d(0, 500px, 0);

    -moz-transform: translate3d(0, 500px, 0);

    transform: translate3d(0, 500px, 0);

    opacity: 0;

  }

  100% {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



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

    [Back To Top Theme Button]

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

.back-to-top-theme {

  position: fixed;

  right: 10px;

  bottom: 10px;

  display: inline-block;

  z-index: 9;

  width: 35px;

  height: 35px;

  font-size: 22px;

  color: #fff;

  line-height: .5;

  background: #00bcd4;

  border-radius: 3px;

  visibility: hidden;

  opacity: 0;

  padding: 10.5px;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.back-to-top-theme:after {

  font-family: FontAwesome;

  color: #fff;

  text-align: center;

  content: "\f106";

}



.back-to-top-theme:hover {

  background: #00bcd4;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.back-to-top-theme:focus, .back-to-top-theme:hover {

  text-decoration: none;

}



/* The Button Becomes Visible */

.back-to-top-theme.back-to-top-is-visible {

  visibility: visible;

  opacity: .6;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.back-to-top-theme.back-to-top-is-visible:hover {

  opacity: 1;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* If the user keeps scrolling down, the button is out of focus and becomes less visible */

.back-to-top-theme.back-to-top-fade-out {

  opacity: .4;

}



.back-to-top-theme.back-to-top-fade-out:hover {

  opacity: 1;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [List Inline]

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

.list-inline {

  margin-left: 0;

}



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

    [Checkbox]

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

.checkbox {

  padding-left: 21px;

  text-align: left;

  margin: 0;

}



.checkbox label {

  display: inline-block;

  font-size: 13px;

  font-weight: 300;

  vertical-align: middle;

  position: relative;

  padding-left: 5px;

}



.checkbox label:before {

  position: absolute;

  left: 0;

  width: 17px;

  height: 17px;

  display: inline-block;

  background: #fff;

  border: 1px solid #e0e5f1;

  border-radius: 3px;

  content: " ";

  margin-left: -20px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.checkbox label:after {

  position: absolute;

  top: 0;

  left: 0;

  display: inline-block;

  width: 16px;

  height: 16px;

  font-size: 11px;

  color: #606060;

  margin-left: -17px;

  padding-top: 1px;

}



.checkbox input[type="checkbox"],

.checkbox input[type="radio"] {

  z-index: 1;

  opacity: 0;

  cursor: pointer;

}



.checkbox input[type="checkbox"]:focus + label:before,

.checkbox input[type="radio"]:focus + label:before {

  outline: none;

}



.checkbox input[type="checkbox"]:checked + label:before,

.checkbox input[type="radio"]:checked + label:before {

  background: #00bcd4;

  border-color: #00bcd4;

}



.checkbox input[type="checkbox"]:checked + label:after,

.checkbox input[type="radio"]:checked + label:after {

  font-family: FontAwesome;

  color: #fff;

  content: "\f00c";

}



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

    [Form Control]

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

.form-control {

  height: 40px;

  font-size: 13px;

  font-weight: 300;

  color: #606060;

  border-color: #ebeef6;

  box-shadow: none;

}



.form-control::-moz-placeholder {

  color: #606060;

}



.form-control:-ms-input-placeholder {

  color: #606060;

}



.form-control::-webkit-input-placeholder {

  color: #606060;

}



.form-control:focus {

  border-color: #d9dfee;

  box-shadow: none;

}



.form-control:focus::-moz-placeholder {

  color: #606060;

}



.form-control:focus:-ms-input-placeholder {

  color: #606060;

}



.form-control:focus::-webkit-input-placeholder {

  color: #606060;

}



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

    [Carousel Control]

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

.carousel-control.left, .carousel-control.right {

  background-image: none;

}



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

    [Carousel Animation Fade]

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

.carousel-fade .carousel-inner .item {

  -webkit-transition: opacity 0.8s;

  -moz-transition: opacity 0.8s;

  transition: opacity 0.8s;

}



.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  opacity: 0;

}



.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}



.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.carousel-fade .carousel-control {

  z-index: 2;

}



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

    [Carousel Control Arrows v1]

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

.theme-carousel-control-v1 {

  width: 0;

  text-shadow: none;

  opacity: 1;

}



.theme-carousel-control-v1 .carousel-control-arrows-v1 {

  position: absolute;

  top: 50%;

  display: inline-block;

  width: 35px;

  height: 35px;

  font-size: 18px;

  color: #34343c;

  text-align: center;

  background: rgba(255, 255, 255, 0.7);

  vertical-align: middle;

  padding: 8px;

  margin-top: -17.5px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-carousel-control-v1 .carousel-control-arrows-v1:hover {

  color: #34343c;

  background: #fff;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-carousel-control-v1.left .carousel-control-arrows-v1 {

  left: 10px;

}



.theme-carousel-control-v1.right .carousel-control-arrows-v1 {

  right: 10px;

}



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

    [Carousel Control Arrows v2]

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

.theme-carousel-control-v2 {

  position: static;

  width: 0;

  text-align: center;

  text-shadow: none;

  opacity: .8;

  padding: 0 3px;

}



.theme-carousel-control-v2 .carousel-control-arrows-v2 {

  display: inline-block;

  width: 40px;

  height: 40px;

  font-size: 18px;

  color: #34343c;

  line-height: 1.4;

  text-align: center;

  background: #fff;

  vertical-align: middle;

  padding: 8px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-carousel-control-v2 .carousel-control-arrows-v2:hover {

  color: #fff;

  background: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



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

    [Theme Carousel Indicators v1]

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

/* Media Queries above 992px */

@media (min-width: 992px) {

  .theme-ci-v1 {

    width: 100%;

    margin-left: -50%;

  }

  .theme-ci-v1 .theme-ci-v1-item {

    position: relative;

    min-width: 190px;

    width: auto;

    height: auto;

    font-size: 18px;

    color: #fff;

    text-align: left;

    background: transparent;

    border: none;

    border-radius: 0;

    text-indent: inherit;

    overflow: hidden;

    opacity: .5;

    padding: 10px 5px;

    margin: 0 50px;

  }

  .theme-ci-v1 .theme-ci-v1-item:before, .theme-ci-v1 .theme-ci-v1-item:after {

    background: #fff;

    content: " ";

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .theme-ci-v1 .theme-ci-v1-item:before {

    position: absolute;

    top: 0;

    right: 0;

    width: 0;

    height: 2px;

  }

  .theme-ci-v1 .theme-ci-v1-item:after {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

  }

  .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-no {

    font-size: 50px;

    font-weight: 400;

    float: left;

    line-height: .9;

    letter-spacing: -2px;

    margin-right: 8px;

  }

  .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-media {

    overflow: hidden;

  }

  .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-title {

    display: block;

    font-size: 18px;

    font-style: italic;

    font-family: "Microsoft Yahei";

  }

  .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-subtitle {

    display: block;

    font-size: 14px;

  }

  .theme-ci-v1 .theme-ci-v1-item.active {

    width: auto;

    height: auto;

    background: transparent;

    opacity: 1;

    margin: 0 50px;

  }

  .theme-ci-v1 .theme-ci-v1-item.active:before {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 2px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .theme-ci-v1 .theme-ci-v1-item.active:after {

    width: 100%;

    height: 2px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .theme-ci-v1 .theme-ci-v1-item:hover:before {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 2px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

  .theme-ci-v1 .theme-ci-v1-item:hover:after {

    width: 100%;

    height: 2px;

    transition-duration: 400ms;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

  }

}



/* Media Queries below 992px */

@media (max-width: 992px) {

  .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-no,

  .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-media {

    display: none;

  }

}



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

    [Theme Carousel Indicators v2]

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

.theme-carousel-indicators-v2 {

  bottom: -10px;

}



.theme-carousel-indicators-v2 li {

  width: 8px;

  height: 8px;

  background: #34343c;

  margin: 0;

}



.theme-carousel-indicators-v2 li.active {

  width: 8px;

  height: 8px;

  background: #00bcd4;

  border-color: #00bcd4;

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  .theme-carousel-indicators-v2 {

    left: 65%;

    bottom: 35px;

    margin-left: 0;

  }

}



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

    [Theme Carousel Indicators v3]

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

.theme-carousel-indicators-v3 {

  position: static;

  width: auto;

  text-align: right;

  margin: 0;

}



.theme-carousel-indicators-v3 li {

  position: relative;

  width: auto;

  height: auto;

  font-size: 18px;

  color: #fff;

  background: 0;

  border: none;

  border-bottom: 1px solid #fff;

  border-radius: 0;

  text-indent: inherit;

  padding: 0 2px;

  margin: 0 6px 0 0;

}



.theme-carousel-indicators-v3 li.active {

  width: auto;

  height: auto;

  color: #00bcd4;

  background: 0;

  border-bottom-color: #00bcd4;

  margin: 0 6px 0 0;

}



.theme-carousel-indicators-v3 li:hover {

  border-bottom-color: #00bcd4;

}



.theme-carousel-indicators-v3 li:hover.active {

  color: #00bcd4;

  border-bottom-color: #00bcd4;

}



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

    [Theme Carousel Indicators v4]

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

.theme-carousel-indicators-v4 {

  bottom: -40px;

}



.theme-carousel-indicators-v4 li {

  width: 8px;

  height: 8px;

  background: #34343c;

  margin: 0;

}



.theme-carousel-indicators-v4 li.active {

  width: 8px;

  height: 8px;

  background: #00bcd4;

  border-color: #00bcd4;

}



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

    [Theme Carousel Indicators v5]

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

.theme-carousel-indicators-v5 {

  position: static;

  width: auto;

  text-align: center;

  background: #fff;

  border: 1px solid #f7f8fa;

  border-radius: 0;

  padding: 10px;

  margin: 0;

}



.theme-carousel-indicators-v5 li {

  width: auto;

  height: auto;

  z-index: 1;

  text-indent: inherit;

  background: 0;

  border: none;

  padding: 0;

  margin: 0 1px;

}



.theme-carousel-indicators-v5 li.active {

  width: auto;

  height: auto;

  background: 0;

  border: none;

  padding: 0;

  margin: 0 1px;

}



.theme-carousel-indicators-v5 li.active .theme-carousel-indicators-item {

  width: 50px;

  height: 50px;

  border: 2px solid #00bcd4;

}



.theme-carousel-indicators-v5 .theme-carousel-indicators-item {

  width: 50px;

  height: 50px;

  border: 2px solid #ebeef6;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .theme-carousel-indicators-v5 {

    display: none;

  }

}



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

    [Google Map]

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

.map {

  width: 100%;

  height: 100%;

  background: #f7f8fa;

}



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

    [Masonry Grid]

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

.masonry-grid {

  overflow: hidden;

  margin: 0 -15px;

}



.masonry-grid.masonry-grid-no-space {

  margin: 0;

}



.masonry-grid.masonry-grid-no-space .masonry-grid-item {

  padding: 0;

  margin: 0;

}



.masonry-grid .masonry-grid-item {

  display: block;

  width: 19.99%;

  float: left;

  vertical-align: top;

  padding: 0 15px;

  margin-bottom: 30px;

}



.masonry-grid .masonry-grid-item.col-1 {

  width: 100%;

}



.masonry-grid .masonry-grid-item.col-2 {

  width: 49.99%;

}



.masonry-grid .masonry-grid-item.col-3 {

  width: 33.33333333%;

}



.masonry-grid .masonry-grid-item.col-4 {

  width: 24.9%;

}



/* Media Queries below 992px */

@media (max-width: 992px) {

  .masonry-grid .masonry-grid-item {

    width: 49.9%;

  }

  .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-4 {

    width: 49.9%;

  }

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .masonry-grid .masonry-grid-item {

    width: 100%;

  }

  .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-4 {

    width: 100%;

  }

}



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

    [Owl Carousel]

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

.owl-carousel {

  position: relative;

}



/* Genereal Changes */

.owl-btn,

.owl-dot {

  cursor: pointer;

}



/* Owl Dots */

.owl-dots {

  text-align: center;

  margin-top: 30px;

}



.owl-dot {

  display: inline-block;

  padding: 0 3px;

}



.owl-dot span,

.owl-dots span {

  position: relative;

  display: inline-block;

  width: 8px;

  height: 8px;

  text-indent: -999px;

  background: transparent;

  border: 1px solid #00bcd4;

  border-radius: 50%;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.owl-dot.active span,

.owl-dots.active span {

  background: #00bcd4;

  -webkit-transform: scale(1.2, 1.2);

  -moz-transform: scale(1.2, 1.2);

  transform: scale(1.2, 1.2);

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Owl Dots Color Picker */

.owl-dots-color-picker .owl-dot.active span,

.owl-dots-color-picker .owl-dots.active span {

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

}



.owl-dots-color-picker .owl-dot {

  display: inline-block;

  padding: 0 5px;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

}



.owl-dots-color-picker .owl-dot .owl-dots-color-silver,

.owl-dots-color-picker .owl-dot .owl-dots-color-white,

.owl-dots-color-picker .owl-dot .owl-dots-color-dark {

  position: relative;

  display: inline-block;

  width: 40px;

  height: 40px;

  text-indent: -999px;

  border: 1px solid transparent;

  border-radius: 50%;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.owl-dots-color-picker .owl-dot .owl-dots-color-silver.owl-dots-color-silver,

.owl-dots-color-picker .owl-dot .owl-dots-color-white.owl-dots-color-silver,

.owl-dots-color-picker .owl-dot .owl-dots-color-dark.owl-dots-color-silver {

  background: #c69f73;

}



.owl-dots-color-picker .owl-dot .owl-dots-color-silver.owl-dots-color-white,

.owl-dots-color-picker .owl-dot .owl-dots-color-white.owl-dots-color-white,

.owl-dots-color-picker .owl-dot .owl-dots-color-dark.owl-dots-color-white {

  background: #fff;

  border-color: #ebeef6;

}



.owl-dots-color-picker .owl-dot .owl-dots-color-silver.owl-dots-color-dark,

.owl-dots-color-picker .owl-dot .owl-dots-color-white.owl-dots-color-dark,

.owl-dots-color-picker .owl-dot .owl-dots-color-dark.owl-dots-color-dark {

  background: #34343c;

}



.owl-dots-color-picker .owl-dot .owl-dots-color-silver:hover,

.owl-dots-color-picker .owl-dot .owl-dots-color-white:hover,

.owl-dots-color-picker .owl-dot .owl-dots-color-dark:hover {

  opacity: .8;

}



.owl-dots-color-picker .owl-dot.active {

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  transform: scale(1, 1);

}



.owl-dots-color-picker .owl-dot.active .owl-dots-color-silver,

.owl-dots-color-picker .owl-dot.active .owl-dots-color-white,

.owl-dots-color-picker .owl-dot.active .owl-dots-color-dark {

  position: relative;

}



.owl-dots-color-picker .owl-dot.active .owl-dots-color-silver:before,

.owl-dots-color-picker .owl-dot.active .owl-dots-color-white:before,

.owl-dots-color-picker .owl-dot.active .owl-dots-color-dark:before {

  position: absolute;

  top: 0;

  z-index: 10;

  display: inline-block;

  width: 40px;

  height: 40px;

  font-size: 20px;

  font-family: FontAwesome;

  color: #fff;

  text-align: center;

  vertical-align: middle;

  padding: 6px;

  text-indent: 0;

  content: "\f00c";

}



.owl-dots-color-picker .owl-dot.active .owl-dots-color-white:before {

  color: #34343c;

}



/* Testimonials v4 Arrows */

.testimonials-v4-arrows .arrow-next,

.testimonials-v4-arrows .arrow-prev {

  position: absolute;

  top: 50%;

  width: 35px;

  height: 35px;

  font-size: 20px;

  color: #34343c;

  background: rgba(255, 255, 255, 0.9);

  cursor: pointer;

  padding: 7px;

  margin-top: -17.5px;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.testimonials-v4-arrows .arrow-next:hover,

.testimonials-v4-arrows .arrow-prev:hover {

  color: #fff;

  background: #00bcd4;

  transition-duration: 300ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.testimonials-v4-arrows .arrow-prev {

  left: 0;

  margin-left: -50px;

}



.testimonials-v4-arrows .arrow-next {

  right: 0;

  margin-right: -50px;

}



/* Media Queries below 992px */

@media (max-width: 992px) {

  .testimonials-v4-arrows .arrow-prev {

    left: 0;

    margin-left: 0;

  }

  .testimonials-v4-arrows .arrow-next {

    right: 0;

    margin-right: 0;

  }

}



/* Owl Control Arrows v1 */

.owl-control-arrows-v1 .owl-arrow {

  display: inline-block;

  width: 35px;

  height: 35px;

  font-size: 20px;

  color: #34343c;

  text-align: center;

  background: #fff;

  vertical-align: middle;

  cursor: pointer;

  padding: 7px;

  margin: 0 3px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.owl-control-arrows-v1 .owl-arrow.arrow-left, .owl-control-arrows-v1 .owl-arrow.arrow-right {

  position: absolute;

  top: 50%;

  z-index: 1;

  margin-top: -17.5px;

}



.owl-control-arrows-v1 .owl-arrow.arrow-left {

  left: 0;

}



.owl-control-arrows-v1 .owl-arrow.arrow-right {

  right: 0;

}



.owl-control-arrows-v1 .owl-arrow:hover {

  color: #fff;

  background: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* No Overflow */

.owl-carousel-no-overflow .owl-stage-outer {

  overflow: inherit;

}



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

	[Portfolio]

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

/* Popup Lightbox Close Button */

.cbp-popup-lightbox .cbp-popup-close,

.cbp-popup-lightbox .cbp-popup-next,

.cbp-popup-lightbox .cbp-popup-prev {

  width: 38px;

  height: 38px;

  background: #000;

  border-radius: 3px;

  opacity: .5;

}



.cbp-popup-lightbox .cbp-popup-close:after,

.cbp-popup-lightbox .cbp-popup-next:after,

.cbp-popup-lightbox .cbp-popup-prev:after {

  display: inline-block;

  width: 38px;

  height: 38px;

  font-size: 20px;

  font-family: FontAwesome;

  color: #fff;

  text-align: center;

  vertical-align: middle;

  padding: 5px;

}



.cbp-popup-lightbox .cbp-popup-close:hover,

.cbp-popup-lightbox .cbp-popup-next:hover,

.cbp-popup-lightbox .cbp-popup-prev:hover {

  opacity: 1;

}



.cbp-popup-lightbox .cbp-popup-close:after {

  font-size: 16px;

  content: "\2716";

  padding: 8px;

}



.cbp-popup-lightbox .cbp-popup-prev:after {

  content: "\f104";

}



.cbp-popup-lightbox .cbp-popup-next:after {

  content: "\f105";

}



/* Theme Portfolio Nav Controls v1 */

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls {

  position: absolute;

  top: auto;

  left: 50%;

  bottom: -40px;

  margin-left: -35px;

}



.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next,

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev {

  width: 30px;

  height: 30px;

  background: transparent;

  border-radius: 3px;

  margin: 0 3px;

}



.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:after,

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:after {

  display: inline-block;

  width: 30px;

  height: 30px;

  font-size: 20px;

  font-family: FontAwesome;

  color: #34343c;

  text-align: center;

  background: transparent;

  border: 1px solid #34343c;

  border-radius: 50%;

  vertical-align: middle;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:hover,

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:hover {

  opacity: 1;

}



.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:hover:after,

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:hover:after {

  color: #fff;

  background: #34343c;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:after {

  content: "\f105";

}



.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:after {

  content: "\f104";

}



/* Theme Portfolio Nav Controls v2 */

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls {

  position: static;

}



.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev,

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next {

  width: 30px;

  height: 50px;

  z-index: 1;

  background: transparent;

  margin: -25px 3px 0;

}



.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:after,

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:after {

  display: inline-block;

  width: 30px;

  height: 50px;

  font-size: 20px;

  font-family: FontAwesome;

  color: #fff;

  text-align: center;

  line-height: 2.4;

  background: rgba(52, 52, 60, 0.8);

  vertical-align: middle;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:hover,

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:hover {

  opacity: 1;

}



.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:hover:after,

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:hover:after {

  background: #34343c;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next {

  position: absolute;

  top: 50%;

  right: 0;

}



.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:after {

  content: "\f105";

  margin-right: -2px;

}



.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev {

  position: absolute;

  top: 50%;

  left: 0;

}



.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:after {

  content: "\f104";

  margin-left: -2px;

}



/* Theme Portfolio Filter */

.theme-portfolio .cbp-l-filters-alignRight,

.theme-portfolio .cbp-l-filters-alignLeft,

.theme-portfolio .cbp-l-filters-alignCenter {

  font-size: 16px;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  margin-bottom: 0;

}



.theme-portfolio .cbp-filter-item {

  font-size: 18px;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  color: #34343c;

  background: transparent;

  border: none;

  border-bottom: 1px solid transparent;

  text-transform: inherit;

  padding: 5px 10px;

  margin: 0 10px 40px;

}



.theme-portfolio .cbp-filter-item.cbp-filter-item-active {

  color: #00bcd4;

  background: transparent;

  border-color: #00bcd4;

}



.theme-portfolio .cbp-filter-item:hover {

  color: #00bcd4;

}



.theme-portfolio .cbp-filter-counter {

  background: #00bcd4;

}



.theme-portfolio .cbp-filter-counter:after {

  border-top-color: #00bcd4;

}



/* Media Queries under 768px */

@media (max-width: 768px) {

  .cbp-l-filters-alignRight,

  .cbp-l-filters-alignLeft {

    float: none;

    text-align: center;

  }

}



/* Theme Portfolio Load More Button */

.theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link,

.theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link,

.theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link,

.theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link {

  display: inline-block;

  min-width: auto;

  font-size: 16px;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  color: #00bcd4;

  border: 1px solid #00bcd4;

  padding: 12px 25px;

}



.theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link:hover,

.theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,

.theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link:hover,

.theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link:hover {

  color: #fff;

  background: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Theme Portfolio Zoom Effect */

.theme-portfolio .cbp-caption-zoom .cbp-caption-activeWrap {

  background: rgba(0, 188, 212, 0.6);

}



/* Theme Portfolio Item v1 */

.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-active-wrap {

  position: relative;

}



.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-active-wrap:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(255, 255, 255, 0);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: auto;

  display: block;

  text-align: center;

  opacity: 0;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-title {

  font-size: 18px;

  margin-bottom: 0;

  -webkit-transform: translate3d(0, -40%, 0);

  -moz-transform: translate3d(0, -40%, 0);

  transform: translate3d(0, -40%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-subtitle {

  display: block;

  font-size: 14px;

  font-style: italic;

  color: #606060;

  margin-bottom: 0;

  -webkit-transform: translate3d(0, 40%, 0);

  -moz-transform: translate3d(0, 40%, 0);

  transform: translate3d(0, 40%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-active-wrap:before {

  background: rgba(255, 255, 255, 0.95);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading {

  opacity: 1;

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-title {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-subtitle {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Theme Portfolio Item v2 */

.theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-active-wrap {

  position: relative;

}



.theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-active-wrap a:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 97, 212, 0);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}

.theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-active-wrap a:hover:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 97, 212, 0.3);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-lightbox {

  position: absolute;

  top: 50%;

  left: 50%;

  opacity: 0;

  -webkit-transform: translate3d(-50%, -20%, 0);

  -moz-transform: translate3d(-50%, -20%, 0);

  transform: translate3d(-50%, -20%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v2:hover .theme-portfolio-active-wrap:before {

  background: rgba(0, 188, 212, 0.5);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v2:hover .theme-portfolio-lightbox {

  opacity: 1;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Theme Portfolio Item v3 */

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-active-wrap {

  position: relative;

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-active-wrap:before {

  position: absolute;

  top: 15px;

  left: 15px;

  right: 15px;

  bottom: 15px;

  width: auto;

  height: auto;

  background: rgba(255, 255, 255, 0);

  content: " ";

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox {

  position: absolute;

  top: 50%;

  left: 50%;

  opacity: 0;

  -webkit-transform: translate3d(-50%, -20%, 0);

  -moz-transform: translate3d(-50%, -20%, 0);

  transform: translate3d(-50%, -20%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon {

  position: relative;

  width: 30px;

  height: 30px;

  display: inline-block;

  color: #34343c;

  text-align: center;

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:before {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 1px;

  height: 30px;

  margin-top: -15px;

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 30px;

  height: 1px;

  margin-left: -15px;

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:before, .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:after {

  background: #34343c;

  content: " ";

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:before, .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:after {

  background: #00bcd4;

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: auto;

  display: block;

  padding: 30px;

  opacity: 0;

  -webkit-transform: translate3d(0, 20%, 0);

  -moz-transform: translate3d(0, 20%, 0);

  transform: translate3d(0, 20%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title {

  font-size: 16px;

  margin-bottom: 0;

}



.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-subtitle {

  display: block;

  font-size: 14px;

  font-style: italic;

  margin-bottom: 0;

}



.theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-active-wrap:before {

  background: rgba(255, 255, 255, 0.8);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-lightbox {

  opacity: 1;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-item-v3-heading {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  transition-duration: 400ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



/* Theme Portfolio Title Heading */

.theme-portfolio .theme-portfolio-title-heading {

  text-align: center;

  background: #fff;

  padding: 20px 0;

}



.theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm {

  padding: 15px;

}



.theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm .theme-portfolio-title {

  font-size: 16px;

}



.theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm .theme-portfolio-subtitle {

  font-size: 14px;

}



.theme-portfolio .theme-portfolio-title-heading .theme-portfolio-title {

  display: block;

  font-size: 18px;

  margin: 0 0 3px;

}



.theme-portfolio .theme-portfolio-title-heading .theme-portfolio-subtitle {

  display: block;

  color: #606060;

  font-size: 15px;

  font-style: italic;

}



/* Theme Portfolio Description */

.theme-portfolio-desc .portfolio-item-img-wrap {

  position: relative;

}



.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-content-wrap {

  position: absolute;

  left: 0;

  bottom: 0;

  width: auto;

  height: auto;

}



.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading {

  background: #fff;

  padding: 10px 20px;

  margin: 40px;

}



.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading .portfolio-item-heading-title {

  font-size: 30px;

  font-weight: 400;

  margin: 0;

}



.theme-portfolio-desc .portfolio-item-subitem-title {

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 10px;

}



.theme-portfolio-desc .portfolio-item-subitem-paragraph {

  margin-bottom: 0;

}



.theme-portfolio-desc .portfolio-item-category {

  font-size: 15px;

  font-weight: 300;

  color: #606060;

}



.theme-portfolio-desc .portfolio-item-category:hover {

  color: #00bcd4;

  text-decoration: none;

}



/* Media Queries below 480px */

@media (max-width: 480px) {

  .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading {

    margin: 10px;

    padding: 5px 10px;

  }

  .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading .portfolio-item-heading-title {

    font-size: 18px;

  }

}



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

    [Theme Portfolio v2]

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

/* Filter */

.theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item {

  position: relative;

  z-index: 2;

  display: block;

  font-size: 16px;

  font-weight: 300;

  font-family: "Microsoft Yahei";

  color: #34343c;

  line-height: 1.4;

  border: none;

  background: inherit;

  text-transform: inherit;

  padding: 0;

  margin: 0 0 10px;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item:hover {

  color: #00bcd4;

  transition-duration: 200ms;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);

}



.theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {

  color: #00bcd4;

  background: inherit;

}



/* Caption */

.theme-portfolio-v2 .cbp-caption {

  background: #fff;

  box-shadow: 0 2px 5px 3px #eff1f8;

  padding: 15px;

  margin: 5px;

}



/* Media Queries below 992px */

@media (max-width: 992px) {

  .theme-portfolio-v2 .cbp-l-filters-alignRight {

    text-align: center;

  }

  .theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item {

    display: inline-block;

    margin: 0 10px 10px;

  }

}



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

	[Revolution Slider]

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

/* Spinner */

.tp-loader.spinner2 {

  background: #00bcd4;

}



/* Form */

.theme-rev-slider-form-v1 .rev-slideer-form-input-v1 {

  height: 40px;

  color: #fff;

  background: rgba(255, 255, 255, 0.3);

  border: none;

}



.theme-rev-slider-form-v1 .rev-slideer-form-input-v1::-moz-placeholder {

  color: #fff;

}



.theme-rev-slider-form-v1 .rev-slideer-form-input-v1:-ms-input-placeholder {

  color: #fff;

}



.theme-rev-slider-form-v1 .rev-slideer-form-input-v1::-webkit-input-placeholder {

  color: #fff;

}



.theme-rev-slider-form-v1 .rev-slideer-form-input-v1:focus {

  background: rgba(255, 255, 255, 0.5);

  color: #fff;

}



.theme-rev-slider-form-v1 .rev-slideer-form-input-v1:focus::-moz-placeholder {

  color: #fff;

}



.theme-rev-slider-form-v1 .rev-slideer-form-input-v1:focus:-ms-input-placeholder {

  color: #fff;

}



.theme-rev-slider-form-v1 .rev-slideer-form-input-v1:focus::-webkit-input-placeholder {

  color: #fff;

}



/* Zeus Bullet */

.zeus .tp-bullet {

  width: 10px;

  height: 10px;

  border-width: 1px;

}



.zeus .tp-bullet-title {

  font-size: 12px;

  font-weight: 300;

  font-family: "Microsoft Yahei";

}



/* To Tab */

.erinyen .theme-rev-tab-title-v1 {

  font-size: 14px;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  border-top: 2px solid #fff;

  margin-bottom: 10px;

  padding-top: 15px;

}



.erinyen .theme-rev-tab-desc-v1 {

  font-size: 13px;

  font-weight: 400;

  color: #fff;

}



/* Scrollbelow Action */

.scrollbelow-action-icon {

  position: absolute;

  top: 0;

  left: 0;

  width: 20px;

  height: 20px;

  font-size: 30px;

  -webkit-animation-name: Scrollbelow;

  -moz-animation-name: Scrollbelow;

  animation-name: Scrollbelow;

  -webkit-animation-duration: 2s;

  -moz-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -ms-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  -moz-animation-direction: alternate;

  animation-direction: alternate;

}



@-webkit-keyframes Scrollbelow {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: -20px;

    bottom: 25px;

  }

  50% {

    top: -20px;

    bottom: 50px;

  }

  75% {

    top: -20px;

    bottom: 75px;

  }

  100% {

    top: 0;

    bottom: 100px;

  }

}



@-moz-keyframes Scrollbelow {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: -20px;

    bottom: 25px;

  }

  50% {

    top: -20px;

    bottom: 50px;

  }

  75% {

    top: -20px;

    bottom: 75px;

  }

  100% {

    top: 0;

    bottom: 100px;

  }

}



@keyframes Scrollbelow {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: -20px;

    bottom: 25px;

  }

  50% {

    top: -20px;

    bottom: 50px;

  }

  75% {

    top: -20px;

    bottom: 75px;

  }

  100% {

    top: 0;

    bottom: 100px;

  }

}



/* Scrollbelow Action v2 */

.scrollbelow-action-icon-v2 {

  position: absolute;

  top: 0;

  display: inline-block;

  font-size: 20px;

  -webkit-animation-name: Scrollbelow-v2;

  -moz-animation-name: Scrollbelow-v2;

  animation-name: Scrollbelow-v2;

  -webkit-animation-duration: 2s;

  -moz-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -ms-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  -moz-animation-direction: alternate;

  animation-direction: alternate;

}



@-webkit-keyframes Scrollbelow-v2 {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: 5px;

    bottom: 45px;

  }

  50% {

    top: 5px;

    bottom: 70px;

  }

  75% {

    top: 5px;

    bottom: 95px;

  }

  100% {

    top: 0;

    bottom: 120px;

  }

}



@-moz-keyframes Scrollbelow-v2 {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: 5px;

    bottom: 45px;

  }

  50% {

    top: 5px;

    bottom: 70px;

  }

  75% {

    top: 5px;

    bottom: 95px;

  }

  100% {

    top: 0;

    bottom: 120px;

  }

}



@keyframes Scrollbelow-v2 {

  0% {

    top: 0;

    bottom: 0;

  }

  25% {

    top: 5px;

    bottom: 45px;

  }

  50% {

    top: 5px;

    bottom: 70px;

  }

  75% {

    top: 5px;

    bottom: 95px;

  }

  100% {

    top: 0;

    bottom: 120px;

  }

}



/* Theme Rev Slider Input v1 */

.theme-rev-slider-input-v1 {

  font-size: 26px;

  color: #fff;

  text-align: center;

  background: transparent;

  border: none;

  border-bottom: 1px solid #fff;

  border-radius: 0;

}



.theme-rev-slider-input-v1::-moz-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v1:-ms-input-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v1::-webkit-input-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v1:focus {

  color: #fff;

}



.theme-rev-slider-input-v1:focus::-moz-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v1:focus:-ms-input-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v1:focus::-webkit-input-placeholder {

  color: #fff;

}



/* Theme Rev Slider Input v2 */

.theme-rev-slider-input-v2 {

  width: 100%;

  height: 48px;

  color: #fff;

  background: transparent;

  border-color: #fff;

}



.theme-rev-slider-input-v2::-moz-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v2:-ms-input-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v2::-webkit-input-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v2:focus {

  color: #fff;

  border-color: #fff;

}



.theme-rev-slider-input-v2:focus::-moz-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v2:focus:-ms-input-placeholder {

  color: #fff;

}



.theme-rev-slider-input-v2:focus::-webkit-input-placeholder {

  color: #fff;

}



/*@import 'theme/dark'; // Dark Theme Color

@import 'theme/base-color'; // Base Theme Color

@import 'theme/blue-color'; // Blue Theme Color

@import 'theme/blue-grey-color'; // Blue Grey Theme Color

@import 'theme/gold-color'; // Gold Theme Color

@import 'theme/green-color'; // Green Theme Color

@import 'theme/grey-color'; // Grey Theme Color

@import 'theme/pink-color'; // Pink Theme Color

@import 'theme/purple-color'; // Purple Theme Color

@import 'theme/red-color'; // Red Theme Color

@import 'theme/teal-color'; // Teal Theme Color*/

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

	[Colors]

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

.color-base {

  color: #00bcd4 !important;

}



.color-white {

  color: #fff !important;

}



.color-subtitle {

  color: #606060 !important;

}



.color-sky-light {

  color: #f7f8fa !important;

}



.color-tint-light {

  color: #ebeef6 !important;

}



.color-dark {

  color: #34343c !important;

}



.color-dark-light {

  color: #3a3a44 !important;

}



.color-blue {

  color: #0061D4 !important;
  text-shadow:0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff;

}



.color-blue-grey {

  color: #546e7a !important;

}



.color-grey {

  color: #9e9e9e !important;

}



.color-teal {

  color: #009688 !important;

}



.color-green {

  color: #4fd2c2 !important;

}



.color-red {

  color: #e55973 !important;

}



.color-pink {

  color: #e91e63 !important;

}



.color-purple {

  color: #b260ce !important;

}



.color-gold {

  color: #c69f73 !important;

}



.color-fb {

  color: #44619d !important;

}



.color-tw {

  color: #55acee !important;

}



.color-dr {

  color: #ea4c89 !important;

}



.color-yt {

  color: #cc181e !important;

}



.color-ig {

  color: #125688 !important;

}



.color-base-light {

  color: #4ed7e8 !important;

}



.color-blue-grey-light {

  color: #6b8997 !important;

}



.color-grey-light {

  color: #f1f1f1 !important;

}



.color-blue-light {

  color: #687ffa !important;

}



.color-teal-light {

  color: #45b4a9 !important;

}



.color-green-light {

  color: #6edfd1 !important;

}



.color-red-light {

  color: #e57287 !important;

}



.color-pink-light {

  color: #ec407a !important;

}



.color-purple-light {

  color: #ba75d1 !important;

}



.color-gold-light {

  color: #d3af87 !important;

}



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

    [Background Colors]

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

.bg-color-base {

  background: #00bcd4 !important;

}



.bg-color-white {

  background: #fff !important;

}



.bg-color-subtitle {

  background: #606060 !important;

}



.bg-color-sky-light {

  background: #ffffff !important;

}



.bg-color-tint-light {

  background: #ebeef6 !important;

}



.bg-color-dark {

  background: #34343c !important;

}



.bg-color-dark-light {

  background: #3a3a44 !important;

}



.bg-color-blue-grey {

  background: #546e7a !important;

}



.bg-color-grey {

  background: #9e9e9e !important;

}



.bg-color-blue {

  background: #536dfe !important;

}



.bg-color-teal {

  background: #009688 !important;

}



.bg-color-green {

  background: #4fd2c2 !important;

}



.bg-color-red {

  background: #e55973 !important;

}



.bg-color-pink {

  background: #e91e63 !important;

}



.bg-color-purple {

  background: #b260ce !important;

}



.bg-color-gold {

  background: #c69f73 !important;

}



.bg-color-fb {

  background: #44619d !important;

}



.bg-color-tw {

  background: #55acee !important;

}



.bg-color-dr {

  background: #ea4c89 !important;

}



.bg-color-yt {

  background: #cc181e !important;

}



.bg-color-ig {

  background: #125688 !important;

}



.bg-color-base-light {

  background: #4ed7e8 !important;

}



.bg-color-blue-grey-light {

  background: #6b8997 !important;

}



.bg-color-grey-light {

  background: #f1f1f1 !important;

}



.bg-color-blue-light {

  background: #687ffa !important;

}



.bg-color-teal-light {

  background: #45b4a9 !important;

}



.bg-color-green-light {

  background: #6edfd1 !important;

}



.bg-color-red-light {

  background: #e57287 !important;

}



.bg-color-pink-light {

  background: #ec407a !important;

}



.bg-color-purple-light {

  background: #ba75d1 !important;

}



.bg-color-gold-light {

  background: #d3af87 !important;

}



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

    [Font Family]

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

.font-family-base {

  font-family: 'Roboto', sans-serif !important;

}



.font-family-droid {

  font-family: 'Droid Serif', serif !important;

}



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

    [Wrapper]

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

/* Media Queries below 992px */

@media (min-width: 992px) {

  .wrapper.wrapper-top-space {

    margin-top: 90px;

  }

}



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

    [Boxed Layout]

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

.boxed-layout-overlay {

  background: #f7f8fa;

}



.boxed-layout-overlay-img {

  background: url(../../style/img/500x500/17.jpg) repeat;

}



.boxed-layout {

  max-width: 1200px;

  height: auto;

  padding-left: 0;

  padding-right: 0;

  margin-left: auto !important;

  margin-right: auto !important;

  background: #fff;

}



.boxed-layout:before, .boxed-layout:after {

  content: " ";

  display: table;

}



.boxed-layout:after {

  clear: both;

}



/* Media Queries above 768px */

@media (min-width: 768px) {

  .boxed-layout {

    width: 750px;

  }

}



/* Media Queries above 992px */

@media (min-width: 992px) {

  .boxed-layout {

    width: 970px;

  }

}



/* Media Queries above 1200px */

@media (min-width: 1200px) {

  .boxed-layout {

    width: 1170px;

  }

}



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

    [Full Width Container]

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

.full-width-container {

  position: relative;

  padding: 0;

  margin: 0;

}



.full-width-container:before, .full-width-container:after {

  content: " ";

  display: table;

}



.full-width-container:after {

  clear: both;

}



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

    [Container Extra Small]

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

.container-xs {

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



.container-xs:before, .container-xs:after {

  content: " ";

  display: table;

}



.container-xs:after {

  clear: both;

}



/* Media Queries below 768px */

@media (min-width: 768px) {

  .container-xs {

    width: 750px;

  }

}



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

    [Container Small]

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

.container-sm {

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



.container-sm:before, .container-sm:after {

  content: " ";

  display: table;

}



.container-sm:after {

  clear: both;

}



/* Media Queries below 768px */

@media (min-width: 768px) {

  .container-sm {

    width: 750px;

  }

}



/* Media Queries below 1200px */

@media (min-width: 1200px) {

  .container-sm {

    width: 970px;

  }

}



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

    [Clearfix]

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

.clearfix:before, .clearfix:after {

  content: " ";

  display: table;

}



.clearfix:after {

  clear: both;

}



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

    [Position]

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

.position-r {

  position: relative;

}



.position-a {

  position: absolute;

}



.position-s {

  position: static;

}



.position-i {

  position: inherit;

}



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

    [Overflow]

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

.overflow-h {

  overflow: hidden;

}



.overflow-a {

  overflow: auto;

}



.overflow-i {

  overflow: inherit;

}



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

    [Display]

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

.display-none {

  display: none;

}



.display-block {

  display: block;

}



.display-inline {

  display: inline;

}



.display-ib {

  display: inline-block;

}



.display-inherit {

  display: inherit;

}



.display-initial {

  display: initial;

}



/* Media Queries under 992px */

@media (max-width: 992px) {

  .md-display-none {

    display: none;

  }

  .md-display-block {

    display: block;

  }

  .md-display-inline {

    display: inline;

  }

  .md-display-ib {

    display: inline-block;

  }

  .md-display-inherit {

    display: inherit;

  }

  .md-display-initial {

    display: initial;

  }

}



/* Media Queries under 768px */

@media (max-width: 768px) {

  .sm-display-none {

    display: none;

  }

  .sm-display-block {

    display: block;

  }

  .sm-display-inline {

    display: inline;

  }

  .sm-display-ib {

    display: inline-block;

  }

  .sm-display-inherit {

    display: inherit;

  }

  .sm-display-initial {

    display: initial;

  }

}



/* Media Queries under 480px */

@media (max-width: 480px) {

  .xs-display-none {

    display: none;

  }

  .xs-display-block {

    display: block;

  }

  .xs-display-inline {

    display: inline;

  }

  .xs-display-ib {

    display: inline-block;

  }

  .xs-display-inherit {

    display: inherit;

  }

  .xs-display-initial {

    display: initial;

  }

}



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

    [Text Align]

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

.text-center {

  text-align: center;

}



.text-left {

  text-align: left;

}



.text-right {

  text-align: right;

}



/* Media Queries under 992px */

@media (max-width: 992px) {

  .md-text-center {

    text-align: center;

  }

  .md-text-left {

    text-align: left;

  }

  .md-text-right {

    text-align: right;

  }

}



/* Media Queries under 768px */

@media (max-width: 768px) {

  .sm-text-center {

    text-align: center;

  }

  .sm-text-left {

    text-align: left;

  }

  .sm-text-right {

    text-align: right;

  }

}



/* Media Queries under 480px */

@media (max-width: 480px) {

  .xs-text-center {

    text-align: center;

  }

  .xs-text-left {

    text-align: left;

  }

  .xs-text-right {

    text-align: right;

  }

}



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

    [Font Sizes]

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

.font-size-10 {

  font-size: 10px !important;

}



.font-size-11 {

  font-size: 11px !important;

}



.font-size-12 {

  font-size: 12px !important;

}



.font-size-13 {

  font-size: 13px !important;

}



.font-size-14 {

  font-size: 14px !important;

}



.font-size-15 {

  font-size: 15px !important;

}



.font-size-16 {

  font-size: 16px !important;

}



.font-size-18 {

  font-size: 18px !important;

}



.font-size-20 {

  font-size: 20px !important;

}



.font-size-22 {

  font-size: 22px !important;

}



.font-size-24 {

  font-size: 24px !important;

}



.font-size-26 {

  font-size: 26px !important;

}



.font-size-28 {

  font-size: 28px !important;

}



.font-size-30 {

  font-size: 30px !important;

}



.font-size-32 {

  font-size: 32px !important;

}



.font-size-34 {

  font-size: 34px !important;

}



.font-size-36 {

  font-size: 36px !important;

}



.font-size-50 {

  font-size: 50px !important;

}



.font-size-70 {

  font-size: 70px !important;

}



.font-size-100 {

  font-size: 100px !important;

}



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

    [Line Through]

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

.line-through {

  text-decoration: line-through;

}



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

    [Letter Spacing]

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

.letter-spacing-0 {

  letter-spacing: 0;

}



.letter-spacing-1 {

  letter-spacing: 1px;

}



.letter-spacing-2 {

  letter-spacing: 2px;

}



.letter-spacing-3 {

  letter-spacing: 3px;

}



.letter-spacing-4 {

  letter-spacing: 4px;

}



.letter-spacing-5 {

  letter-spacing: 5px;

}



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

    [Font Style]

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

.font-style-inherit {

  font-style: inherit !important;

}



.font-style-italic {

  font-style: italic !important;

}



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

    [Line Height]

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

.line-height-1 {

  line-height: 1;

}



.line-height-base {

  line-height: 1.4;

}



.line-height-2 {

  line-height: 2;

}



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

    [Font Weight]

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

.fweight-200 {

  font-weight: 200 !important;

}



.fweight-300 {

  font-weight: 300 !important;

}



.fweight-400 {

  font-weight: 400 !important;

}



.fweight-500 {

  font-weight: 500 !important;

}



.fweight-600 {

  font-weight: 600 !important;

}



.fweight-700 {

  font-weight: 700 !important;

}



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

    [Background Position]

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

.bg-position-fixed {

  background-attachment: fixed !important;

  min-height: 100% !important;

}



.bg-position-center-top {

  background-size: cover !important;

  background-position: center top !important;

}



.bg-position-center-center {

  background-size: cover !important;

  background-position: center center !important;

}



.bg-position-center-bottom {

  background-size: cover !important;

  background-position: center bottom !important;

}



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

    [Border]

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

.border-1 {

  border: 1px solid #ebeef6;

}



.border-top-1 {

  border-top: 1px solid #ebeef6;

}



.border-bottom-1 {

  border-bottom: 1px solid #ebeef6;

}



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

    [Full Width]

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

.full-width {

  width: 100%;

  height: auto;

}



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

    [Vertical Center Aligned Block]

    Using CSS3 Translate3D

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

.ver-center-aligned-block {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



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

    [Center Aligned Block]

    Using CSS3 Translate3D

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

.center-aligned-block {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



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

    [Center Aligned Block - above 768px]

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

.sm-center-aligned-block {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



@media (max-width: 768px) {

  .sm-center-aligned-block {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

  }

}



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

    [Center Aligned Block - above 992px]

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

.md-center-aligned-block {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  -moz-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



@media (max-width: 992px) {

  .md-center-aligned-block {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

  }

}



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

    [Vertical Center Aligned Content]

    Set displays an element as in inline-level flex container

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

.center-content-ver-wrap {

  position: absolute;

  top: 0;

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.center-content-ver-align {

  display: table;

  width: 100%;

  height: 100%;

}



.center-content-ver-body {

  display: table-cell;

  float: none;

  text-align: center;

  vertical-align: middle;

}



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

    [Vertical Center Aligned Content above 768px]

    Set displays an element as in inline-level flex container

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

/* Media Queries above 768px */

@media (min-width: 768px) {

  .center-content-ver-wrap-sm {

    position: absolute;

    top: 0;

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

  }

  .center-content-ver-align-sm {

    display: table;

    width: 100%;

    height: 100%;

  }

  .center-content-ver-body-sm {

    display: table-cell;

    float: none;

    text-align: center;

    vertical-align: middle;

  }

}



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

    [Vertical Center Aligned Content above 992px]

    Set displays an element as in inline-level flex container

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

/* Media Queries above 992px */

@media (min-width: 992px) {

  .center-content-ver-wrap-md {

    position: absolute;

    top: 0;

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

  }

  .center-content-ver-align-md {

    display: table;

    width: 100%;

    height: 100%;

  }

  .center-content-ver-body-md {

    display: table-cell;

    float: none;

    text-align: center;

    vertical-align: middle;

  }

}



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

    [Horizontal Center Aligned Content All Column]

    Set displays an element as in inline-level flex container

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

.center-content-hor-col-wrap {

  display: table;

  width: 100%;

  height: 100%;

  vertical-align: middle;

}



.center-content-hor-col-align {

  display: table-cell;

  float: none;

  vertical-align: middle;

}



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

    [Horizontal Center Aligned Content above 768px]

    Set displays an element as in inline-level flex container

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

/* Media Queries above 768px */

@media (min-width: 768px) {

  .center-content-hor-wrap-sm {

    display: table;

    width: 100%;

    height: 100%;

    vertical-align: middle;

  }

  .center-content-hor-align-sm {

    display: table-cell;

    float: none;

    vertical-align: middle;

  }

  .center-content-hor-align-sm.center-content-hor-align-sm-width-xs {

    min-width: 150px;

  }

  .center-content-hor-align-sm.center-content-hor-align-sm-width-sm {

    min-width: 250px;

  }

  .center-content-hor-align-sm.center-content-hor-align-sm-width-md {

    min-width: 300px;

  }

}



/* Media Queries below 768px */

@media (max-width: 768px) {

  .center-content-hor-align-sm {

    display: block;

    text-align: center;

    margin: 0 auto;

    padding: 15px 0;

  }

}



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

    [Horizontal Center Aligned Content above 992px]

    Set displays an element as in inline-level flex container

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

@media (min-width: 992px) {

  .center-content-hor-wrap-md {

    display: table;

    width: 100%;

    height: 100%;

    vertical-align: middle;

  }

  .center-content-hor-align-md {

    display: table-cell;

    float: none;

    vertical-align: middle;

  }

  .center-content-hor-align-md.center-content-hor-align-md-width-xs {

    min-width: 150px;

  }

  .center-content-hor-align-md.center-content-hor-align-md-width-md {

    min-width: 250px;

  }

  .center-content-hor-align-md.center-content-hor-align-md-width-md {

    min-width: 300px;

  }

}



/* Media Queries below 992px */

@media (max-width: 992px) {

  .center-content-hor-align-md {

    display: block;

    text-align: center;

    margin: 0 auto;

    padding: 15px 0;

  }

}



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

    [Center Aligned Block]

    Center align a block level element

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

.center-block {

  display: block;

  text-align: center;

  margin: 0 auto;

}



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

    [Content]

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

.content {

  padding-top: 40px;

  padding-bottom: 40px;

}



.content-sm {

  padding-top: 60px;

  padding-bottom: 60px;

}



.content-md {

  padding-top: 80px;

  padding-bottom: 80px;

}

.content-md1 {

  padding-top: 80px;

  padding-bottom: 0px;

}

.content-lg {

  padding-top: 100px;

  padding-bottom: 100px;

}



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

    [No padding, margin space]

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

.no-space {

  padding: 0 !important;

  margin: 0 !important;

}



/* No padding, margin space above 992px */

@media (min-width: 992px) {

  .md-no-space {

    padding: 0 !important;

    margin: 0 !important;

  }

}



/* No Space in a row class */

.no-space-row {

  margin-right: 0;

  margin-left: 0;

}



.no-space-row > [class*="col-"] {

  padding-left: 0;

  padding-right: 0;

}



/* 5px Space in a row class */

.space-row-5 {

  margin-right: -5px;

  margin-left: -5px;

}



.space-row-5 > [class*="col-"] {

  padding-left: 5px;

  padding-right: 5px;

}



/* 10px Space in a row class */

.space-row-10 {

  margin-right: -10px;

  margin-left: -10px;

}



.space-row-10 > [class*="col-"] {

  padding-left: 10px;

  padding-right: 10px;

}



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

    [Padding]

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

.padding-0 {

  padding: 0 !important;

}



.padding-5 {

  padding: 5px !important;

}



.padding-10 {

  padding: 10px !important;

}



.padding-20 {

  padding: 20px !important;

}



.padding-30 {

  padding: 30px !important;

}



.padding-40 {

  padding: 40px !important;

}



.padding-50 {

  padding: 50px !important;

}



.padding-60 {

  padding: 60px !important;

}



.padding-70 {

  padding: 70px !important;

}



.padding-80 {

  padding: 80px !important;

}



.padding-90 {

  padding: 90px !important;

}



.padding-100 {

  padding: 100px !important;

}



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

    [Padding under 1200px]

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

@media (max-width: 1200px) {

  .lg-padding-10 {

    padding: 10px !important;

  }

  .lg-padding-20 {

    padding: 20px !important;

  }

  .lg-padding-30 {

    padding: 30px !important;

  }

  .lg-padding-40 {

    padding: 40px !important;

  }

  .lg-padding-50 {

    padding: 50px !important;

  }

  .lg-padding-60 {

    padding: 60px !important;

  }

  .lg-padding-70 {

    padding: 70px !important;

  }

  .lg-padding-80 {

    padding: 80px !important;

  }

  .lg-padding-90 {

    padding: 90px !important;

  }

  .lg-padding-100 {

    padding: 100px !important;

  }

}



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

    [Padding under 992px]

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

@media (max-width: 992px) {

  .md-padding-10 {

    padding: 10px !important;

  }

  .md-padding-20 {

    padding: 20px !important;

  }

  .md-padding-30 {

    padding: 30px !important;

  }

  .md-padding-40 {

    padding: 40px !important;

  }

  .md-padding-50 {

    padding: 50px !important;

  }

  .md-padding-60 {

    padding: 60px !important;

  }

  .md-padding-70 {

    padding: 70px !important;

  }

  .md-padding-80 {

    padding: 80px !important;

  }

  .md-padding-90 {

    padding: 90px !important;

  }

  .md-padding-100 {

    padding: 100px !important;

  }

}



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

    [Padding under 768px]

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

@media (max-width: 768px) {

  .sm-padding-10 {

    padding: 10px !important;

  }

  .sm-padding-20 {

    padding: 20px !important;

  }

  .sm-padding-30 {

    padding: 30px !important;

  }

  .sm-padding-40 {

    padding: 40px !important;

  }

  .sm-padding-50 {

    padding: 50px !important;

  }

  .sm-padding-60 {

    padding: 60px !important;

  }

  .sm-padding-70 {

    padding: 70px !important;

  }

  .sm-padding-80 {

    padding: 80px !important;

  }

  .sm-padding-90 {

    padding: 90px !important;

  }

  .sm-padding-100 {

    padding: 100px !important;

  }

}



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

    [Padding under 480px]

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

@media (max-width: 480px) {

  .xs-padding-10 {

    padding: 10px !important;

  }

  .xs-padding-20 {

    padding: 20px !important;

  }

  .xs-padding-30 {

    padding: 30px !important;

  }

  .xs-padding-40 {

    padding: 40px !important;

  }

  .xs-padding-50 {

    padding: 50px !important;

  }

  .xs-padding-60 {

    padding: 60px !important;

  }

  .xs-padding-70 {

    padding: 70px !important;

  }

  .xs-padding-80 {

    padding: 80px !important;

  }

  .xs-padding-90 {

    padding: 90px !important;

  }

  .xs-padding-100 {

    padding: 100px !important;

  }

}



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

    [Left & Right Padding]

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

.padding-lr-5 {

  padding-left: 5px !important;

  padding-right: 5px !important;

}



.padding-lr-10 {

  padding-left: 10px !important;

  padding-right: 10px !important;

}



.padding-lr-15 {

  padding-left: -5px !important;

  padding-right: -5px !important;

}



.padding-lr-20 {

  padding-left: 20px !important;

  padding-right: 20px !important;

}



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

    [Left margin]

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

.margin-l-5 {

  margin-left: 5px !important;

}



.margin-l-10 {

  margin-left: 10px !important;

}



.margin-l-20 {

  margin-left: 20px !important;

}



.margin-l-30 {

  margin-left: 30px !important;

}



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

    [Right margin]

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

.margin-r-5 {

  margin-right: 5px !important;

}



.margin-r-10 {

  margin-right: 10px !important;

}



.margin-r-20 {

  margin-right: 20px !important;

}



.margin-r-30 {

  margin-right: 30px !important;

}



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

    [Overlay Top margin]

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

.margin-t-o-10,

.margin-t-o-20,

.margin-t-o-30,

.margin-t-o-40,

.margin-t-o-50,

.margin-t-o-60,

.margin-t-o-70,

.margin-t-o-80,

.margin-t-o-90,

.margin-t-o-100 {

  position: relative;

  z-index: 1;

}



.margin-t-o-10 {

  margin-top: -10px !important;

}



.margin-t-o-20 {

  margin-top: -20px !important;

}



.margin-t-o-30 {

  margin-top: -30px !important;

}



.margin-t-o-40 {

  margin-top: -40px !important;

}



.margin-t-o-50 {

  margin-top: -50px !important;

}



.margin-t-o-60 {

  margin-top: -60px !important;

}



.margin-t-o-70 {

  margin-top: -70px !important;

}



.margin-t-o-80 {

  margin-top: -80px !important;

}



.margin-t-o-90 {

  margin-top: -90px !important;

}



.margin-t-o-100 {

  margin-top: -100px !important;

}



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

    [Overlay Left margin]

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

@media (min-width: 768px) {

  .margin-l-o-10,

  .margin-l-o-20,

  .margin-l-o-30,

  .margin-l-o-40,

  .margin-l-o-50,

  .margin-l-o-60,

  .margin-l-o-70,

  .margin-l-o-80,

  .margin-l-o-90,

  .margin-l-o-100 {

    position: relative;

    z-index: 1;

  }

  .margin-l-o-10 {

    margin-left: -10px !important;

  }

  .margin-l-o-20 {

    margin-left: -20px !important;

  }

  .margin-l-o-30 {

    margin-left: -30px !important;

  }

  .margin-l-o-40 {

    margin-left: -40px !important;

  }

  .margin-l-o-50 {

    margin-left: -50px !important;

  }

  .margin-l-o-60 {

    margin-left: -60px !important;

  }

  .margin-l-o-70 {

    margin-left: -70px !important;

  }

  .margin-l-o-80 {

    margin-left: -80px !important;

  }

  .margin-l-o-90 {

    margin-left: -90px !important;

  }

  .margin-l-o-100 {

    margin-left: -100px !important;

  }

}



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

    [Overlay Right margin]

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

@media (min-width: 768px) {

  .margin-r-o-10,

  .margin-r-o-20,

  .margin-r-o-30,

  .margin-r-o-40,

  .margin-r-o-50,

  .margin-r-o-60,

  .margin-r-o-70,

  .margin-r-o-80,

  .margin-r-o-90,

  .margin-r-o-100 {

    position: relative;

    z-index: 1;

  }

  .margin-r-o-10 {

    margin-right: -10px !important;

  }

  .margin-r-o-20 {

    margin-right: -20px !important;

  }

  .margin-r-o-30 {

    margin-right: -30px !important;

  }

  .margin-r-o-40 {

    margin-right: -40px !important;

  }

  .margin-r-o-50 {

    margin-right: -50px !important;

  }

  .margin-r-o-60 {

    margin-right: -60px !important;

  }

  .margin-r-o-70 {

    margin-right: -70px !important;

  }

  .margin-r-o-80 {

    margin-right: -80px !important;

  }

  .margin-r-o-90 {

    margin-right: -90px !important;

  }

  .margin-r-o-100 {

    margin-right: -100px !important;

  }

}



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

    [Top margin]

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

.margin-t-0 {

  margin-top: 0 !important;

}



.margin-t-5 {

  margin-top: 5px !important;

}



.margin-t-10 {

  margin-top: 10px !important;

}



.margin-t-20 {

  margin-top: 20px !important;

}



.margin-t-30 {

  margin-top: 30px !important;

}



.margin-t-40 {

  margin-top: 40px !important;

}



.margin-t-50 {

  margin-top: 50px !important;

}



.margin-t-60 {

  margin-top: 60px !important;

}



.margin-t-70 {

  margin-top: 70px !important;

}



.margin-t-80 {

  margin-top: 80px !important;

}



.margin-t-90 {

  margin-top: 90px !important;

}



.margin-t-100 {

  margin-top: 100px !important;

}



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

    [Bottom margin]

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

.margin-b-0 {

  margin-bottom: 0 !important;

}



.margin-b-5 {

  margin-bottom: 5px !important;

}



.margin-b-10 {

  margin-bottom: 10px !important;

}



.margin-b-10 {

  margin-bottom: 10px !important;

}



.margin-b-20 {

  margin-bottom: 20px !important;

}



.margin-b-30 {

  margin-bottom: 30px !important;

}



.margin-b-40 {

  margin-bottom: 40px !important;

}



.margin-b-50 {

  margin-bottom: 50px !important;

}



.margin-b-60 {

  margin-bottom: 60px !important;

}



.margin-b-70 {

  margin-bottom: 70px !important;

}



.margin-b-80 {

  margin-bottom: 80px !important;

}



.margin-b-90 {

  margin-bottom: 90px !important;

}



.margin-b-100 {

  margin-bottom: 100px !important;

}



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

    [Top margin below 1200px]

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

@media (max-width: 1200px) {

  .lg-margin-b-0 {

    margin-bottom: 0 !important;

  }

  .lg-margin-b-5 {

    margin-bottom: 5px !important;

  }

  .lg-margin-b-10 {

    margin-bottom: 10px !important;

  }

  .lg-margin-b-20 {

    margin-bottom: 20px !important;

  }

  .lg-margin-b-30 {

    margin-bottom: 30px !important;

  }

  .lg-margin-b-40 {

    margin-bottom: 40px !important;

  }

  .lg-margin-b-50 {

    margin-bottom: 50px !important;

  }

  .lg-margin-b-60 {

    margin-bottom: 60px !important;

  }

  .lg-margin-b-70 {

    margin-bottom: 70px !important;

  }

  .lg-margin-b-80 {

    margin-bottom: 80px !important;

  }

  .lg-margin-b-90 {

    margin-bottom: 90px !important;

  }

  .lg-margin-b-100 {

    margin-bottom: 100px !important;

  }

}



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

    [Top margin below 992px]

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

@media (max-width: 992px) {

  .md-margin-b-0 {

    margin-bottom: 0 !important;

  }

  .md-margin-b-5 {

    margin-bottom: 5px !important;

  }

  .md-margin-b-10 {

    margin-bottom: 10px !important;

  }

  .md-margin-b-20 {

    margin-bottom: 20px !important;

  }

  .md-margin-b-30 {

    margin-bottom: 30px !important;

  }

  .md-margin-b-40 {

    margin-bottom: 40px !important;

  }

  .md-margin-b-50 {

    margin-bottom: 50px !important;

  }

  .md-margin-b-60 {

    margin-bottom: 60px !important;

  }

  .md-margin-b-70 {

    margin-bottom: 70px !important;

  }

  .md-margin-b-80 {

    margin-bottom: 80px !important;

  }

  .md-margin-b-90 {

    margin-bottom: 90px !important;

  }

  .md-margin-b-100 {

    margin-bottom: 100px !important;

  }

}



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

    [Top margin below 768px]

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

@media (max-width: 768px) {

  .sm-margin-b-0 {

    margin-bottom: 0 !important;

  }

  .sm-margin-b-5 {

    margin-bottom: 5px !important;

  }

  .sm-margin-b-10 {

    margin-bottom: 10px !important;

  }

  .sm-margin-b-20 {

    margin-bottom: 20px !important;

  }

  .sm-margin-b-30 {

    margin-bottom: 30px !important;

  }

  .sm-margin-b-40 {

    margin-bottom: 40px !important;

  }

  .sm-margin-b-50 {

    margin-bottom: 50px !important;

  }

  .sm-margin-b-60 {

    margin-bottom: 60px !important;

  }

  .sm-margin-b-70 {

    margin-bottom: 70px !important;

  }

  .sm-margin-b-80 {

    margin-bottom: 80px !important;

  }

  .sm-margin-b-90 {

    margin-bottom: 90px !important;

  }

  .sm-margin-b-100 {

    margin-bottom: 100px !important;

  }

}



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

    [Top margin below 480px]

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

@media (max-width: 480px) {

  .xs-margin-b-0 {

    margin-bottom: 0 !important;

  }

  .xs-margin-b-5 {

    margin-bottom: 5px !important;

  }

  .xs-margin-b-10 {

    margin-bottom: 10px !important;

  }

  .xs-margin-b-20 {

    margin-bottom: 20px !important;

  }

  .xs-margin-b-30 {

    margin-bottom: 30px !important;

  }

  .xs-margin-b-40 {

    margin-bottom: 40px !important;

  }

  .xs-margin-b-50 {

    margin-bottom: 50px !important;

  }

  .xs-margin-b-60 {

    margin-bottom: 60px !important;

  }

  .xs-margin-b-70 {

    margin-bottom: 70px !important;

  }

  .xs-margin-b-80 {

    margin-bottom: 80px !important;

  }

  .xs-margin-b-90 {

    margin-bottom: 90px !important;

  }

  .xs-margin-b-100 {

    margin-bottom: 100px !important;

  }

}



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

    [Height]

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

.height-100 {

  height: 100px !important;

}



.height-150 {

  height: 150px !important;

}



.height-200 {

  height: 200px !important;

}



.height-250 {

  height: 250px !important;

}



.height-300 {

  height: 300px !important;

}



.height-350 {

  height: 350px !important;

}



.height-400 {

  height: 400px !important;

}



.height-450 {

  height: 450px !important;

}



.height-500 {

  height: 500px !important;

}



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

    [Width]

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

.width-100 {

  width: 100px !important;

}



.width-150 {

  width: 150px !important;

}



.width-200 {

  width: 200px !important;

}



.width-250 {

  width: 250px !important;

}



.width-300 {

  width: 300px !important;

}



.width-350 {

  width: 350px !important;

}



.width-400 {

  width: 400px !important;

}



.width-450 {

  width: 450px !important;

}



.width-500 {

  width: 500px !important;

}



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

    [Ul li padding left & right (default is 0 5px)]

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

.ul-li-lr-0 > li {

  padding-left: 0;

  padding-right: 0;

}



.ul-li-lr-1 > li {

  padding-left: 1px;

  padding-right: 1px;

}



.ul-li-lr-2 > li {

  padding-left: 2px;

  padding-right: 2px;

}



.ul-li-lr-3 > li {

  padding-left: 3px;

  padding-right: 3px;

}



.ul-li-lr-4 > li {

  padding-left: 4px;

  padding-right: 4px;

}



.ul-li-lr-5 > li {

  padding-left: 5px;

  padding-right: 5px;

}



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

    [Ul li padding top & bottom]

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

.ul-li-tb-0 > li {

  padding-top: 0;

  padding-bottom: 0;

}



.ul-li-tb-1 > li {

  padding-top: 1px;

  padding-bottom: 1px;

}



.ul-li-tb-2 > li {

  padding-top: 2px;

  padding-bottom: 2px;

}



.ul-li-tb-3 > li {

  padding-top: 3px;

  padding-bottom: 3px;

}



.ul-li-tb-4 > li {

  padding-top: 4px;

  padding-bottom: 4px;

}



.ul-li-tb-5 > li {

  padding-top: 5px;

  padding-bottom: 5px;

}



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

    [Border radius]

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

.radius-0 {

  border-radius: 0 !important;

}



.radius-3 {

  border-radius: 3px !important;

}



.radius-5 {

  border-radius: 5px !important;

}



.radius-6 {

  border-radius: 6px !important;

}



.radius-7 {

  border-radius: 7px !important;

}



.radius-8 {

  border-radius: 8px !important;

}



.radius-9 {

  border-radius: 9px !important;

}



.radius-10 {

  border-radius: 10px !important;

}



.radius-50 {

  border-radius: 50px !important;

}



.radius-circle {

  border-radius: 50% !important;

}



@media screen and (min-width: 801px) {

   #nonono{ display:none !important}

}

@media screen and (max-width: 800px) {

    #nonono{ display:block}

	#yesyes{ display:none !important}

}

@media screen and (max-width: 768px) {

    .l-heading-v1 img{ width:100%; height:auto;}

	.heading-v1 img{ width:100%; height:auto;}



@media screen and (max-width: 800px)

#nonono {

   

    background: #fff !important;

    opacity: 0.8 !important;

}

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

	.content-md{ padding:30px 0px !important;}

	.l-services-v2 {

   

    padding: 30px;

}

.content-md1 {

    padding-top: 30px;

    padding-bottom: 0px;

}

.navbar{     position: relative;

    min-height: 50px;

    

    height: 80px;}

	

}

.pagelist{

  display: flex;

  justify-content: center;

}

.article-content img{

  max-width: 100%;

  height: auto;

}