/* ==================================================
----------------------------------------------------


  Geass - Creative Onepage Html5 Template
  Author:Eon 
  Author URI: https://wrapbootstrap.com/user/eony


  *--------- Geass - Table of Contents --------- *
  1.  General
  2.  Helper Classes
  3.  Common Styles
  4.  Bootstrap Styles Overwrite
    4.1  BreadCrumb
    4.2  Tooltip
    4.3  Alerts
    4.4  Buttons & Badges
    4.5  Dropdown Menu
    4.6  List Groups
    4.7  Collapses
    4.8  Form/Input Elements
    4.9  Pagination
    4.10 Bootstrap Slider
    4.11 Popover
    4.12 Modal
    4.13 Progress Bars
    4.14 Tabs
  5.  Home Section
  6.  Header / Nav 
  7.  Owl Carousel
  8.  #AboutUs Section
  9.  Skills Section/ Parallax
  10. #Services Section
  11. Countto Section/ Parallax
  12. Portfolio Section
  13. Testimonials Section/ Parallax 
  14. Blog Page/Section
  15. TwitterFeed Section/ Parallax
  16. #Contact Section
  17. Social Media Icons
  18. Scroll Top Button
  19. Footer
  20. Pricing Section/ Pricing Tables
  21. Box Style
  22. Video Background Section


----------------------------------------------------
====================================================*/

/*========================================
--------------------------
----------- 1. General
=========================================*/

/* change background colur as your design for selection*/
::selection {
  background: #6c00ab;
  color: #fff;
}

::-moz-selection {
  background: #6c00ab;
  color: #fff;
}

html,
body {
  min-height:100%;
}

/* animate after queryloader complated */
.geass-loader-overlay {
  width:100%;
  height:50%;
  position: fixed;
  background: #6c00ab;
  z-index:2000;
  left:0;
}

.geass-loader-overlay.left {
   top:0;
}

.geass-loader-overlay.right {
  bottom:0;
}


body {
  font:15px/1.5 'open_sansregular', sans-serif;
  color:#4e4e4e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

/* this is important to make #home section height 100%*/
#wrapper {
  min-height:100%;
}

/* this is important to make layout boxed and fix the height bug */
/* if layout is boxed then js will fix the home section's height*/
#wrapper.boxed,
#wrapper.boxed-long {
  height:auto;
}

/* boxed layout with top-bottom margin s*/
#wrapper.boxed {
  width: 970px;
  margin: 40px auto;
  box-shadow: 0 4px 15px rgba(0,0,0, 0.25);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.25);
}

/* boxed layout without the top-bottom margin */
#wrapper.boxed-long {
  width:970px;
  margin:0 auto;
  box-shadow: 3px 0 10px rgba(0,0,0, 0.15), -3px 0 10px rgba(0,0,0, 0.15);
  -webkit-box-shadow: 3px 0 10px rgba(0,0,0, 0.15), -3px 0 10px rgba(0,0,0, 0.15);
}

/* Patterns */
.pattern1 {
  background-image: url('../images/patterns/pattern1.png');
  background-repeat: repeat;
}

.pattern2 {
  background-image: url('../images/patterns/pattern2.png');
  background-repeat: repeat;
}

.pattern3 {
  background-image: url('../images/patterns/pattern3.png');
  background-repeat: repeat;
}

.pattern4 {
  background-image: url('../images/patterns/pattern4.png');
  background-repeat: repeat;
}

.pattern5 {
  background-image: url('../images/patterns/pattern5.png');
  background-repeat: repeat;
}

.pattern6 {
  background-image: url('../images/patterns/pattern6.png');
  background-repeat: repeat;
}

.pattern7 {
  background-image: url('../images/patterns/pattern7.png');
  background-repeat: repeat;
}

.pattern8 {
  background-image: url('../images/patterns/pattern8.png');
  background-repeat: repeat;
}

.pattern9 {
  background-image: url('../images/patterns/pattern9.png');
  background-repeat: repeat;
}

.pattern10 {
  background-image: url('../images/patterns/pattern10.png');
  background-repeat: repeat;
}

.pattern11 {
  background-image: url('../images/patterns/pattern11.png');
  background-repeat: repeat;
}

.pattern12 {
  background-image: url('../images/patterns/pattern12.png');
  background-repeat: repeat;
}

.pattern13 {
  background-image: url('../images/patterns/pattern13.png');
  background-repeat: repeat;
}

.pattern14 {
  background-image: url('../images/patterns/pattern14.png');
  background-repeat: repeat;
}

.pattern15 {
  background-image: url('../images/patterns/pattern15.png');
  background-repeat: repeat;
}

.pattern16 {
  background-image: url('../images/patterns/pattern16.png');
  background-repeat: repeat;
}

.pattern17 {
  background-image: url('../images/patterns/pattern17.png');
  background-repeat: repeat;
}

.pattern18 {
  background-image: url('../images/patterns/pattern18.png');
  background-repeat: repeat;
}

.pattern19 {
  background-image: url('../images/patterns/pattern19.png');
  background-repeat: repeat;
}

.pattern20 {
  background-image: url('../images/patterns/pattern20.png');
  background-repeat: repeat;
}

.pattern21 {
  background-image: url('../images/patterns/pattern21.png');
  background-repeat: repeat;
}

.pattern22 {
  background-image: url('../images/patterns/pattern22.png');
  background-repeat: repeat;
}

.pattern23 {
  background-image: url('../images/patterns/pattern23.png');
  background-repeat: repeat;
}

.pattern24 {
  background-image: url('../images/patterns/pattern24.png');
  background-repeat: repeat;
}

.pattern25 {
  background-image: url('../images/patterns/pattern25.png');
  background-repeat: repeat;
}

.pattern26 {
  background-image: url('../images/patterns/pattern26.png');
  background-repeat: repeat;
}

.pattern27 {
  background-image: url('../images/patterns/pattern27.png');
  background-repeat: repeat;
}

.pattern28 {
  background-image: url('../images/patterns/pattern28.png');
  background-repeat: repeat;
}

.pattern29 {
  background-image: url('../images/patterns/pattern29.png');
  background-repeat: repeat;
}

.pattern30 {
  background-image: url('../images/patterns/pattern30.png');
  background-repeat: repeat;
}

.pattern31 {
  background: url('../images/patterns/pattern31.png');
  background-repeat: repeat;
}

.pattern32 {
  background: url('../images/patterns/pattern32.png');
  background-repeat: no-repeat;
}

a,
a:hover,
a:focus{
  text-decoration:none;
}

a:active,
a:focus {
  outline:none;
}

a {
  color:#1bc4f5;
  -webkit-transition:color 0.5s;
  -moz-transition:color 0.5s;
  -o-transition:color 0.5s;
  -ms-transition:color 0.5s;
  transition:color 0.5s;
}

a:hover {
  color:#1bc4f5;
}

#qLoverlay {
  font-family: 'latobold', Verdana;
}

h1.fancy,
h2.fancy,
h3.fancy,
h4.fancy,
h5.fancy,
h6.fancy,
.h1.fancy,
.h2.fancy,
.h3.fancy,
.h4.fancy,
.h5.fancy,
.h6.fancy {
  font-family: 'dancing_scriptbold', Verdana, sans-serif;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family:'latobold', Verdana, sans-serif;
  line-height: 1.1;
}

h1,h2,h3,.h1,.h2,.h3 {
  margin:0 0 20px;
}

h4,h5,h6,.h4,.h5,.h6 {
  margin:0 0 10px;
}

h1,
.h1 {
  font-size: 3.8em;
}

h2,
.h2 {
  font-size: 3em;
}

h3,
.h3 {
  font-size: 2.5em;
}

h4,
.h4 {
  font-size: 2em;
}

h5,
.h5 {
  font-size: 1.6em;
}

h6,
.h6 {
  font-size: 1.4em;
}

p {
  margin: 0 0 1.5em;
}

ul,
ol {
  padding:0;
  margin:0;
  list-style-type:none;
  margin-bottom:1.5em;
}

.list-style {
  padding-left:1.5em;
}

.list-style.list-disc {
  list-style-type: disc;
}

.list-style.list-circle {
  list-style-type: circle;
}

.list-style.list-square {
  list-style-type: square;
}

.list-style.list-decimal {
  list-style-type: decimal;
}

.list-style.list-lower-alpha {
  list-style-type: lower-alpha;
}

.list-style.list-upper-alpha {
  list-style-type: upper-alpha;
}

.list-style.list-lower-roman {
  list-style-type: lower-roman;
}

.list-style.list-upper-roman {
  list-style-type: upper-roman;
}

.fa-ul > li {
  margin-bottom:0.7em ;
}
.
/* make responsive all images*/
img {
  display: block;
  max-width: 100%;
  height: auto;
}

iframe {
  border:none;
}

hr {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border: 0;
  border-top: 1px solid #ebebeb;
}

blockquote {
  padding:1em 0.5em 1em 2em;
  margin: 0 0 1.5em;
  border-left: 4px solid #ebebeb;
  position: relative;
  font-size:1.15em;
}

blockquote p {
  margin-bottom:1em;
}

.blockquote-reverse,
blockquote.pull-right {
  padding:1em 2em 1em 0.5em;
  border-right: 4px solid #ebebeb;
}

blockquote cite {
  font-size:0.8em;
  font-weight: bold;
  color:#7a7a7a;
}

blockquote.red {
  border-left-color:#c90e31;
}

blockquote.orange {
  border-left-color:#f49d14;
}

blockquote.yellow {
  border-left-color:#f8d61b;
}

blockquote.lightblue {
  border-left-color:#1bc4f5;
}

blockquote.blue {
  border-left-color:#1e53d8;
}

blockquote.purple {
  border-left-color:#6c00ab;
}

blockquote.lightgreen {
  border-left-color:#09d33d;
}

blockquote.green {
  border-left-color:#0b9a0b;
}


.blockquote-reverse.red,
blockquote.pull-right.red {
  border-right-color:#c90e31;
}

.blockquote-reverse.orange,
blockquote.pull-right.orange {
  border-right-color:#f49d14;
}

.blockquote-reverse.yellow,
blockquote.pull-right.yellow {
  border-right-color:#f8d61b;
}

.blockquote-reverse.lightblue,
blockquote.pull-right.lightblue {
  border-right-color:#1bc4f5;
}

.blockquote-reverse.blue,
blockquote.pull-right.blue {
  border-right-color:#1e53d8;
}

.blockquote-reverse.purple,
blockquote.pull-right.purple {
  border-right-color:#6c00ab;
}

.blockquote-reverse.lightgreen,
blockquote.pull-right.lightgreen {
  border-right-color:#09d33d;
}

.blockquote-reverse.green,
blockquote.pull-right.green {
  border-right-color:#0b9a0b;
}

/*========================================
--------------------------
----------- 2.Helper Classes
=========================================*/

/* fully responsive via container width*/
.img-responsive {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}


.full-height {
  height:100%;
}

/* vertical center with display table */
.vcenter-container {
  display:table;
  width:100%;
  height:100%;
}

.vcenter {
  display:table-cell;
  vertical-align: middle;
}

.sm-separator {
  margin:0 5px;
}

.sm-separator-right {
  margin-right:5px;
}

.separator-right {
  margin-right:10px;
}

.lg-separator-right {
  margin-right:20px;
}

.lg-separator-right2x {
  margin-right:30px;
}

.sm-separator-left {
  margin-left:5px;
}

.separator-left {
  margin-left:10px;
}

.lg-separator-left {
  margin-left:20px;
}

.lg-separator-left2x {
  margin-right:30px;
}

.xs-margin,
.sm-margin,
.md-margin,
.lg-margin,
.xlg-margin,
.md-margin2x,
.lg-margin2x,
.xlg-margin2x,
.md-margin3x,
.lg-margin3x,
.xlg-margin3x {
  display:block;
  min-height:1px;
}

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

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

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

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

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

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

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

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

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

.lg-margin3x {
  margin-bottom:120px !important;
}

.xlg-margin3x {
  margin-bottom:150px !important;
}

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

.red-color {
  color:#c90e31 !important;
}

.orange-color {
  color:#f49d14 !important;
}

.yellow-color {
  color:#f8d61b !important;
}

.lightblue-color {
  color:#1bc4f5 !important;
}

.blue-color {
  color:#1e53d8 !important;
}

.purple-color {
  color:#6c00ab !important;
}

.lightgreen-color {
  color:#09d33d !important;
}

.green-color {
  color:#0b9a0b !important;
}

.highlight {
  padding:0 0.3em;
  color:#fff;
  background: #5a5a5a;
}

.redbg,
.highlight.red {
  background:#c90e31;
}

.orangebg,
.highlight.orange {
  background:#f49d14;
}

.yellowbg,
.highlight.yellow {
  background:#f8d61b;
}

.lightbluebg,
.highlight.lightblue {
  background:#1bc4f5;
}

.bluebg,
.highlight.blue {
  background:#1e53d8;
}

.purplebg,
.highlight.purple {
  background:#6c00ab;
}

.lightgreenbg,
.highlight.lightgreen {
  background:#09d33d;
}

.greenbg,
.highlight.green {
  background:#0b9a0b;
}

.purplebg,
.highlight.purple {
  background:#6c00ab;
}

.dropcap,
.dropcap-bg {
  font-size:4em;
  line-height:1;
  padding-right:0.1em;
  float:left;
  text-transform: uppercase;;
}

.dropcap.red {
  color:#c90e31;
}

.dropcap.orange {
  color:#f49d14;
}

.dropcap.yellow {
  color:#f8d61b;
}

.dropcap.lightblue {
  color:#1bc4f5;
}

.dropcap.blue {
  color:#1e53d8;
}

.dropcap.purple {
  color:#6c00ab;
}

.dropcap.lightgreen {
  color:#09d33d;
}

.dropcap.green {
  color:#0b9a0b;
}

.dropcap-bg {
  padding:0.04em 0.1em;
  color:#fff;
  margin-right:0.12em;
  background: #5a5a5a;
}

.dropcap-bg.red {
  background:#c90e31;
}

.dropcap-bg.orange {
  background:#f49d14;
}

.dropcap-bg.yellow {
  background:#f8d61b;
}

.dropcap-bg.lightblue {
  background:#1bc4f5;
}

.dropcap-bg.blue {
  background:#1e53d8;
}

.dropcap-bg.purple {
  background:#6c00ab;
}

.dropcap-bg.lightgreen {
  background:#09d33d;
}

.dropcap-bg.green {
  background:#0b9a0b;
}

.dropcap.bold {
  font-weight: bold;
}


/*========================================
--------------------------
----------- 3.Common Styles
=========================================*/

#content {
  overflow:hidden;
  padding-bottom: 80px;
}

/* Make section fullscreen - fullheight added g to fix conflict*/
.gfullscreen {
  height:100vh;
  position: relative;
}

/* Workaround vh unit for mobile */
/** 
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .gfullscreen {
    height: 1024px;
  }
}
 
/** 
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .gfullscreen {
    height: 768px;
  }
}
 
/**
 * iPhone 5
 */
@media screen and (device-aspect-ratio: 40/71) {
  .gfullscreen {
    height: 500px;
  }
}

.page-header {
  margin:0;
  padding:0;
  text-align:center;
  width:100%;
  border-bottom:none;
  box-shadow:0 5px 12px rgba(0,0,0, 0.16);
  -webkit-box-shadow:0 5px 12px rgba(0,0,0, 0.16);
}

.page-header.background1 {
  background-image: url('../images/backgrounds/background1.jpg');
}

.page-header.background2 {
  background-image: url('../images/backgrounds/background2.jpg');
}

.page-header.background3 {
  background-image: url('../images/backgrounds/background3.jpg');
}

.page-header.background4 {
  background-image: url('../images/backgrounds/background4.jpg');
}

.page-header.background5 {
  background-image: url('../images/backgrounds/background5.jpg');
}

.page-header.background6 {
  background-image: url('../images/backgrounds/background6.jpg');
}

.page-header.background7 {
  background-image: url('../images/backgrounds/background7.jpg');
}

.page-header.background8 {
  background-image: url('../images/backgrounds/background8.jpg');
}

.page-header.background9 {
  background-image: url('../images/backgrounds/background9.jpg');
}

.page-header.background10 {
  background-image: url('../images/backgrounds/background10.jpg');
}

.page-header.background11 {
  background-image: url('../images/backgrounds/background11.jpg');
}

.page-header.background12 {
  background-image: url('../images/backgrounds/background12.jpg');
}

.page-header-wrapper {
  padding:220px 0;
}

.page-title {
  color:#fff;
  font-size:100px;
  text-shadow:0 2px 2px rgba(0,0,0, 0.06);
}

.page-header.red .page-title,
.page-title.red {
  color:#c90e31;
  text-shadow:0 2px 2px rgba(255,255,255, 0.1);
}
.page-header.orange .page-title,
.page-title.orange {
  color:#f49d14;
  text-shadow:0 2px 2px rgba(255,255,255, 0.1);
}

.page-header.yellow .page-title,
.page-title.yellow {
  color:#f8d61b;
  text-shadow:0 2px 2px rgba(255,255,255, 0.1);
}

.page-header.lightblue .page-title,
.page-title.lightblue {
  color:#1bc4f5;
  text-shadow:0 2px 2px rgba(255,255,255, 0.1);
}

.page-header.blue .page-title,
.page-title.blue {
  color:#1e53d8;
  text-shadow:0 2px 2px rgba(255,255,255, 0.1);
}

.page-header.purple .page-title,
.page-title.purple {
  color:#6c00ab;
  text-shadow:0 2px 2px rgba(255,255,255, 0.1);
}

.page-header.lightgreen .page-title,
.page-title.lightgreen {
  color:#09d33d;
  text-shadow:0 2px 2px rgba(255,255,255, 0.1);
}

.page-header.green .page-title,
.page-title.green {
  color:#0b9a0b;
  text-shadow:0 2px 2px rgba(255,255,255, 0.1);
}

/* Sidebar menu for elements pages*/
.sidebar-menu {
  font-size:1.1em;
  text-align: right;
}

.sidebar-menu li a {
  color:#7a7a7a;
  display: block;
  padding:2px 0;
  text-transform: capitalize;
}

.sidebar-menu li.active a,
.sidebar-menu li a:hover {
  text-decoration: underline;
  color:#c90e31;
}

/* General Section Styles*/
.section {
  position: relative;
  padding:115px 0 0;
  background-color: #fff;
  overflow: hidden;
}

.section-bg,
.section.section-bg {
  position: relative;
  background-color: #9a8a8a;
  padding:0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.section-bg h1,.section-bg h2,.section-bg h3,.section-bg h4,.section-bg h5,.section-bg h6,
.section-bg .h1,.section-bg .h2,.section-bg .h3,.section-bg .h4,.section-bg .h5,.section-bg .h6 {
  color:#fff;
}

.section-overlay {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:1;
}

.section-overlay.yellowbg {
  background: rgba(248, 214, 27, 0.4);
}

.section-overlay.orangebg {
  background: rgba(244, 157, 20, 0.4);
}

.section-overlay.redbg {
  background: rgba(201, 14, 49, 0.4);
}

.section-overlay.lightbluebg {
  background: rgba(27, 196, 245, 0.4);
}

.section-overlay.bluebg {
  background: rgba(30, 83, 216, 0.4);
}

.section-overlay.lightgreenbg {
  background: rgba(9, 211, 61, 0.4);
}

.section-overlay.greenbg {
  background: rgba(11, 154, 11, 0.4);
}

.section-overlay.purplebg {
  background: rgba(127, 1, 200, 0.4);
}

.section-overlay.darkbg {
  background: rgba(0, 0, 0, 0.4);
}

.section-content {
  position: relative;
  z-index:5;
  padding:115px 0 0;
  color:#fff;
}

.parallax,
.parallax-fixed {
  position: relative;
  background-attachment: fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0 0;
  /* to prevent empy bg area*/
  background-repeat: repeat-y;
  overflow: hidden;
}

.parallax .vcenter-container,
.parallax .parallax-content,
.parallax-fixed .vcenter-container,
.parallax-fixed .parallax-content {
  position: relative;
  z-index:1;
}

.parallax .parallax-content,
.parallax-fixed .parallax-content {
  padding:80px 0;
}

.section > header,
.section-bg header {
  margin-bottom:60px;
}

.section-title {
  font-size:60px;
  color:#4e4e4e;
  margin-bottom:20px;
}

.section-title > span {
  display: inline-block;
  padding:0 10px;
}

.section-desc,
.parallax-desc {
  font-size:18px;
  width:70%;
  margin:0 auto;
  color:#6a6a6a;
}


.section-bg .section-title,
.section-bg .section-desc {
  color:#fff;
}

.parallax-header {
  margin-bottom:80px;
}

.parallax-title {
  font-size:36px;
  color:#fff;
  text-transform: capitalize;
  margin-bottom:20px;
}

.parallax-desc {
  font-size:1.15em;
  color:#fff;
}

.section-title.fancy,
.parallax-title.fancy {
  font-family: 'dancing_scriptbold', Verdana, sans-serif;
}

.section-title.fancy + .section-desc,
.parallax-title.fancy + .parallax-desc {
  font-size:17px;
}

/*========================================
--------------------------
----------- 4.Bootstrap Styles Overwrite
=========================================*/

/* ---------------------------------
------------- 4.1 Breadcrumb  */

.breadcrumb {
  padding: 0.5em 1.8em;
  margin-bottom: 0;
  background: #f2f2f2;
  border-radius: 0.25em;
  font-size:1.1em;
}

.breadcrumb > li + li:before {
  color: #bababa;
}

.breadcrumb > .active {
  color: #7a7a7a;
}


.breadcrumb.red {
  background:#c90e31;
}

.breadcrumb.orange {
  background:#f49d14;
}

.breadcrumb.yellow {
  background:#f8d61b;
}

.breadcrumb.lightblue {
  background:#1bc4f5;
}

.breadcrumb.blue {
  background:#1e53d8;
}

.breadcrumb.purple {
  background:#6c00ab;
}

.breadcrumb.lightgreen {
  background:#09d33d;
}

.breadcrumb.green {
  background:#0b9a0b;
}

.breadcrumb.red a,
.breadcrumb.orange a,
.breadcrumb.yellow a,
.breadcrumb.lightblue a,
.breadcrumb.blue a,
.breadcrumb.purple a,
.breadcrumb.lightgreen a,
.breadcrumb.green a {
  color:#fff;
}

.breadcrumb.red > li + li:before,
.breadcrumb.orange > li + li:before,
.breadcrumb.yellow > li + li:before,
.breadcrumb.lightblue > li + li:before,
.breadcrumb.blue > li + li:before,
.breadcrumb.purple > li + li:before,
.breadcrumb.lightgreen > li + li:before,
.breadcrumb.green > li + li:before {
  color:#aeaeae;
}

.breadcrumb.red .active,
.breadcrumb.orange .active,
.breadcrumb.yellow .active,
.breadcrumb.lightblue .active,
.breadcrumb.blue .active,
.breadcrumb.purple .active,
.breadcrumb.lightgreen .active,
.breadcrumb.green .active {
  color:#aeaeae;
}


/* ---------------------------------
------------- 4.2 Tooltip  */

.tooltip {
  font-size: 0.9em;
  line-height: 1.5;
}

.tooltip-inner {
  padding: 0.5em 1em;
  background-color: #5DC8CD;
  border-radius: 3px;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow  {
  border-top-color: #5DC8CD;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #5DC8CD;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #5DC8CD;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #5DC8CD;
}

/* For Social icons tooltip colors*/
/* Facebook tooltip bg color */
.facebook + .tooltip .tooltip-inner {
  background-color: #3b5998;
}
.facebook + .tooltip.top .tooltip-arrow,
.facebook + .tooltip.top-left .tooltip-arrow,
.facebook + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #3b5998;
}

.facebook + .tooltip.right .tooltip-arrow {
  border-right-color: #3b5998;
}

.facebook + .tooltip.left .tooltip-arrow {
  border-left-color: #3b5998;
}
.facebook + .tooltip.bottom .tooltip-arrow,
.facebook + .tooltip.bottom-left .tooltip-arrow,
.facebook + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #3b5998;
}

/* Twitter tooltip bg color */
.twitter + .tooltip .tooltip-inner {
  background-color: #55acee;
}
.twitter + .tooltip.top .tooltip-arrow,
.twitter + .tooltip.top-left .tooltip-arrow,
.twitter + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #55acee;
}

.twitter + .tooltip.right .tooltip-arrow {
  border-right-color: #55acee;
}

.twitter + .tooltip.left .tooltip-arrow {
  border-left-color: #55acee;
}
.twitter + .tooltip.bottom .tooltip-arrow,
.twitter + .tooltip.bottom-left .tooltip-arrow,
.twitter + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #55acee;
}

/* Google Plus tooltip bg color */
.googleplus + .tooltip .tooltip-inner {
  background-color: #dd4b39;
}
.googleplus + .tooltip.top .tooltip-arrow,
.googleplus + .tooltip.top-left .tooltip-arrow,
.googleplus + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #dd4b39;
}

.googleplus + .tooltip.right .tooltip-arrow {
  border-right-color: #dd4b39;
}

.googleplus + .tooltip.left .tooltip-arrow {
  border-left-color: #dd4b39;
}
.googleplus + .tooltip.bottom .tooltip-arrow,
.googleplus + .tooltip.bottom-left .tooltip-arrow,
.googleplus + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #dd4b39;
}

/* Dribbble tooltip bg color */
.dribbble + .tooltip .tooltip-inner {
  background-color: #ea4c89;
}
.dribbble + .tooltip.top .tooltip-arrow,
.dribbble + .tooltip.top-left .tooltip-arrow,
.dribbble + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #ea4c89;
}

.dribbble + .tooltip.right .tooltip-arrow {
  border-right-color: #ea4c89;
}

.dribbble + .tooltip.left .tooltip-arrow {
  border-left-color: #ea4c89;
}
.dribbble + .tooltip.bottom .tooltip-arrow,
.dribbble + .tooltip.bottom-left .tooltip-arrow,
.dribbble + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #ea4c89;
}

/* Dribbble tooltip bg color */
.parklink + .tooltip .tooltip-inner {
  background-color: #6c00ab;
}
.parklink + .tooltip.top .tooltip-arrow,
.parklink + .tooltip.top-left .tooltip-arrow,
.parklink + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #6c00ab;
}

.parklink + .tooltip.right .tooltip-arrow {
  border-right-color: #6c00ab;
}

.parklink + .tooltip.left .tooltip-arrow {
  border-left-color: #6c00ab;
}
.parklink + .tooltip.bottom .tooltip-arrow,
.parklink + .tooltip.bottom-left .tooltip-arrow,
.parklink + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #6c00ab;
}

/* Linkedin tooltip bg color */
.linkedin + .tooltip .tooltip-inner {
  background-color: #0e76a8;
}
.linkedin + .tooltip.top .tooltip-arrow,
.linkedin + .tooltip.top-left .tooltip-arrow,
.linkedin + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #0e76a8;
}

.linkedin + .tooltip.right .tooltip-arrow {
  border-right-color: #0e76a8;
}

.linkedin + .tooltip.left .tooltip-arrow {
  border-left-color: #0e76a8;
}
.linkedin + .tooltip.bottom .tooltip-arrow,
.linkedin + .tooltip.bottom-left .tooltip-arrow,
.linkedin + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #0e76a8;
}

/* skype tooltip bg color */
.skype + .tooltip .tooltip-inner {
  background-color: #00aff0;
}
.skype + .tooltip.top .tooltip-arrow,
.skype + .tooltip.top-left .tooltip-arrow,
.skype + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #00aff0;
}

.skype + .tooltip.right .tooltip-arrow {
  border-right-color: #00aff0;
}

.skype + .tooltip.left .tooltip-arrow {
  border-left-color: #00aff0;
}
.skype + .tooltip.bottom .tooltip-arrow,
.skype + .tooltip.bottom-left .tooltip-arrow,
.skype + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #00aff0;
}

/* youtube tooltip bg color */
.youtube + .tooltip .tooltip-inner {
  background-color: #c4302b;
}
.youtube + .tooltip.top .tooltip-arrow,
.youtube + .tooltip.top-left .tooltip-arrow,
.youtube + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #c4302b;
}

.youtube + .tooltip.right .tooltip-arrow {
  border-right-color: #c4302b;
}

.youtube + .tooltip.left .tooltip-arrow {
  border-left-color: #c4302b;
}
.youtube + .tooltip.bottom .tooltip-arrow,
.youtube + .tooltip.bottom-left .tooltip-arrow,
.youtube + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #c4302b;
}

/* instagram tooltip bg color */
.instagram + .tooltip .tooltip-inner {
  background-color: #517fa4;
}
.instagram + .tooltip.top .tooltip-arrow,
.instagram + .tooltip.top-left .tooltip-arrow,
.instagram + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #517fa4;
}

.instagram + .tooltip.right .tooltip-arrow {
  border-right-color: #517fa4;
}

.instagram + .tooltip.left .tooltip-arrow {
  border-left-color: #517fa4;
}
.instagram + .tooltip.bottom .tooltip-arrow,
.instagram + .tooltip.bottom-left .tooltip-arrow,
.instagram + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #517fa4;
}

/* flickr tooltip bg color */
.flickr + .tooltip .tooltip-inner {
  background-color: #ff0084;
}
.flickr + .tooltip.top .tooltip-arrow,
.flickr + .tooltip.top-left .tooltip-arrow,
.flickr + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #ff0084;
}

.flickr + .tooltip.right .tooltip-arrow {
  border-right-color: #ff0084;
}

.flickr + .tooltip.left .tooltip-arrow {
  border-left-color: #ff0084;
}
.flickr + .tooltip.bottom .tooltip-arrow,
.flickr + .tooltip.bottom-left .tooltip-arrow,
.flickr + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #ff0084;
}

/* tumblr tooltip bg color */
.tumblr + .tooltip .tooltip-inner {
  background-color: #34526f;
}
.tumblr + .tooltip.top .tooltip-arrow,
.tumblr + .tooltip.top-left .tooltip-arrow,
.tumblr + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #34526f;
}

.tumblr + .tooltip.right .tooltip-arrow {
  border-right-color: #34526f;
}

.tumblr + .tooltip.left .tooltip-arrow {
  border-left-color: #34526f;
}
.tumblr + .tooltip.bottom .tooltip-arrow,
.tumblr + .tooltip.bottom-left .tooltip-arrow,
.tumblr + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #34526f;
}

/* github tooltip bg color */
.github + .tooltip .tooltip-inner {
  background-color: #171515;
}
.github + .tooltip.top .tooltip-arrow,
.github + .tooltip.top-left .tooltip-arrow,
.github + .tooltip.top-right .tooltip-arrow  {
  border-top-color: #171515;
}

.github + .tooltip.right .tooltip-arrow {
  border-right-color: #171515;
}

.github + .tooltip.left .tooltip-arrow {
  border-left-color: #171515;
}
.github + .tooltip.bottom .tooltip-arrow,
.github + .tooltip.bottom-left .tooltip-arrow,
.github + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #171515;
}


/* ---------------------------------
------------- 4.3 Alerts  */

.alert-dismissable .close {
  top:0;
}

.alert-dismissable .close:active,
.alert-dismissable .close:focus {
  outline:none;
}



/* ---------------------------------
------------- 4.4 Buttons & Badges */

.btn {
  padding: 0.45em 1.3em;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.55em 1.8em;
  font-size: 19px;
  line-height: 1.5;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.4em 1.1em;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 0.2em 0.7em;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}

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

.btn-block + .btn-block {
  margin-top: 0.5em;
}

.btn-blue {
  color: #ffffff;
  background-color: #1e53d8;
  border-color: #1945b4;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  color: #ffffff;
  background-color: #1945b4;
  border-color: #13368c;
}

.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  background-image: none;
}

.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #1e53d8;
  border-color: #1b4ac2;
}

.btn-blue .badge {
  color: #1e53d8;
  background-color: #ffffff;
}

.btn-lightgreen {
  color: #ffffff;
  background-color: #09d33d;
  border-color: #08bb36;
}

.btn-lightgreen:hover,
.btn-lightgreen:focus,
.btn-lightgreen:active,
.btn-lightgreen.active,
.open .dropdown-toggle.btn-lightgreen {
  color: #ffffff;
  background-color: #07ac32;
  border-color: #058025;
}

.btn-lightgreen:active,
.btn-lightgreen.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-lightgreen.disabled,
.btn-lightgreen[disabled],
fieldset[disabled] .btn-lightgreen,
.btn-lightgreen.disabled:hover,
.btn-lightgreen[disabled]:hover,
fieldset[disabled] .btn-lightgreen:hover,
.btn-lightgreen.disabled:focus,
.btn-lightgreen[disabled]:focus,
fieldset[disabled] .btn-lightgreen:focus,
.btn-lightgreen.disabled:active,
.btn-lightgreen[disabled]:active,
fieldset[disabled] .btn-lightgreen:active,
.btn-lightgreen.disabled.active,
.btn-lightgreen[disabled].active,
fieldset[disabled] .btn-lightgreen.active {
  background-color: #09d33d;
  border-color: #08bb36;
}

.btn-lightgreen .badge {
  color: #09d33d;
  background-color: #ffffff;
}

.btn-lightblue {
  color: #ffffff;
  background-color: #1bc4f5;
  border-color: #0ab9ec;
}

.btn-lightblue:hover,
.btn-lightblue:focus,
.btn-lightblue:active,
.btn-lightblue.active,
.open .dropdown-toggle.btn-lightblue {
  color: #ffffff;
  background-color: #0aaedd;
  border-color: #088bb2;
}

.btn-lightblue:active,
.btn-lightblue.active,
.open .dropdown-toggle.btn-lightblue {
  background-image: none;
}

.btn-lightblue.disabled,
.btn-lightblue[disabled],
fieldset[disabled] .btn-lightblue,
.btn-lightblue.disabled:hover,
.btn-lightblue[disabled]:hover,
fieldset[disabled] .btn-lightblue:hover,
.btn-lightblue.disabled:focus,
.btn-lightblue[disabled]:focus,
fieldset[disabled] .btn-lightblue:focus,
.btn-lightblue.disabled:active,
.btn-lightblue[disabled]:active,
fieldset[disabled] .btn-lightblue:active,
.btn-lightblue.disabled.active,
.btn-lightblue[disabled].active,
fieldset[disabled] .btn-lightblue.active {
  background-color: #1bc4f5;
  border-color: #0ab9ec;
}

.btn-lightblue .badge {
  color: #1bc4f5;
  background-color: #ffffff;
}

.btn-orange {
  color: #ffffff;
  background-color: #f49d14;
  border-color: #e48f0b;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #d5860a;
  border-color: #a96b08;
}

.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-image: none;
}

.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #f49d14;
  border-color: #e48f0b;
}

.btn-orange .badge {
  color: #f49d14;
  background-color: #ffffff;
}

.btn-red {
  color: #ffffff;
  background-color: #c90e31;
  border-color: #b10c2b;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  color: #ffffff;
  background-color: #a30b28;
  border-color: #78081d;
}

.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  background-image: none;
}

.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
  background-color: #c90e31;
  border-color: #b10c2b;
}

.btn-red .badge {
  color: #c90e31;
  background-color: #ffffff;
}

.btn-yellow {
  color: #ffffff;
  background-color: #f8d61b;
  border-color: #f0cf18;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  color: #ffffff;
  background-color: #f0cf18;
  border-color: #ddbc05;
}

.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  background-image: none;
}

.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  background-color: #f8d61b;
  border-color: #dfbf0c;
}

.btn-yellow .badge {
  color: #f8d61b;
  background-color: #ffffff;
}

.btn-purple {
  color: #ffffff;
  background-color: #6c00ab;
  border-color: #6e01ad;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
  color: #ffffff;
  background-color: #6e01ad;
  border-color: #6704a0;
}

.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
  background-image: none;
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  background-color: #6c00ab;
  border-color: #6704a0;
}

.btn-purple .badge {
  color: #6c00ab;
  background-color: #ffffff;
}

.btn-green {
  color: #ffffff;
  background-color: #0b9a0b;
  border-color: #0b890b;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  color: #ffffff;
  background-color: #0b890b;
  border-color: #066506;
}

.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  background-image: none;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #0b9a0b;
  border-color: #0b890b;
}

.btn-green .badge {
  color: #0b9a0b;
  background-color: #ffffff;
}

.btn-default .badge {
  background-color: #aeaeae;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 0.25em 0.6em;
  font-size: 1em;
  background-color: #aeaeae;
  border-radius: 10px;
}

.btn .badge {
  top:1px;
  margin:0 0.3em;
}


/* ---------------------------------
------------- 4.5 Dropdown Menu */

.dropdown-menu {
  min-width: 160px;
  padding: 0.5em 0;
  margin: 0.2em 0 0;
  font-size: 15px;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.145);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.145);
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  margin-bottom: 0.2em;
  -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.145);
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.145);
}

.navbar-nav>li>.dropdown-menu {
  margin-top:2px;
}

.dropdown-menu .divider {
  margin: 0.65em 0;
}

.dropdown-menu > li > a {
  padding: 0.35em 1.3em;
  line-height: 1.5;
  color: #3a3a3a;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #020202;
  background-color: #f1f1f1;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #0a0a0a;
  background-color: #dbdbdb;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}


/* ---------------------------------
------------- 4.6 List Groups */

.list-group {
  margin-bottom: 1.5em;
}

.list-group-item {
  padding: 0.8em 1em;
}

a.list-group-item {
  color: #555555;
}

a.list-group-item .list-group-item-heading {
  color: #2a2a2a;
}

a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #f5f5f5;
}

.list-group-item-lightgreen {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-lightgreen {
  color: #3c763d;
}

a.list-group-item-lightgreen .list-group-item-heading {
  color: inherit;
}

a.list-group-item-lightgreen:hover,
a.list-group-item-lightgreen:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-lightgreen.active,
a.list-group-item-lightgreen.active:hover,
a.list-group-item-lightgreen.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-lightblue {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-lightblue {
  color: #31708f;
}

a.list-group-item-lightblue .list-group-item-heading {
  color: inherit;
}

a.list-group-item-lightblue:hover,
a.list-group-item-lightblue:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-lightblue.active,
a.list-group-item-lightblue.active:hover,
a.list-group-item-lightblue.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-orange {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-orange {
  color: #8a6d3b;
}

a.list-group-item-orange .list-group-item-heading {
  color: inherit;
}

a.list-group-item-orange:hover,
a.list-group-item-orange:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-orange.active,
a.list-group-item-orange.active:hover,
a.list-group-item-orange.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-red {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-red {
  color: #a94442;
}

a.list-group-item-red .list-group-item-heading {
  color: inherit;
}

a.list-group-item-red:hover,
a.list-group-item-red:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-red.active,
a.list-group-item-red.active:hover,
a.list-group-item-red.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-yellow {
  color: #f8d61b;
  background-color: #fcf1b2;
}

a.list-group-item-yellow {
  color: #f8d61b;
}

a.list-group-item-yellow .list-group-item-heading {
  color: inherit;
}

a.list-group-item-yellow:hover,
a.list-group-item-yellow:focus {
  color: #f8d61b;
  background-color: #ebcccc;
}

a.list-group-item-yellow.active,
a.list-group-item-yellow.active:hover,
a.list-group-item-yellow.active:focus {
  color: #fff;
  background-color: #f8d61b;
  border-color: #f8d61b;
}

.list-group-item-blue {
  color: #1e53d8;
  background-color: #afc0ea;
}

a.list-group-item-blue {
  color: #1e53d8;
}

a.list-group-item-blue .list-group-item-heading {
  color: inherit;
}

a.list-group-item-blue:hover,
a.list-group-item-blue:focus {
  color: #1e53d8;
  background-color: #ebcccc;
}

a.list-group-item-blue.active,
a.list-group-item-blue.active:hover,
a.list-group-item-blue.active:focus {
  color: #fff;
  background-color: #1e53d8;
  border-color: #1e53d8;
}

.list-group-item-green {
  color: #0b9a0b;
  background-color: #b0d5b0;
}

a.list-group-item-green {
  color: #0b9a0b;
}

a.list-group-item-green .list-group-item-heading {
  color: inherit;
}

a.list-group-item-green:hover,
a.list-group-item-green:focus {
  color: #0b9a0b;
  background-color: #ebcccc;
}

a.list-group-item-green.active,
a.list-group-item-green.active:hover,
a.list-group-item-green.active:focus {
  color: #fff;
  background-color: #0b9a0b;
  border-color: #0b9a0b;
}

.list-group-item-purple {
  color: #6c00ab;
  background-color: #d6bde4;
}

a.list-group-item-purple {
  color: #6c00ab;
}

a.list-group-item-purple .list-group-item-heading {
  color: inherit;
}

a.list-group-item-purple:hover,
a.list-group-item-purple:focus {
  color: #6c00ab;
  background-color: #ebcccc;
}

a.list-group-item-purple.active,
a.list-group-item-purple.active:hover,
a.list-group-item-purple.active:focus {
  color: #fff;
  background-color: #6c00ab;
  border-color: #6c00ab;
}

.list-group-item-heading {
  margin-bottom: 0.4em;
}

.list-group-item-text {
  line-height: 1.5;
}



/* ---------------------------------
------------- 4.7 Collapses */

.panel {
  background: transparent;
}

.accordion-group.panel {
  margin-bottom:1.5em;
  border:none;
  border-radius:0;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.accordion-header {
  padding:0.5em 0;
  position: relative;
}

.accordion-header:after {
  content: '';
  position: absolute;
  left:0;
  top:50%;
  display: block;
  width:100%;
  height:1px;
  margin-top:-0.5px;
  background: #e7e7e7;
  z-index: 0;
}

.accordion-title {
  display: inline-block; 
  background: #fff;
  position: relative;
  z-index: 1;
  font-size:1.2em;
  padding:0 15px;
  margin-left:20px;
}

.accordion-title > i {
  min-width:20px;
  margin-right:5px;
  font-size:0.9em;
}

.accordion-body-wrapper {
  padding:25px 0 10px 35px;
  position: relative;
}

.accordion-body-wrapper:before {
  content:'';
  position: absolute;
  display: block;
  width:1px;
  height: 90%;
  left:9.5px;
  top:5%;
  background: #e7e7e7;
}

.yellow .accordion-title,
.orange .accordion-title,
.red .accordion-title,
.lightblue .accordion-title,
.blue .accordion-title,
.lightgreen .accordion-title,
.green .accordion-title,
.purple .accordion-title {
  color:#fff;
  border-radius: 4px;
  padding-bottom:4px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.05);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.05);
}

.orange .accordion-title {
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.12);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.12);
}

.red .accordion-title,
.purple .accordion-title,
.blue .accordion-title,
.green .accordion-title {
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
}

.lightblue .accordion-title,
.lightgreen .accordion-title {
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.13);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.13);
}

.yellow .accordion-header:after,
.yellow .accordion-body-wrapper:before,
.yellow .accordion-title {
  background: #f8d61b;
}

.orange .accordion-header:after,
.orange .accordion-body-wrapper:before,
.orange .accordion-title  {
  background: #f49d14;
}

.red .accordion-header:after,
.red .accordion-body-wrapper:before,
.red .accordion-title  {
  background: #c90e31;
}

.lightblue .accordion-header:after,
.lightblue .accordion-body-wrapper:before,
.lightblue .accordion-title  {
  background: #1bc4f5;
}

.blue .accordion-header:after,
.blue .accordion-body-wrapper:before,
.blue .accordion-title  {
  background: #1e53d8;
}

.lightgreen .accordion-header:after,
.lightgreen .accordion-body-wrapper:before,
.lightgreen .accordion-title  {
  background: #09d33d;
}

.green .accordion-header:after,
.green .accordion-body-wrapper:before,
.green .accordion-title  {
  background: #0b9a0b;
}

.purple .accordion-header:after,
.purple .accordion-body-wrapper:before,
.purple .accordion-title  {
  background: #6c00ab;
}

.accordion-btn {
  display: block;
  width:40px;
  height:40px;
  background-color: #f1f1f1;
  background-image: url('../images/sprites/accordion-btns.png');
  background-repeat: no-repeat;
  border-radius:4px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.05);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.05);
  position: absolute;
  right:0;
  top:50%;
  z-index: 10;
  margin-top:-20px;
  transition:all 0.35s;
  -webkit-transition:all 0.35s;
  -moz-transition:all 0.35s;
  -ms-transition:all 0.35s;
  -o-transition:all 0.35s;
}

.accordion-btn:hover,
.accordion-btn:active,
.accordion-btn:focus,
.accordion-btn.open {
  background-color:#e6e6e6;
}

.accordion-btn.open {
  background-position: -40px 0;
}

.yellow .accordion-btn,
.accordion-btn.yellow {
  background-color: #f8d61b;
  background-position: 0 -40px;
}

.yellow .accordion-btn:hover,
.yellow .accordion-btn:active,
.yellow .accordion-btn:focus,
.accordion-btn.yellow:hover,
.accordion-btn.yellow:active,
.accordion-btn.yellow:focus,
.accordion-btn.yellow.open,
.yellow .accordion-btn.open {
  background-color:#f0cf18;
}

.orange .accordion-btn,
.accordion-btn.orange {
  background-color: #f49d14;
  background-position: 0 -40px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.12);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.12);
}

.orange .accordion-btn:hover,
.orange .accordion-btn:active,
.orange .accordion-btn:focus,
.accordion-btn.orange:hover,
.accordion-btn.orange:active,
.accordion-btn.orange:focus,
.accordion-btn.orange.open,
.orange .accordion-btn.open {
  background-color:#d5860a;
}

.red .accordion-btn,
.accordion-btn.red {
  background-color: #c90e31;
  background-position: 0 -40px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
}

.red .accordion-btn:hover,
.red .accordion-btn:active,
.red .accordion-btn:focus,
.accordion-btn.red:hover,
.accordion-btn.red:active,
.accordion-btn.red:focus,
.accordion-btn.red.open,
.red .accordion-btn.open {
  background-color:#a30b28;
}

.purple .accordion-btn,
.accordion-btn.purple {
  background-color: #6c00ab;
  background-position: 0 -40px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
}

.purple .accordion-btn:hover,
.purple .accordion-btn:active,
.purple .accordion-btn:focus,
.accordion-btn.purple:hover,
.accordion-btn.purple:active,
.accordion-btn.purple:focus,
.accordion-btn.purple.open,
.purple .accordion-btn.open {
  background-color:#6e01ad;
}

.blue .accordion-btn,
.accordion-btn.blue {
  background-color: #1e53d8;
  background-position: 0 -40px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
}

.blue .accordion-btn:hover,
.blue .accordion-btn:active,
.blue .accordion-btn:focus,
.accordion-btn.blue:hover,
.accordion-btn.blue:active,
.accordion-btn.blue:focus,
.accordion-btn.blue.open,
.blue .accordion-btn.open {
  background-color:#1945b4;
}

.green .accordion-btn,
.accordion-btn.green {
  background-color: #0b9a0b;
  background-position: 0 -40px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.3);
}

.green .accordion-btn:hover,
.green .accordion-btn:active,
.green .accordion-btn:focus,
.accordion-btn.green:hover,
.accordion-btn.green:active,
.accordion-btn.green:focus,
.accordion-btn.green.open,
.green .accordion-btn.open {
  background-color:#0b890b;
}

.lightblue .accordion-btn,
.accordion-btn.lightblue {
  background-color: #1bc4f5;
  background-position: 0 -40px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.13);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.13);
}

.lightblue .accordion-btn:hover,
.lightblue .accordion-btn:active,
.lightblue .accordion-btn:focus,
.accordion-btn.lightblue:hover,
.accordion-btn.lightblue:active,
.accordion-btn.lightblue:focus,
.accordion-btn.lightblue.open,
.lightblue .accordion-btn.open {
  background-color:#0aaedd;
}

.lightgreen .accordion-btn,
.accordion-btn.lightgreen {
  background-color: #09d33d;
  background-position: 0 -40px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.13);
  -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0, 0.13);
}

.lightgreen .accordion-btn:hover,
.lightgreen .accordion-btn:active,
.lightgreen .accordion-btn:focus,
.accordion-btn.lightgreen:hover,
.accordion-btn.lightgreen:active,
.accordion-btn.lightgreen:focus,
.accordion-btn.lightgreen.open,
.lightgreen .accordion-btn.open  {
  background-color:#07ac32;
}

.accordion-btn.open.yellow,
.accordion-btn.open.orange,
.accordion-btn.open.blue,
.accordion-btn.open.lightblue,
.accordion-btn.open.green,
.accordion-btn.open.lightgreen,
.accordion-btn.open.purple,
.accordion-btn.open.red,
.lightgreen .accordion-btn.open,
.green .accordion-btn.open,
.yellow .accordion-btn.open,
.red .accordion-btn.open,
.lightblue .accordion-btn.open,
.blue .accordion-btn.open,
.orange .accordion-btn.open,
.purple .accordion-btn.open {
  background-position: -40px -40px;
}

/* Block Collapses */
/* important for smooth animation */
.accordion-panel-group .accordion-body .accordion-body-wrapper {
  padding:20px 0;
}

.accordion-body p {
  text-indent: 20px;
}

.accordion-body ul {
  padding-left:20px;
}

.accordion-body ul li {
  color:#6d6c67;
  padding:5px 0;
}

.accordion-panel-group.panel  {
  margin-bottom: 0;
}

.accordion-panel-title {
  font-size:1.2em;
  color:#5a5a5a;
  margin-bottom:0;
  display:block;
  padding:10px 20px;
  border:1px solid #eee;
  border-radius:6px;
  background: #f7f7f7;
  position: relative;
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -ms-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.accordion-panel-title > i {
  min-width:23px;
  margin-right:15px;
  font-size:20px;
}

.accordion-panel-title:hover {
  color:#3a3a3a;
  background: #f2f2f2;
  border-color:#dbdbdb;
}

.red .accordion-panel-title,
.accordion-panel-title.red {
  background:#c90e31;
  border-color:#a30b28;
  color:#fff;
}

.red .accordion-panel-title:hover,
.accordion-panel-title.red:hover {
  background:#a30b28;
  border-color:#78081d;
}

.orange .accordion-panel-title,
.accordion-panel-title.orange {
  background:#f49d14;
  color:#fff;
  border-color:#d5860a;
}

.orange .accordion-panel-title:hover,
.accordion-panel-title.orange:hover {
  background:#d5860a;
  border-color:#a96b08;
}

.yellow .accordion-panel-title,
.accordion-panel-title.yellow {
  background:#f8d61b;
  color:#fff;
  border-color:#f0cf18;
}

.yellow .accordion-panel-title:hover,
.accordion-panel-title.yellow:hover {
  background:#f0cf18;
  border-color:#ddbc05;
}

.lightblue .accordion-panel-title,
.accordion-panel-title.lightblue {
  background:#1bc4f5;
  color:#fff;
  border-color:#0aaedd;
}

.lightblue .accordion-panel-title:hover,
.accordion-panel-title.lightblue:hover {
  background:#0aaedd;
  border-color:#088bb2;
}

.blue .accordion-panel-title,
.accordion-panel-title.blue {
  background:#1e53d8;
  color:#fff;
  border-color:#1945b4;
}

.blue .accordion-panel-title:hover,
.accordion-panel-title.blue:hover {
  background:#1945b4;
  border-color:#13368c;
}

.purple .accordion-panel-title,
.accordion-panel-title.purple {
  background:#6c00ab;
  color:#fff;
  border-color:#6e01ad;
}

.purple .accordion-panel-title:hover,
.accordion-panel-title.purple:hover {
  background:#6e01ad;
  border-color:#6704a0;
}

.lightgreen .accordion-panel-title,
.accordion-panel-title.lightgreen {
  background:#09d33d;
  color:#fff;
  border-color:#07ac32;
}

.lightgreen .accordion-panel-title:hover,
.accordion-panel-title.lightgreen:hover {
  background:#07ac32;
  border-color:#058025;
}

.green .accordion-panel-title,
.accordion-panel-title.green {
  background:#0b9a0b;
  color:#fff;
  border-color:#0b890b;
}

.green .accordion-panel-title:hover,
.accordion-panel-title.green:hover {
  background:#0b890b;
  border-color:#066506;
}

.accordion-panel-body .accordion-body-wrapper {
  padding:25px 0;
}

.accordion-panel-body  ul {
  padding-left:20px;
}

.accordion-panel-body ul li {
  color:#6d6c67;
  padding:2.5px 0;
}

.accordion-panel-body .fa-ul {
  padding-left:2.1em;
}

.accordion-btn-group {
  padding-bottom:15px;
  border-bottom:1px solid rgba(213,213,213, 0.7);
}

.accordion-btn-body-container .accordion-body-wrapper {
  padding:10px 0;
}

.accordion-body-wrapper li:last-child,
.accordion-body-wrapper p:last-child {
  margin-bottom: 0;
}


.accordion-panel .accordion-body-wrapper:before {
  display:none;
}

/* End collapse */



/* Icons Element Page */
.fontawesome-icon-list a,
.bs-glyphicons-list li {
  color:#5a5a5a;
  display:block;
  padding:0.3em 0.6em;
}

.fontawesome-icon-list a:hover,
.bs-glyphicons-list li:hover {
  background: #f1f1f1;
}

.fontawesome-icon-list a .fa,
.bs-glyphicons-list li .glyphicon {
  margin-right:0.5em;
  width:1.5em;
}

.bs-glyphicons-list li  {
  min-height:50px;
  margin-bottom:1em;
}



/* ---------------------------------
------------- 4.8 Form/Input Elements */

.input-group textarea.form-control:last-child {
  border-radius:4px !important;
}

fieldset {
  padding:0;
  margin:0  0 60px 0;
  border:none;
}

.form-control {
  padding: 7.5px 15px 7.5px 20px;
  height:36px;
  -webkit-box-shadow: none;
  box-shadow:  none;
  border-radius:4px;
  border-color:#dbdbdb;
  font-size:14px;
  line-height:1.5;
  margin-bottom:30px;
}

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow:  none;
}

.form-control:-moz-placeholder {
  color:#dbdbdb;
}

.form-control::-moz-placeholder {
  color:#dbdbdb;
}

.form-control:-ms-input-placeholder {
  color:#dbdbdb;
}
.form-control::-webkit-input-placeholder {
  color:#dbdbdb;
}

label {
  margin-bottom: 10px;
}

.form-group {
  margin-bottom:40px;
}

.form-group:last-child {
  margin-bottom:0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #f1f1f1;
}

.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px 5px 15px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 50px;
  padding: 12.5px 20px 12.5px 25px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

.input-group .form-control {
  border-radius:0 4px 4px 0;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.input-group {
  margin-bottom:30px;
  border-radius: 4px;
  position: relative;
}

.input-group .form-control:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #8a8a8a;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  min-width:120px;
}

.input-group .input-group-addon:first-child {
  padding-left:20px;
  text-align: left;
}

.input-group .input-group-addon:last-child {
  padding-right:20px;
  text-align: right;
}

.input-group-addon.icon-addon {
  font-size:18px;
  min-width:60px;
}

.input-group-sm .input-group-addon {
  border-radius: 4px;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  padding: 5px 10px 5px 15px;
}


.input-group-sm .input-group-addon.icon-addon {
  font-size:14px;
  line-height:18px;
  min-width:30px;
}

.input-group-sm  .input-group-addon:first-child,
.input-group-lg  .input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-sm  .input-group-addon:last-child,
.input-group-lg  .input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-lg .input-group-addon {
  padding: 12.5px 20px;
  font-size: 17px;
  border-radius: 4px;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.input-group-lg>.form-control, 
.input-group-lg>.input-group-addon, 
.input-group-lg>.input-group-btn>.btn {
  height:50px;
  padding: 12.5px 20px;
}

.input-group-lg .input-group-addon.icon-addon {
  font-size:24px;
  line-height:30px;
  padding: 9px 20px;
  min-width:70px;
}

.no-minwidth {
  min-width:0 !important;
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  line-height:0;
  vertical-align: middle;
}

.textarea-container {
  position: relative;
  width:100%;
}

.textarea-container .input-group-addon {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  border-radius:4px 4px 0 0;
  padding:12px 12px 12px 7px;
  z-index:90;
}

.textarea-container.textarea-container-lg .input-group-addon {
  font-size:16px;
  padding:16px 12px 16px 20px;
}


.textarea-container .input-group-addon:first-child {
  border-right:1px solid #dbdbdb;
}

.textarea-container textarea {
  padding-top:50px;
  margin-top:5px;
}

.textarea-container.textarea-container-lg textarea {
  padding-top:60px;
}

select.form-control {
  border-radius:0;
  padding:6px 12px;
}

.input-group-btn>.btn {
  padding:6.5px 14px;
}

.form-control-feedback,
.has-feedback label~.form-control-feedback {
  top:35px;
  right:10px;
}

.input-lg + .form-control-feedback {
  top:34px;
  right:10px;
}

/* Validaton */

.input-group > label {
  position: absolute;
  bottom:100%;
  left:0;
  font-size:12px;
  margin-bottom:6px;
  line-height: 1.5;
  margin-top: 0;
  font-weight:600;
}

.input-group > label.error {
  color:#de0000;
}



/* ---------------------------------
------------- 4.9 Pagination */

.pagination-container {
  padding-top:40px;
  border-top:1px solid #dbdbdb;
}

.pagination-container.clear-border {
  border-top:none;
}

/* Bootstrap pagination */
.pagination {
  display: inline-block;
  margin:0;
  border-radius:0;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  display:inline-block;
  float:none;
  padding:8px;
  width:36px;
  height:36px;
  margin-left: 4px;
  font-size:14px;
  line-height:18px;
  font-weight:bold;
  text-decoration: none;
  background-color: #dbdbdb;
  border: 1px solid #e4e2e2;
  -webkit-box-shadow:none;
  box-shadow:none;
  color:#757575;
  text-align:center;
  border-radius: 4px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color:#fff;
  background:#1bc4f5;
  border-color:#1bc4f5;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #757575;
  background-color: #cecece;
  border-color: #cacaca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}


/* ---------------------------------
------------ 4.10. Bootstrap Slider */

.carousel-inner > .item {
  padding:0;
  margin:0;
}

.carousel-inner > .item a {
  display: block;
}

.carousel-control {
  position: absolute;
  top:50%;
  left: 0;
  width:48px;
  height:48px;
  margin-top:-24px;
  border-radius:50%;
  font-size: 30px;
  border:2px solid #fff;
  line-height:44px;
  text-align: center;
  text-shadow: none;
  filter: alpha(opacity=100);
  background-color: transparent;
  opacity: 1;
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  -o-transition: all 0.35s;
  color:#fff;
}

.carousel-control:hover {
  color:#f8d61b;
  border-color:#f8d61b;
  background-color: transparent;
}

.carousel-control.left {
  left:20px;
  background-image: none;
}

.carousel-control.right {
  left:auto;
  right: 20px;
  background-image: none;
}

.carousel-caption {
  bottom:50px;
}

/* ---------------------------------
------------- 4.11 Popover */

.popover {
  box-shadow:none;
  -webkit-box-shadow:none;
  z-index: 900;
  border: 1px solid #4e4e4e;
  background-color: #fff;
  border-radius:0;
  padding:0;
}

.popover-title {
  padding: 10px 14px 6px;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  background-color: #4e4e4e;
  border-bottom: 1px solid #4e4e4e;
  color:#fff;
  border-radius: 0;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.popover-content {
  padding: 9px 14px;
}

.popover.top > .arrow {
  border-top-color: #4e4e4e;
}

.popover.top > .arrow:after {
  border-top-color: #fff;
}

.popover.right > .arrow {
  border-right-color: #4e4e4e;
}

.popover.right > .arrow:after {
  border-right-color: #fff;
}

.popover.bottom > .arrow {
  border-bottom-color: #4e4e4e;
}

.popover.bottom > .arrow:after {
  border-bottom-color: #4e4e4e;
}

.popover.left > .arrow {
  border-left-color: #4e4e4e;
}

.popover.left > .arrow:after {
  border-left-color: #fff;
}

.red + .popover {
  border: 1px solid #c90e31;
}

.red + .popover .popover-title {;
  background-color: #c90e31;
  border-bottom: 1px solid #c90e31;
}

.red + .popover.top > .arrow {
  border-top-color: #c90e31;
}

.red + .popover.right > .arrow {
  border-right-color: #c90e31;
}

.red + .popover.bottom > .arrow {
  border-bottom-color: #c90e31;
}

.red + .popover.bottom > .arrow:after {
  border-bottom-color: #c90e31;
}

.red + .popover.left > .arrow {
  border-left-color: #c90e31;
}


.orange + .popover {
  border: 1px solid #f49d14;
}

.orange + .popover .popover-title {;
  background-color: #f49d14;
  border-bottom: 1px solid #f49d14;
}

.orange + .popover.top > .arrow {
  border-top-color: #f49d14;
}

.orange + .popover.right > .arrow {
  border-right-color: #f49d14;
}

.orange + .popover.bottom > .arrow {
  border-bottom-color: #f49d14;
}

.orange + .popover.bottom > .arrow:after {
  border-bottom-color: #f49d14;
}

.orange + .popover.left > .arrow {
  border-left-color: #f49d14;
}


.yellow + .popover {
  border: 1px solid #f8d61b;
}

.yellow + .popover .popover-title {;
  background-color: #f8d61b;
  border-bottom: 1px solid #f8d61b;
}

.yellow + .popover.top > .arrow {
  border-top-color: #f8d61b;
}

.yellow + .popover.right > .arrow {
  border-right-color: #f8d61b;
}

.yellow + .popover.bottom > .arrow {
  border-bottom-color: #f8d61b;
}

.yellow + .popover.bottom > .arrow:after {
  border-bottom-color: #f8d61b;
}

.yellow + .popover.left > .arrow {
  border-left-color: #f8d61b;
}



.lightblue + .popover {
  border: 1px solid #1bc4f5;
}

.lightblue + .popover .popover-title {;
  background-color: #1bc4f5;
  border-bottom: 1px solid #1bc4f5;
}

.lightblue + .popover.top > .arrow {
  border-top-color: #1bc4f5;
}

.lightblue + .popover.right > .arrow {
  border-right-color: #1bc4f5;
}

.lightblue + .popover.bottom > .arrow {
  border-bottom-color: #1bc4f5;
}

.lightblue + .popover.bottom > .arrow:after {
  border-bottom-color: #1bc4f5;
}

.lightblue + .popover.left > .arrow {
  border-left-color: #1bc4f5;
}


.blue + .popover {
  border: 1px solid #1e53d8;
}

.blue + .popover .popover-title {;
  background-color: #1e53d8;
  border-bottom: 1px solid #1e53d8;
}

.blue + .popover.top > .arrow {
  border-top-color: #1e53d8;
}

.blue + .popover.right > .arrow {
  border-right-color: #1e53d8;
}

.blue + .popover.bottom > .arrow {
  border-bottom-color: #1e53d8;
}

.blue + .popover.bottom > .arrow:after {
  border-bottom-color: #1e53d8;
}

.blue + .popover.left > .arrow {
  border-left-color: #1e53d8;
}


.purple + .popover {
  border: 1px solid #6c00ab;
}

.purple + .popover .popover-title {;
  background-color: #6c00ab;
  border-bottom: 1px solid #6c00ab;
}

.purple + .popover.top > .arrow {
  border-top-color: #6c00ab;
}

.purple + .popover.right > .arrow {
  border-right-color: #6c00ab;
}

.purple + .popover.bottom > .arrow {
  border-bottom-color: #6c00ab;
}

.purple + .popover.bottom > .arrow:after {
  border-bottom-color: #6c00ab;
}

.purple + .popover.left > .arrow {
  border-left-color: #6c00ab;
}


.lightgreen + .popover {
  border: 1px solid #09d33d;
}

.lightgreen + .popover .popover-title {;
  background-color: #09d33d;
  border-bottom: 1px solid #09d33d;
}

.lightgreen + .popover.top > .arrow {
  border-top-color: #09d33d;
}

.lightgreen + .popover.right > .arrow {
  border-right-color: #09d33d;
}

.lightgreen + .popover.bottom > .arrow {
  border-bottom-color: #09d33d;
}

.lightgreen + .popover.bottom > .arrow:after {
  border-bottom-color: #09d33d;
}

.lightgreen + .popover.left > .arrow {
  border-left-color: #09d33d;
}


.green + .popover {
  border: 1px solid #0b9a0b;
}

.green + .popover .popover-title {;
  background-color: #0b9a0b;
  border-bottom: 1px solid #0b9a0b;
}

.green + .popover.top > .arrow {
  border-top-color: #0b9a0b;
}

.green + .popover.right > .arrow {
  border-right-color: #0b9a0b;
}

.green + .popover.bottom > .arrow {
  border-bottom-color: #0b9a0b;
}

.green + .popover.bottom > .arrow:after {
  border-bottom-color: #0b9a0b;
}

.green + .popover.left > .arrow {
  border-left-color: #0b9a0b;
}


/* ---------------------------------
------------- 4.12 Modal */

.modal-header {
  padding:20px 20px 15px;
  color:#fff;
}

.modal-header .close {
  margin-top:1.5px;
}

.modal-header,
.modal-footer {
  background-color: #1bc4f5;
}

.modal-body{
  padding: 30px 20px;
}

.modal-body .form-group:last-child,
.modal-body .form-group:last-child .form-control {
  margin-bottom:5px;
}

.modal-footer {
  padding:15px 20px;
}

.modal-content {
  background-color: #fff;
  border: 1px solid #1bc4f5;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}


.modal .input-group:last-child {
  margin-bottom: 0;
}


/* ---------------------------------
------------- 4.13. Progress Bars */

.progress-container {
  position: relative;
}

.progress {
  height: 40px;
  margin-bottom: 20px;
  overflow: visible;
  background-color: #eaeaea;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress-bar-custom {
  position: relative;
  color:#fff;
}

.progress-text {
  font:700 14px/20px Arial,sans-serif;
  position: absolute;
  right:10px;
  bottom:10px;
  display:none;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -o-transition:all 0.3s;
}

.progress-container .progress-title {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
  position: absolute;
  left:20px;
  top:10px;
  z-index:10;
  margin:0;
}

.progress-title a {
  color:#5a5a5a;
}


/* ---------------------------------
------------- 4.14 Tabs */

span.tab-icon {
  display:block;
  text-align: center;
  font-size:20px;
}

.nav-pills  {
  margin-bottom:30px;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius:6px;
  color:#554f4f;
  background-color: #f4f4f4;
}

.nav-pills > li + li {
  margin:0 0 0 10px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #f8d61b;
}

.nav-pills > li.active > a .tab-icon,
.nav-pills > li.active > a:hover .tab-icon,
.nav-pills > li.active > a:focus .tab-icon {
  color:#fff;
}

.nav-tabs {
  border-bottom: 1px solid #cacaca;
  margin-bottom: 30px;
}

.nav-tabs.reverse {
  border-bottom:none;
  border-top: 1px solid #cacaca;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs.reverse > li {
  margin-top: -1px;
}


.nav-tabs > li > a {
  margin-right: 5px;
  line-height: 26px;
  border: 1px solid transparent;
  border-radius: 0;
  color:#554f4f;
}

.nav-tabs > li > a:hover {
  border-color: #cacaca #cacaca #cacaca;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #554f4f;
  cursor: default;
  background-color: #fff;
  border: 1px solid #cacaca;
  border-bottom-color: transparent;
}

.nav-tabs.reverse > li.active > a,
.nav-tabs.reverse > li.active > a:hover,
.nav-tabs.reverse > li.active > a:focus {
  border: 1px solid #cacaca;
  border-top-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li,
.nav-pills.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li,
  .nav-pills.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .nav-pills.nav-justified > li + li {
    margin:0;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #cacaca;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #cacaca;
    border-radius: 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-pane li,
.tab-pane .list-margin {
  line-height:30px;
  margin-bottom:0;
}


.tab-container.left .nav,
.tab-container.right .nav  {
  width:200px;
  margin-bottom:0;
}

.tab-container.left .nav {
  float:left;
}

.tab-container.right .nav {
  float:right;
}

.tab-container.left .tab-content {
  margin-left:200px;
  padding:30px;
  border:1px solid #cacaca;
}

.tab-container.right .tab-content {
  margin-right:200px;
  border:1px solid #cacaca;
  padding:30px;
}

.tab-container.left .nav li,
.tab-container.right .nav li {
  float:none;
  text-align:center;
}

.tab-container .nav-tabs {
  border:none;
}

.tab-container.left .nav-tabs > li{
  margin:0 -1px 0 0;
}

.tab-container.right .nav-tabs > li{
  margin:0 0 0 -1px;
}

.tab-container .nav-tabs li a {
  margin:0;
  padding:12px 20px;
}

.tab-container.left .nav-tabs>li.active>a, 
.tab-container.left .nav-tabs>li.active>a:hover, 
.tab-container.left .nav-tabs>li.active>a:focus {
  border-right-color: #fff;
}

.tab-container.right .nav-tabs>li.active>a, 
.tab-container.right .nav-tabs>li.active>a:hover, 
.tab-container.right .nav-tabs>li.active>a:focus {
  border-left-color: #fff;
}

.tab-container.left .nav-tabs > li > a {
  border-left:1px solid #cacaca;
  border-top:1px solid #cacaca;
  border-right-color:transparent;
}

.tab-container.right .nav-tabs > li > a {
  border-right:1px solid #cacaca;
  border-top:1px solid #cacaca;
  border-left-color:transparent;
}

.tab-container .nav-tabs > li:last-child > a,
.tab-container .nav-tabs > li:last-child > a:hover {
  border-bottom: 1px solid #cacaca;
}

.tab-container .nav-tabs > li > a:hover {
  border-bottom-color:transparent;
}

.tab-container.left .nav-tabs > li > a:hover {
  border-right-color:#cacaca;
}

.tab-container.right .nav-tabs > li > a:hover {
  border-left-color:#cacaca;
}


@media (max-width: 767px) {
  .tab-container.left .nav,
  .tab-container.right .nav {
    float:none;
    width:100%;
  }

  .tab-container.left .tab-content {
    margin-left:0;
    border:none;
    padding:30px 0 0;
  }

  .tab-container.right .tab-content {
    margin-right:0;
    border:none;
    padding:30px 0 0;
  }

  .tab-container.left .nav-tabs > li > a {
    border-right-color:#cacaca;
  }

  .tab-container.right .nav-tabs > li > a {
    border-left-color:#cacaca;
  }
}



/* ======================================
===================== 5.Home Section  */

#home {
  overflow: hidden;
}

#home.height-auto {
  height:auto !important;
}

#home.homebg {
  background-image: url('../images/homebg.jpg');
}

#home.homebg2 {
  background-image: url('../images/homebg2.jpg');
}

#home .section-content {
  padding-top:0;
}

#home .owl-carousel .owl-wrapper-outer {
  overflow:visible;
}

#home.section {
  padding:0;
  position: relative;
}

#home #portfolio-single-content .single-portfolio {
  padding-top:130px;
}

#home #portfolio-single-content .portfolio-close {
  top:40px;
}

.section.greybg {
  background-color: #f4f4f4;
}

.welcome-text {
  font-size:3.8em;
  text-transform: capitalize;
  margin:25px 0 110px;
  color:#3c3c3c;
}

.welcome-text > .smaller {
  margin-top:20px;
  display: block;
  font-size:0.75em;
  color:#5a5a5a;
}

#home.videobg {
  background-color: #2a2a2a;
}

.overlay-color {
  position: absolute;
  width:100%;
  height:100%;
  z-index:0;
  background-color: rgba(248, 214, 27, 0.1);
  background-image: url('../images/overlay/5.png');
  background-repeat: repeat;
}

#home-text-slider {
  background-color: rgba(0,0,0, 0.3);
  width:100%;
  position: relative;
}


#home .vcenter-container {
  table-layout: fixed;
}

.home-text-slider {
  font:100px/1 'latobold', Verdana, sans-serif;
  color:#fff;
  text-transform: capitalize;
  width:100%;
  text-align:center;
}

.home-text-slider .text > span {
  display:inline-block;
  padding:10px 0;
  border-top:4px solid #fff;
  border-bottom:4px solid #fff;
}

.text-icon {
  font-size:0.9em;
  display:inline-block;
}

.home-text-slider.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin:5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
}

.home-text-slider.owl-theme .owl-controls .owl-page.active span,
.home-text-slider.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #f8d61b;
}

.home-text-slider.owl-theme .owl-controls {
  position: absolute;
  bottom:-50px;
  left:0;
  width:100%;
  margin:0;
  padding:0;
}

/* Home Flex slider */
.home-top-text {
  font:52px/1 'dancing_scriptbold', Verdana;
  margin-bottom:10px;
  text-align: center;
}

.home-flex-slider {
  text-align:center;
  font:64px/1 'latoregular', Verdana, sans-serif;
  text-transform: uppercase;
}

.home-flex-slider li > p {
  padding:10px 0;
  margin:0;
}

/* General scroll to btn*/
.scrollto-btn{
  position:absolute;
  bottom:40px;
  left:50%;
  display:block;
  z-index:100;
  color:#fff;
  width:50px;
  height:50px;
  margin-left:-24px;
  font-size:24px;
  text-align:center;
  line-height:46px;
  border:2px solid #fff;border-radius:50%;
  -webkit-animation-name:bounce;
  animation-name:bounce;
  -webkit-animation-duration:1.6s;
  animation-duration:1.6s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
}

.section-bg .scrollto-btn:hover,
.section-bg .scrollto-btn:focus {
  color:#fff;
  border-color:#fff;
}

.typed-heading {
  font:700 70px/1 'latoblack', Verdana;
  color:#fff;
}

/* ======================================
===================== 6. Header / Nav  */

#header {
  width:100%;
}

.boxed #header,
.boxed-long #header {
  width:auto;
}

#header.transparent {
  position: absolute;
  padding-top:25px;
}

#header .navbar {
  font: 16px/1.5 'latoregular', Verdana, sans-serif;
}

/* Bootstrap navbar related styles overwriting */
.navbar {
  border:none;
  margin:0;
  z-index:999;
  padding:2.5px 0;
}

.navbar-transparent .navbar-nav>li:last-child a {
  padding-right:0;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}

.navbar-collapse {
  padding-left:0;
  padding-right:0;
}

@media (max-width:767px) {
  .navbar-collapse {
    padding-left:15px;
    padding-right:15px;
  }

  .boxed #header,
  .boxed-long #header {
    width:100%;
  }

}

.navbar-fixed-top,
.navbar-fixed-bottom {
  border:none !important; /* clear all borders for fixed*/
}

.boxed .navbar-fixed-top, 
.boxed .navbar-fixed-bottom,
.boxed-long .navbar-fixed-top, 
.boxed-long .navbar-fixed-bottom {
  left:auto;
  right:auto;
}

.navbar-header {
  position:relative;
}

.navbar-brand {
  height: 65px;
  padding: 18px 20px 18px 15px;
  font-size: 40px;
  line-height: 29px;
  font-family:  'latobold', sans-serif;
}

.navbar-brand.navbar-brand-img {
  padding:0;
}

.navbar .navbar-brand,
.navbar.navbar-fixed-top .navbar-brand,
.navbar.navbar-fixed-bottom .navbar-brand {
  padding:5px 0;
}

.navbar-transparent .navbar-brand,
.navbar-transparent .navbar-brand {
  padding:0;
}

/* to make logo visibility better used 2 logo for transparent header's logo */
.navbar-transparent .logo-fixed,
.navbar-transparent .logo-fixed,
.navbar-transparent.navbar-fixed-top .logo-white,
.navbar-transparent.navbar-fixed-bottom .logo-white {
  display:none;
}

.navbar-transparent.navbar-fixed-top .logo-fixed,
.navbar-transparent.navbar-fixed-bottom .logo-fixed {
  display:block;
}

.fixed-animated {
  -webkit-animation-name: fixedHeader;
  animation-name: fixedHeader;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
   -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
}

@-webkit-keyframes fixedHeader {
  0% {
    opacity: 0;
    transform:rotateX(100deg);
    -webkit-transform:rotateX(100deg);
    -moz-transform:rotateX(100deg);
    -ms-transform:rotateX(100deg);
    -o-transform:rotateX(100deg);
  }

  100% {
    opacity: 1;
    transform:rotateX(0);
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -o-transform:rotateX(0);
    -ms-transform:rotateX(0);
  }
}

@keyframes fixedHeader {
  0% {
    opacity: 0;
    transform:rotateX(100deg);
    -webkit-transform:rotateX(100deg);
    -moz-transform:rotateX(100deg);
    -ms-transform:rotateX(100deg);
    -o-transform:rotateX(100deg);
  }

  100% {
    opacity: 1;
    transform:rotateX(0);
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -o-transform:rotateX(0);
    -ms-transform:rotateX(0);
  }
}

.navbar-brand.navbar-brand-img img {
  height:100%;
  width:auto;
}

.navbar-toggle {
  margin-top: 15.5px;
  margin-bottom: 15.5px;
  border-radius: 0;
}

.navbar-transparent.navbar-default .navbar-toggle {
  border-color:#fff;
}

.navbar-transparent.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-transparent.navbar-default .navbar-toggle:hover,
.navbar-transparent.navbar-default .navbar-toggle:focus {
  background-color:#fff;
  border-color:#fff;
}

.navbar-transparent.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-transparent.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #dbdbdb;
} 

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.navbar-nav .dropdown-menu {
  min-width: 190px;
  padding:0;
  margin:0;
  font-size: 1em;
  line-height:1.5;
  list-style: none;
  background-clip: padding-box;
  border: none;
  border-radius: 0;

}

.navbar-nav .dropdown-menu > li > a {
  padding: 9px 20px;
  line-height: 1.5;
  white-space: nowrap;
}

.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
  text-decoration: none;
}

@media (min-width: 768px) and (max-width: 979px) {
  
  .nav > li > a {
    padding-left:10px;
    padding-right:10px,;
  }

}

@media (min-width: 768px) {

  .navbar-nav > li > a {
    padding-top: 22.5px;
    padding-bottom: 22.5px;
  }

  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }

}

.navbar-form {
  margin-top: 15.5px;
  margin-bottom: 15.5px;
}

.navbar-default.navbar-transparent {
  background-color: transparent;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.no-shadow .navbar-default {
  box-shadow:none;
  -webkit-box-shadow:none;
}

.navbar-default.navbar-transparent.navbar-fixed-top {
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow:0 3px 6px rgba(0,0,0, 0.12);
  -webkit-box-shadow:0 3px 6px rgba(0,0,0, 0.12);
}

/* Shadows for light */
.navbar-default {
  box-shadow: 0 3px 5px rgba(0,0,0, 0.15);
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0, 0.15);
  background-color: rgba(255, 255, 255, 0.96);
}

.navbar-fixed-bottom.navbar-default {
  box-shadow: 0 -3px 5px rgba(0,0,0, 0.15);
  -webkit-box-shadow: 0 -3px 5px rgba(0,0,0, 0.15);
  background-color: rgba(255, 255, 255, 0.96);
}

.navbar-fixed-top.navbar-default .dropdown .dropdown-menu,
.navbar-default .dropdown .dropdown-menu {
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.navbar-fixed-bottom.navbar-default .dropdown .dropdown-menu{
  margin-bottom:0;
  -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.15);
  background-color: rgba(255, 255, 255, 0.96);
}

.navbar-default .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.96);
}

.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > .active > a {
  color: #1bc4f5;
  background-color: transparent;
}


.navbar-default .dropdown-menu > .active > a:hover,
.navbar-default .dropdown-menu > .active > a:focus {
  color: #088bb2;
  background-color: transparent;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #1bc4f5;
}

.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a {
  color: #4e4e4e;
}

.navbar-default.navbar-transparent .navbar-text,
.navbar-default.navbar-transparent .navbar-nav > li > a {
  color: #fff;
}

.navbar-default.navbar-transparent.navbar-fixed-top .navbar-text,
.navbar-default.navbar-transparent.navbar-fixed-top .navbar-nav > li > a,
.navbar-default.navbar-transparent.navbar-fixed-bottom .navbar-text,
.navbar-default.navbar-transparent.navbar-fixed-bottom .navbar-nav > li > a {
  color: #4e4e4e;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default.navbar-transparent.navbar-fixed-top .navbar-nav > li > a:hover,
.navbar-default.navbar-transparent.navbar-fixed-top .navbar-nav > li > a:focus,
.navbar-default.navbar-transparent.navbar-fixed-bottom .navbar-nav > li > a:hover,
.navbar-default.navbar-transparent.navbar-fixed-bottom .navbar-nav > li > a:focus {
  color: #1bc4f5;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #1bc4f5;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default.navbar-transparent .navbar-nav > .active > a,
.navbar-default.navbar-transparent .navbar-nav > .active > a:hover,
.navbar-default.navbar-transparent .navbar-nav > .active > a:focus,
.navbar-default.navbar-transparent.navbar-fixed-top .navbar-nav > .active > a,
.navbar-default.navbar-transparent.navbar-fixed-top .navbar-nav > .active > a:hover,
.navbar-default.navbar-transparent.navbar-fixed-top .navbar-nav > .active > a:focus {
  color: #1bc4f5;
  background-color: transparent;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #cacaca;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f1f1f1;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #bababa;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #1bc4f5;
  background-color: transparent;
}

@media (max-width: 767px) {

  .navbar-brand {
    margin-left:15px;
  }

  .navbar-nav .open .dropdown-menu>li>a, 
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding-top:6.5px;
    padding-bottom:6.5px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu {
    box-shadow:none;
    -webkit-box-shadow:none;
  }

  .navbar-transparent .navbar-collapse {
    background-color: rgba(255, 255, 255, 0.96);
  }

  .navbar-transparent .navbar-brand, 
  .navbar-transparent .navbar-brand {
    padding:5px 0;
  }

  .navbar-transparent.navbar-default .navbar-toggle {
    border-color:#eaeaea;
  }

  .navbar-transparent.navbar-default .navbar-toggle:hover,
  .navbar-transparent.navbar-default .navbar-toggle:focus {
    border-color:#eaeaea;
  }

  .navbar-transparent.navbar-default .navbar-toggle .icon-bar {
    background-color: #eaeaea;
  }

  .navbar-default.navbar-transparent .navbar-text, 
  .navbar-default.navbar-transparent .navbar-nav > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #4e4e4e;
    background-color:transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #1bc4f5;
    transition:color 0.3s;
    -webkit-transition:color 0.3s;
    -moz-transition:color 0.3s;
    -ms-transition:color 0.3s;
    -o-transition:color 0.3s;
    background-color:transparent;
  }
  
  .navbar .sm-separator {
    margin-left:0;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #1bc4f5;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
  }
}

.navbar-default .navbar-link {
  color: #4e4e4e;
}

.navbar-default .navbar-link:hover {
  color: #1bc4f5;
}


/* shadows for inverse/dark */
.navbar-inverse {
  box-shadow: 0 3px 5px rgba(0,0,0, 0.25);
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0, 0.25);
  background-color: rgba(15, 15, 15, 0.92);
}

.navbar-inverse.more-transparent.navbar-fixed-top,
.navbar-inverse.more-transparent.navbar-fixed-bottom {
  background-color: rgba(15,15,15, 0.65);
}

.navbar-fixed-bottom.navbar-inverse {
  box-shadow: 0 -3px 5px rgba(0,0,0, 0.25);
  -webkit-box-shadow: 0 -3px 5px rgba(0,0,0, 0.25);
}

.navbar-inverse.navbar-transparent {
  background-color: transparent;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.navbar-inverse.navbar-transparent.navbar-fixed-top {
  box-shadow: 0 3px 5px rgba(0,0,0, 0.25);
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0, 0.25);
  background-color: rgba(15, 15, 15, 0.92);
}

.navbar-inverse.navbar-transparent.navbar-fixed-bottom {
  box-shadow: 0 3px 5px rgba(0,0,0, 0.25);
  box-shadow: 0 -3px 5px rgba(0,0,0, 0.25);
  -webkit-box-shadow: 0 -3px 5px rgba(0,0,0, 0.25);
}

.navbar-fixed-top.navbar-inverse .dropdown .dropdown-menu,
.navbar-inverse .dropdown .dropdown-menu {
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.60);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.60);
    background-color: rgba(15, 15, 15, 0.92);
}

.navbar-fixed-top.navbar-inverse.more-transparent .dropdown .dropdown-menu,
.navbar-fixed-bottom.navbar-inverse.more-transparent .dropdown .dropdown-menu  {
  background-color: rgba(15,15,15, 0.65);
}

.navbar-fixed-bottom.navbar-inverse .dropdown .dropdown-menu {
  margin-bottom:2.5px;
  -webkit-box-shadow: 0 -5px 9px rgba(0, 0, 0, 0.60);
  box-shadow: 0 -5px 9px rgba(0, 0, 0, 0.60);
}

.navbar-inverse .dropdown-menu {
  background-color: rgba(25, 25, 25, 0.96);
}

.navbar-inverse .dropdown-menu > li > a {
  color: #aeaeae;
}

.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .dropdown-menu > .active > a,
.navbar-inverse .dropdown-menu > .active > a:hover,
.navbar-inverse .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-brand {
  color: #aeaeae;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background: transparent;
}

.navbar-inverse .navbar-text {
  color: #888;
}
.navbar-inverse .navbar-nav > li > a {
  color: #aaa;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #888;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #5a5a5a;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #2e2e2e;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #5a5a5a;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: transparent;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu {
    box-shadow:none;
    -webkit-box-shadow:none;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #aeaeae;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #aaa;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #aeaeae;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    transition:color 0.5s;
    -webkit-transition:color 0.5s;
    -moz-transition:color 0.5s;
    -ms-transition:color 0.5s;
    -o-transition:color 0.5s;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: rgba(0,0,0, 0.1);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #aaa;
}
.navbar-inverse .navbar-link:hover {
  color: #5DC8CD;
}



/* ======================================
================= 7.Owl Carousel Styles v1.3.3  */
/* ----------------------------------- */

.carousel-container {
  position: relative;
  overflow:hidden;
}

/* all carousel images 100% responsive */
.carousel-container img {
  width:100%;
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer{
  position: relative;
  width: 100%;
  overflow: hidden;
}

.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}

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

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

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

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

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.grabbing { 
    cursor:move;
}

.owl-theme .owl-controls{
  margin-top: 25px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  width:36px;
  height:36px;
  font-size: 26px;
  line-height:35px;
  border-radius: 50%;
  background: #f8d61b;
  margin:0 5px;
  text-align: center;
}

.valign .owl-theme .owl-controls .owl-buttons {
  position: absolute;
  left:0;
  right:0;
  top:50%;
  margin-top:-24px;
  
}

.valign .owl-theme .owl-controls .owl-buttons div {
  width:48px;
  height:48px;
  font-size: 26px;
  line-height:44px;
  background-color: transparent;
  border:2px solid #fff;
}

.valign .owl-theme .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  left:10px;
}

.valign .owl-theme .owl-controls .owl-buttons .owl-next {
  position: absolute;
  right:10px;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
  background: #f0cf18;
}

.owl-theme .owl-controls.clickable .owl-buttons div:focus,
.owl-theme .owl-controls.clickable .owl-buttons div:active {
  background: #f8d61b;
}

.valign .owl-theme .owl-controls.clickable .owl-buttons div:hover,
.valign .owl-theme .owl-controls.clickable .owl-buttons div:focus,
.valign .owl-theme .owl-controls.clickable .owl-buttons div:active {
  border-color: #f8d61b;
  color: #f8d61b;
  background-color: transparent;
}


/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin:5px 6px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #d1d1d1;
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -ms-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #aeaeae;
}

/* If PaginationNumbers is true */
.owl-pagination {
  line-height:0;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
  min-height: 200px;
  background: url('../images/loader.gif') no-repeat center center
}



/* ======================================
===================== 8. #AboutUs Section  */

#aboutus.section-bg {
  background-image: url('../images/backgrounds/background1.jpg');
}

.member {
  position: relative;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  margin-bottom:80px;
}

.member-wrapper {
  -webkit-transition: -webkit-transform 0.75s, -webkit-box-shadow 1s;
  -moz-transition: -moz-transform 0.75s, -moz-box-shadow 1s;
  -o-transition: -o-transform 0.75s, -o-box-shadow 1s;
  transition: transform 0.75s, box-shadow 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

.left .member-wrapper {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

.right .member-wrapper {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  width:100%;
  height:100%;
}

.back {
  position: absolute;
  left:0;
  top:0;
  background: #6c00ab;
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
  padding:20px;
}


.section-content .back {
  background: rgba(255, 255, 255, 0.66);
}

.member:hover .member-wrapper {
  box-shadow:0 4px 18px rgba(0,0,0, 0.16);
  -webkit-box-shadow:0 4px 18px rgba(0,0,0, 0.16);
}

.member.left:hover .member-wrapper {
  -webkit-transform: translateX( -100% ) rotateY( -180deg );
  -moz-transform: translateX( -100% ) rotateY( -180deg );
  -o-transform: translateX( -100% ) rotateY( -180deg );
  transform: translateX( -100% ) rotateY( -180deg );
  
}

.member.right:hover .member-wrapper {
  -webkit-transform: translateX( 100% ) rotateY( 180deg );
  -moz-transform: translateX( 100% ) rotateY( 180deg );
  -o-transform: translateX( 100% ) rotateY( 180deg );
  transform: translateX( 100% ) rotateY( 180deg );
}

/* ie9 fix */
.ie9 .back {
  visibility:hidden;
}
.ie9 .member:hover .back {
  visibility:visible;
}

/* fix ie 10+ via media */
@media screen and (min-width:0\0) {

  .member.left:hover .member-wrapper .back,
  .member.right:hover .member-wrapper .back {
    transform: rotateY(-180deg);
    backface-visibility: visible;
  }

}

.member h2 {
  font-size:1.9em;
  margin-bottom:7px;
  color:#fff;
}

.member p {
  font-size:1.15em;
  margin-bottom:15px;
  color:#fff;
}

.section-content .member hr{
  border-top-color:rgba(255, 255, 255, 0.72);
  border-bottom:1px solid rgba(0,0,0, 0.08);
}

.member-second {
  position: relative;
}

.member-second:before,
.member-second:after {
  content:'';
  position: absolute;
  width:0;
  height: 0;
  border-style: solid;
  z-index:2;
  transition:border 0.4s ease;
  -webkit-transition:border 0.4s ease;
}

.member:before {
  top:0;
  right:0;
  border-width: 0 80px 80px 0;
  border-color: transparent #fff transparent transparent;
}

.member:after {
  bottom:0;
  left:0;
  border-width: 80px 0 0 80px;
  border-color: transparent transparent transparent #fff;
}

.greybg .member:before {
  border-color: transparent #f4f4f4 transparent transparent;
}

.greybg .member:after {
  border-color: transparent transparent transparent #f4f4f4;
}

.member-overlay {
  position: absolute;
  z-index:1;
  left:0;
  top:0;
  width: 100%;
  height:100%;
  background: rgba(255,255,255, 0.8);
  padding:20px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  visibility: hidden;
  opacity:0;
}

.member-second figure {
  overflow:hidden;
}

.member-second figure img {
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.member-overlay hr {
  border-top-color:#bbb;
  margin-top:1.2em;
  margin-bottom:1.3em;
}

.member-overlay .social-icons-container li a {
  color:#999;
  border-color:#999;
}

.member.member-second h2 {
  font-size:1.6em;
  margin-bottom:12px;
}

.member.member-second p {
  font-size:1.1em;
  margin-bottom:5px;
}

.member.member-second:hover .member-overlay {
  visibility: visible;
  opacity:1;
}

.member.member-second:hover figure img {
  transform:scale(1.12) rotate(3deg);
  -webkit-transform:scale(1.18) rotate(3deg);
  -ms-transform:scale(1.12) rotate(3deg);
}

.member.member-second:hover:before {
  border-width: 0 40px 40px 0;
}

.member.member-second:hover:after {
  border-width: 40px 0 0 40px;
}


/*  
  to prevent animation overflow wrapper with this class 
  and added some top padding to make bouncy animation smooth
*/
.img-container {
  overflow: hidden;
  padding-top:50px;
}

.img-container.small {
  padding-top:40px;
}


/* ======================================
============ 9. Skills Section/ Parallax  */

.skills-container {
  background-image: url('../images/skillsbg.jpg');
}

.skills-container.background-new {
  background-image: url('../images/backgrounds/background20.jpg');
}

.circle-progress-container {
  text-align: center;
}

.progress-title {
  font-size:1.3em;
  color:#fff;
  margin-top:20px;
  font-family: 'open_sansregular', Verdana, sans-serif;
  text-transform: capitalize;
}



/* ======================================
================== 10. #Services Section  */

#services.section-bg {
  background-image: url('../images/backgrounds/background9.jpg');
}

#services.section {
  padding-bottom:120px;
}

.service {
  text-align: center;
  margin-bottom:60px;
}

.service h2 {
  font-size:1.8em;
}

.service.box h2 {
  font-size:1.6em;
  margin-bottom: 16px;
}

.service.box p {
  margin-bottom: 10px;
}

.service .service-icon {
  display: inline-block;
  margin-bottom: 20px;
  height: 68px;
  line-height:68px;
  width:68px;
  text-align: center;
  color:#fff;
  border-radius:50%;
  font-size:1.9em;
  transition:transform 0.4s ease;
  -webkit-transition:-webkit-transform 0.4s ease;
  -moz-transition:-moz-transform 0.4s ease;
  -ms-transition:-ms-transform 0.4s ease;
  -o-transition:-otransform 0.4s ease;
}

.service:hover .service-icon {
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}


/* ======================================
============ 11. Countto Section/ Parallax  */

.countto-container {
  background-image: url('../images/countbg.jpg');
}

.countto-container.background-new {
  background-image: url('../images/backgrounds/background17.jpg');
}

.countto-container .parallax-content {
  padding:120px 0;
}

.overlaybg {
  position: absolute;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0, 0.3);
  z-index:0;
  top:0;
  left:0;
}

.overlaybg.overlay-pattern1,
.overlaybg.overlay-pattern2,
.overlaybg.overlay-pattern3,
.overlaybg.overlay-pattern4,
.overlaybg.overlay-pattern5,
.overlaybg.overlay-pattern6 {
  background-color: transparent;
}

.overlay-pattern1 {
  background-image: url('../images/overlay/1.png');
  background-repeat: repeat;
}

.overlay-pattern2 {
  background-image: url('../images/overlay/2.png');
  background-repeat: repeat;
}

.overlay-pattern3 {
  background-image: url('../images/overlay/3.png');
  background-repeat: repeat;
}

.overlay-pattern4 {
  background-image: url('../images/overlay/4.png');
  background-repeat: repeat;
}

.overlay-pattern5 {
  background-image: url('../images/overlay/5.png');
  background-repeat: repeat;
}

.overlay-pattern6 {
  background-image: url('../images/overlay/6.png');
  background-repeat: repeat;
}

.overlaybg.yellow {
  background-color: rgba(248, 214, 27, 0.25);
}

.overlaybg.orange {
  background-color: rgba(244, 157, 20, 0.25);
}

.overlaybg.red {
  background-color: rgba(201, 14, 49, 0.25);
}

.overlaybg.lightblue {
  background-color: rgba(27, 196, 245, 0.25);
}

.overlaybg.blue {
  background-color: rgba(30, 83, 216, 0.25);
}

.overlaybg.lightgreen {
  background-color: rgba(9, 211, 61, 0.25);
}

.overlaybg.green {
  background-color: rgba(11, 154, 11, 0.25);
}

.overlaybg.purple {
  background-color: rgba(127, 1, 200, 0.25);
}


.count-container,
.count-container h3 {
  color:#fff;
  text-align: center;
}

.count {
  font-size:3em;
  font-family: 'open_sansregular', sans-serif;
}

.count-container h3 {
  font-size:1.7em;
  margin:25px 0 0;
  font-family: 'latobold', sans-serif;
  position: relative;
}

.count-container h3.fancy {
  font-size:2.2em;
  font-family: 'dancing_scriptbold', Verdana, sans-serif
}

.count-container h3:after {
  content: '';
  display:block;
  width:30px;
  height:2px;
  position: absolute;
  top:-16px;
  left:50%;
  margin-left:-15px;
  background: #f0cf18;
}

.count-container h3 > span,
.count-container h3.fancy > span {
  display:block;
  font-size:0.85em;
  margin-top:10px;
  font-family: 'latolight', sans-serif;
}

.count-container h3.fancy > span  {
  font-size:0.65em;
}


/* ======================================
=================== 12. Portfolio Section  */

#portfolio.section-bg,
#portfolio.padding-bottom {
  padding-bottom:120px;
}

#portfolio.section-bg {
  background-image: url('../images/backgrounds/background7.jpg');
}

/* ajax content will be loaded in here */
#portfolio-single-content {
  display:none;
}

#portfolio-single-content .single-portfolio {
  padding:80px 0;
}

#portfolio-single-content .portfolio-close {
  top:-2px;
}

#portfolio-filter {
  font-size:0;
  margin-bottom:40px;
}
#portfolio-filter li {
  display:inline-block;
}

#portfolio-filter li a {
  display:inline-block;
  font-size:15px;
  padding:10px 22px;
  border:1px solid #dbdbdb;
  border-left:none;
  color:#5a5a5a;
  margin:0 0 10px;
  transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
  -ms-transition:all 0.4s ease;
  -o-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
}

#portfolio-filter.light li a {
  color:#fff;
}

#portfolio-filter li:first-child a {
  border-left:1px solid #dbdbdb;
  border-radius:6px 0 0 6px;
}

#portfolio-filter li:last-child a {
  border-radius:0 6px 6px 0;
}

#portfolio-filter li a:hover,
#portfolio-filter li a:focus,
#portfolio-filter li a.active {
  color:#fff;
  background: #f8d61b;
  border-color:#f8d61b;
}

#portfolio-wrapper {
  width:100%;
  overflow:hidden;
}

#portfolio-item-container {
  margin-bottom: 0;
}

#portfolio-item-container li.portfolio-item {
  width:33.333333%;
  float:left;
  text-align:center;
  overflow:hidden;
}

.portfolio-item.animate-item {
  opacity:0;
  filter:alpha(opacity=0);
}

.ie9 .portfolio-item.animate-item {
  filter: alpha(opacity=100);
  opacity:1;
}

.portfolio-item-wrapper {
  position: relative;
  perspective:600px;
  -webkit-perspective:600px;
  overflow:hidden;
}

.portfolio-item img {
  width:100%;
  display:block;
  height:auto;
}

.portfolio-overlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.97);
  color:#fff;
  width:100%;
  height:100%;
  padding:0 20px;
  /*  fix for firefox 3d animation edge bug */
  outline: 1px solid transparent;
}

.portfolio-overlay.yellowbg .portfolio-tags a,
.yellowbg .portfolio-overlay .portfolio-tags a,
.portfolio-overlay.yellowbg .open-btn:hover,
.yellowbg .portfolio-overlay .open-btn:hover,
.portfolio-overlay.yellowbg .zoom-btn:hover,
.yellowbg .portfolio-overlay .zoom-btn:hover {
  background: rgba(248, 214, 27, 0.95);
}

.portfolio-overlay.orangebg .portfolio-tags a,
.orangebg .portfolio-overlay  .portfolio-tags a,
.portfolio-overlay.orangebg .open-btn:hover,
.orangebg .portfolio-overlay .open-btn:hover,
.portfolio-overlay.orangebg .zoom-btn:hover,
.orangebg .portfolio-overlay .zoom-btn:hover {
  background: rgba(244, 157, 20, 0.95);
}

.portfolio-overlay.redbg .portfolio-tags a,
.redbg .portfolio-overlay .portfolio-tags a,
.portfolio-overlay.redbg .open-btn:hover,
.redbg .portfolio-overlay .open-btn:hover,
.portfolio-overlay.redbg .zoom-btn:hover,
.redbg .portfolio-overlay .zoom-btn:hover {
  background: rgba(201, 14, 49, 0.95);
}

.portfolio-overlay.lightbluebg .portfolio-tags a,
.lightbluebg .portfolio-overlay .portfolio-tags a,
.portfolio-overlay.lightbluebg .open-btn:hover,
.lightbluebg .portfolio-overlay .open-btn:hover,
.portfolio-overlay.lightbluebg .zoom-btn:hover,
.lightbluebg .portfolio-overlay .zoom-btn:hover {
  background: rgba(27, 196, 245, 0.95);
}

.portfolio-overlay.bluebg .portfolio-tags a,
.bluebg .portfolio-overlay .portfolio-tags a,
.portfolio-overlay.bluebg .open-btn:hover,
.bluebg .portfolio-overlay .open-btn:hover,
.portfolio-overlay.bluebg .zoom-btn:hover,
.bluebg .portfolio-overlay .zoom-btn:hover {
  background: rgba(30, 83, 216, 0.95);
}

.portfolio-overlay.lightgreenbg .portfolio-tags a,
.lightgreenbg .portfolio-overlay .portfolio-tags a,
.portfolio-overlay.lightgreenbg .open-btn:hover,
.lightgreenbg .portfolio-overlay .open-btn:hover,
.portfolio-overlay.lightgreenbg .zoom-btn:hover,
.lightgreenbg .portfolio-overlay .zoom-btn:hover {
  background: rgba(9, 211, 61, 0.95);
}

.portfolio-overlay.greenbg .portfolio-tags a,
.greenbg .portfolio-overlay .portfolio-tags a,
.portfolio-overlay.greenbg .open-btn:hover,
.greenbg .portfolio-overlay .open-btn:hover,
.portfolio-overlay.greenbg .zoom-btn:hover,
.greenbg .portfolio-overlay .zoom-btn:hover {
  background: rgba(11, 154, 11, 0.95);
}

.portfolio-overlay.purplebg .portfolio-tags a,
.purplebg .portfolio-overlay .portfolio-tags a,
.portfolio-overlay.purplebg .open-btn:hover,
.purplebg .portfolio-overlay .open-btn:hover,
.portfolio-overlay.purplebg .zoom-btn:hover,
.purplebg .portfolio-overlay .zoom-btn:hover  {
  background: rgba(127, 1, 200, 0.95);
}

.ie9 .portfolio-overlay {
  opacity:0;
  filter:alpha(opacity=0);
}

.portfolio-item.active:before {
  content:'';
  display:block;
  position: absolute;
  width:100%;
  height:100%;
  line-height:100%;
  z-index:888;
  left:0;
  top:0;
  box-shadow:inset  0 0 0 12px rgba(255, 255, 255, 0.46);
  -webkit-box-shadow:inset  0 0 0 12px rgba(255, 255, 255, 0.46);
}

.portfolio-item.active .portfolio-overlay {
  display:none !important;
}

.ie9 .portfolio-item:hover .portfolio-overlay {
  opacity:1;
  filter:alpha(opacity=100);
  visibility: visible !important;
}

.open-btn,
.zoom-btn {
  display:inline-block;
  width:68px;
  height:68px;
  border-radius:50%;
  background: rgba(0,0,0, 0.05);
  transition:background-color 0.35s ease;
  -webkit-transition:background-color 0.35s ease;
  -ms-transition:background-color 0.35s ease;
  -moz-transition:background-color 0.35s ease;
  -o-transition:background-color 0.35s ease;
  margin-bottom:8px;
  text-align: center;
  position: relative;
}

.open-btn:after,
.zoom-btn:after {
  content:'+';
  display:block;
  width:100%;
  font:66px/72px 'latohairline', Arial, sans-serif;
  color:#9a9a9a;
  position: absolute;
  left:0;
  top:50%;
  margin-top:-34px;
}

.open-btn:hover:after,
.zoom-btn:hover:after {
  color:#fff;
}

.portfolio-title {
  font:400 23px/1 'latoregular', Verdana, sans-serif;
  color:#2a2a2a;
  margin-bottom:14px;
}

.section-content .portfolio-title {
  color:#fff;
}

.single-portfolio .portfolio-title {
  font-size:36px;
  margin-bottom:25px;
}

.portfolio-title a {
  color:#2a2a2a;
}

.portfolio-title a:hover {
  color:#000;
}

.portfolio-item .portfolio-tags {
  font-size:0;
  margin:0;
  text-transform: capitalize;
}

.portfolio-item .portfolio-tags a {
  font-size:12px;
  display:inline-block;
  padding:3px 7px;
  border-radius:3px;
  color:#fff;
  margin:0 3px 4px;
}

.portfolio-item .portfolio-tags a:hover {
  color:#f1f1f1;
}

.single-portfolio {
  position: relative;
}

.single-portfolio .col-md-7 {
  padding-right:30px;
}

.portfolio-details-list li {
  padding:3px 0;
}

.portfolio-details-list li > span {
  font-weight: bold;
  margin-right:10px;
}

.single-portfolio .col-md-12,
.single-portfolio .col-md-5 {
  position: static;
}

.portfolio-close {
  display:inline-block;
  width:44px;
  height:44px;
  line-height: 38px;
  text-align: center;
  border:2px solid #cecece;
  font-size:22px;
  border-radius: 50%;
  color:#cecece;
  position: absolute;
  left:50%;
  top:-80px;
  margin-left:-22px;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
}

.section-bg .portfolio-close {
  border-color:#fff;
  color:#fff;
}

.portfolio-close:hover {
  color:#f8d61b;
  border-color: #f8d61b;
}

.slider-thumb-nav .owl-item {
  padding:0 4px;
  cursor: pointer;
}

.row-special {
  margin-left:-3px;
  margin-right:-3px;
}

.single-portfolio-slider .owl-item {
  padding:0 1px;
}

.single-portfolio-slider {
  margin-bottom:6px;
}

.single-portfolio-slider.owl-theme .owl-controls {
  margin-top:0;
}

.single-portfolio-slider .owl-pagination {
  position: absolute;
  bottom:20px;
  left:0;
  right:0;
}

.single-portfolio-slider.owl-theme .owl-controls .owl-page span {
  background: #fff;
}

.single-portfolio-slider.owl-theme .owl-controls .owl-page.active span,
.single-portfolio-slider.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #f8d61b;
}

.single-portfolio-slider img,
.slider-thumb-nav .owl-item img {
  border:1px solid #eaeaea;
}

.slider-thumb-nav .owl-item.active img {
  border-color:#f8d61b;
}


/* ======================================
============ 13. Testimonials Section/ Parallax  */

.testimonials-container {
  background-image: url('../images/testimonialsbg2.jpg');
}

.testimonials-container.background-new {
  background-image: url('../images/backgrounds/background19.jpg');
}

.testimonial {
  color:#fff;
  text-align: center;
  position: relative;
  padding:0 20px;
}

.testimonial:before,
.testimonial:after {
  font-family: 'FontAwesome';
  position: absolute;
  font-size:1.75em;
  line-height:1;
}

.testimonial:before {
  content: "\f10d";
  left:0;
  top:80px;
}

.testimonial:after {
  content: "\f10e";
  right:0;
  bottom:0;
}

.testimonial figure {
  display:block;
  text-align: center;
  margin-bottom:35px;
}

.testimonial figure img {
  display:inline-block;
  border-radius:50%;
  max-width:70px;
  margin-top:5px;
  box-shadow:0 0 0 4px rgba(255, 255, 2555, 0.24);
  -webkit-box-shadow:0 0 0 4px rgba(255, 255, 2555, 0.24);
}

.testimonial  p {
  font-size:16px;
}

.testimonial-owner {
  font-size:14px;
}

.testimonial-owner > span {
  color:#f8d61b;
}



/* ======================================
=================== 14. Blog Page/Section  */

#blog.section-bg {
  background-image: url('../images/backgrounds/background3.jpg');
}

#blog.section {
  padding-bottom:115px;
}

.article {
  position:relative;
  border:1px solid #dbdbdb;
  margin-bottom:80px;
  color:#5a5a5a;
  padding:25px 25px 10px;
  z-index:2;
  background-color: #fff;
  box-shadow:0 2px 16px rgba(0,0,0, 0.02);
  -webkit-box-shadow:0 2px 16px rgba(0,0,0, 0.02);
  border-radius:10px;
}

/* this is for the make animation smooth - stop flashy */
.article.wow {
  opacity:0;
}

.article.wow.animated {
  opacity:1;
}

.article:after,
.article:before {
  content:'';
  position: absolute;
  display:block;
  width:96%;
  height:8px;
  z-index:0;
  border:1px solid #dbdbdb;
  border-radius:0 0 6px 6px;
}

.article:before {
  width:98%;
  left:1%;
  z-index:1;
  bottom:-8px;
  background: #fefefe;
  box-shadow:0 2px 8px rgba(0,0,0, 0.04);
  -webkit-box-shadow:0 2px 8px rgba(0,0,0, 0.04);
}

.article:after {
  left:2%;
  bottom:-16px;
  border-top:none;
  background: #fdfdfd;
  box-shadow:0 2px 12px rgba(0,0,0, 0.04);
  -webkit-box-shadow:0 2px 12px rgba(0,0,0, 0.04);
}

.article-media-container {
  position: relative;

}

.article-media-container img {
  width:100%;
  display:block;
  height:auto;
}

.article-meta-container {
  position: relative;
  padding:30px 0 25px 0;
  border-top:6px solid #f1f1f1;
}

.article h2 {
  font-size:26px;
  color:#4e4e4e;
  line-height:1.2;
  margin-bottom:15px;
}

.article a {
  color:#4e4e4e;
}

.article-icon {
  display:block;
  width:60px;
  height:60px;
  position: absolute;
  left:50%;
  margin-left:-30px;
  top:-33px;
  border-radius:10px;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  color:#fff;
  text-align: center;
  font-size:24px;
  line-height:60px;
  background-color: #f1f1f1;
}

.article-icon i {
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
}

.readmore {
  font-weight: bold;
  color:#4a4a4a;
}

.article-meta {
  margin-bottom:0;
  padding-top:15px;
  border-top:1px solid #dedede;
}

.article-meta-box {
  float:left;
}

.article-meta-box > a,
.article-meta-box > span {
  font-weight: bold;
}

.article-meta-box.article-author {
  margin:0 15px 0;
}

.article-meta-box.article-comments{
  float:right;
}

.article-media-container.quote-container  {
  overflow: hidden;
  padding:15px 0 10px;
}

.article .carousel-control {
  color:#fff;
}

.yellow .article-meta-container {
  border-top-color: #f8d61b;
}

.yellow .carousel-control:hover {
  color:#f8d61b !important;
  border-color:#f8d61b;
}

.yellow.article a:hover {
  color:#f8d61b;
}

.yellow .article-icon {
  background-color: #f8d61b;
}

.lightblue .article-meta-container {
  border-top-color: #1bc4f5;
}

.lightblue .carousel-control:hover {
  color:#1bc4f5 !important;
  border-color:#1bc4f5;
}

.lightblue.article a:hover {
  color:#1bc4f5;
}

.lightblue .article-icon {
  background-color: #1bc4f5;
}

.red .article-meta-container {
  border-top-color: #c90e31;
}

.red .carousel-control:hover {
  color:#c90e31 !important;
  border-color:#c90e31;
}

.red.article a:hover {
  color:#c90e31;
}

.red .article-icon {
  background-color: #c90e31;
}

.orange .article-meta-container {
  border-top-color: #f49d14;
}

.orange .carousel-control:hover {
  color:#f49d14 !important;
  border-color:#f49d14;
}

.orange.article a:hover {
  color:#f49d14;
}

.orange .article-icon {
  background-color: #f49d14;
}

.blue .article-meta-container {
  border-top-color: #1e53d8;
}

.blue .carousel-control:hover {
  color:#1e53d8 !important;
  border-color:#1e53d8;
}

.blue.article a:hover {
  color:#1e53d8;
}

.blue .article-icon {
  background-color: #1e53d8;
}

.purple .article-meta-container {
  border-top-color: #6c00ab;
}

.purple .carousel-control:hover {
  color:#6c00ab !important;
  border-color:#6c00ab;
}

.purple.article a:hover {
  color:#6c00ab;
}

.purple .article-icon {
  background-color: #6c00ab;
}

.lightgreen .article-meta-container {
  border-top-color: #09d33d;
}

.lightgreen .carousel-control:hover {
  color:#09d33d !important;
  border-color:#09d33d;
}

.lightgreen.article a:hover {
  color:#09d33d;
}

.lightgreen .article-icon {
  background-color: #09d33d;
}

.green .article-meta-container {
  border-top-color: #0b9a0b;
}

.green .carousel-control:hover {
  color:#0b9a0b !important;
  border-color:#0b9a0b;
}

.green.article a:hover {
  color:#0b9a0b;
}

.green .article-icon {
  background-color: #0b9a0b;
}

/* Timeline */
.timeline-container {
  position: relative;
}

.timeline-container:after {
  content: '';
  position: absolute;
  left:50%;
  top:0;
  display:block;
  width:6px;
  height:100%;
  height: calc(100% - 120px);
  margin-left:-3px;
  background: #f5f5f5;
  z-index:0;
}

.timeline.left {
  padding-right:60px;
  clear:left;
}

.timeline.right {
  padding-left:60px;
}

.timeline.top {
  margin-top:60px;
}

.timeline-container .article {
  overflow: visible;
  z-index:1;
  margin-bottom:60px;
  background: #fefefe;
}

.timeline-container .article h2 {
  font-size:24px;
}

.timeline .article-icon {
  width:48px;
  height:48px;
  line-height: 48px;
  font-size:20px;
  top:-26px;
}

.timeline-date {
  display:block;
  max-width:200px;
  margin:20px auto 80px;
  text-align:center;
  background: #f5f5f5;
  color:#6e6e6e;
  font-size:18px;
  padding:9px 10px;
  border-radius: 8px;
  position: relative;
  z-index:10;
  text-transform: uppercase;
}

.timeline-date.first {
  margin-top:0;
}

.article-timeline-date {
  display:block;
  width:22px;
  height:22px;
  background: #fff;
  border:1px solid #dbdbdb;
  border-radius:50%;
  position: absolute;
  top:20px;
  z-index:100;
  /* fix for flickring */
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -otransition: all 0.3s;
  -ms-transition: all 0.3s;
}

.article-timeline-date:after {
  content:'';
  position: absolute;
  left:4px;
  top:4px;
  display:block;
  width:12px;
  height:12px;
  background: #dbdbdb;
  border-radius:50%;
}

.article-timeline-date:hover {
  border-color:#cacaca;
}

.article-timeline-date:hover:after {
  background: #cacaca;
}

.left .article-timeline-date {
  right:-72px;
}

.right .article-timeline-date {
  left:-72px;
}

.timeline .article-meta-box.article-author {
  margin-left:0;
}

.timeline .tooltip {
  white-space: nowrap;
}


/* Masonry Article / index14.html */
#blog-container {
  overflow: hidden;
}
#blog-container .article {
  padding:0 15px;
  border:none;
  margin-bottom:30px;
}

#blog-container .article-wrapper {
  background-color: #f9f9f9;
  box-shadow:0 3px 6px rgba(0,0,0, 0.1);
  -webkit-box-shadow:0 3px 6px rgba(0,0,0, 0.1);
}

.section.greybg .article {
  background-color: #f4f4f4;
}

#blog-container .article-meta-container {
  padding:25px 20px 20px;
}

#blog-container .quote-container + .article-meta-container {
  padding:0;
  margin-bottom:30px;
}

#blog-container .article:before,
#blog-container .article:after {
  display:none;

}

#blog-container .article-icon {
  width:48px;
  height:48px;
  top:-28px;
  line-height: 48px;
  font-size:18px;
}

#blog-container .article h2 {
  font:20px/1.2 'open_sanssemibold', Verdana, sans-serif;
  margin-bottom:15px;
}

#blog-container .readmore {
  font-weight: normal;
}

#blog-container blockquote p {
  margin-bottom: 10px;
}

#blog-container blockquote {
  font-size:1em;
  padding:5px 20px 0;
  border-left:none;
  margin-bottom: 15px;
}

#blog-container .carousel-control {
  width:32px;
  height:32px;
  margin-top:-16px;
  font-size:20px;
  line-height: 28px;
}

/* Sidebar */
.sidebar .widget {
  margin-bottom:60px;
}

.sidebar .widget-title {
  font-size:20px;
  text-transform: uppercase;
  margin-bottom:20px;
}

#widget-search .form-control {
  border-color:#dbdbdb;
}

#widget-search input[type="text"]:-moz-placeholder {
  color:#cecece;
}

#widget-search input[type="text"]::-moz-placeholder {
  color:#cecece;
}

#widget-search input[type="text"]:-ms-input-placeholder {
  color:#cecece;
}

#widget-search input[type="text"]::-webkit-input-placeholder {
  color:#cecece;
}

.categories li a {
  line-height:2;
  color:#3e4e3e;
}

.categories li a:hover{
  color:#1bc4f5;
}

.tagcloud {
  font-size:0;
}

.tagcloud a {
  display:inline-block;
  padding:7px 15px;
  background: #dbdbdb;
  color:#5a5a5a;
  border-radius: 6px;
  margin:0 8px 8px 0;
  font-size:14px;
  line-height: 1.5;
  transition:color 0s;
  -webkit-transition:color 0s;
  -moz-transition:color 0s;
  -ms-transition:color 0s;
  -o-transition:color 0s;
}

.tagcloud a:hover {
  color:#fafafa;
  background: #1bc4f5;
}

.sidebar-flickr-widget li {
    display:block;
    float:left;
    margin:0 8px 8px 0;
    padding:0;
    width:75px;
    height:75px;
    border-radius:6px;
    box-shadow:none;
    -webkit-box-shadow:none;
    overflow:hidden;
}

.sidebar-flickr-widget li a {
    display:block;
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:6px;
}

.sidebar-flickr-widget li a img {
  border-radius:6px;
  width: 100%;
}


/* Single blog post */
.single .article {
  margin-bottom:50px;
}

.single .article h3 {
  font-size:26px;
}

.single .article-tags {
  float:right;
}

.single .article-author,
.single .article-comments {
  margin:80px 0;
  padding:30px 25px 10px;
  position: relative;
  border:1px solid #dbdbdb;
  border-radius: 10px;
  box-shadow:0 2px 16px rgba(0,0,0, 0.02);
  -webkit-box-shadow:0 2px 16px rgba(0,0,0, 0.02);
}

.single .article-author:after,
.single .article-author:before,
.single .article-comments:after,
.single .article-comments:before  {
  content:'';
  position: absolute;
  display:block;
  width:96%;
  height:8px;
  z-index:0;
  border:1px solid #dbdbdb;
  border-radius:0 0 6px 6px;
}

.single .article-author:before,
.single .article-comments:before {
  width:98%;
  left:1%;
  z-index:1;
  bottom:-8px;
  background: #fefefe;
  box-shadow:0 2px 8px rgba(0,0,0, 0.04);
  -webkit-box-shadow:0 2px 8px rgba(0,0,0, 0.04);
}

.single .article-author:after,
.single .article-comments:after {
  left:2%;
  bottom:-16px;
  border-top:none;
  background: #fdfdfd;
  box-shadow:0 2px 12px rgba(0,0,0, 0.04);
  -webkit-box-shadow:0 2px 12px rgba(0,0,0, 0.04);
}

.single .article-author h4 {
  padding-bottom:15px;
  border-bottom:1px solid #dedede;
  font-size:26px;
}

.single .article-author h4,
.single .article-author p {
  margin-left:110px;
}

.single .article-author h4 a {
  color:#4e4e4e;
}

.single .article-author h4 a:hover {
  color:#f8d61b;
}

.single .article-author figure {
  float:left;
  margin-right:20px;
  width:90px;
}

.single .article-author figure img {
  border-radius: 8px;
}

.single .article-author .social-icons-container {
  position: absolute;
  right:30px;
  top:30px;
}

.article-comments h3 {
  font-size:28px;
  padding-bottom:20px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 30px;
}

.comments li p {
  margin-bottom: 0;
}

.comments li {
  margin-bottom:60px;
}

.comments li ul {
  margin-top:50px;
}

.comments li > ul {
  padding-left:30px;
  
}

.comments li > ul > ul {
  padding-left:60px;
}

.comment-content {
  position: relative;
  margin-left:110px;
}

.comment-content h5 {
  font-size:24px;
}

.comment figure {
  float:left;
  width:90px;
  margin-right:20px;
}

.comment figure img {
  border-radius: 50%;
}

.comment-reply {
  position: absolute;
  right:0;
  top:2px;
  font-size:14px;
}

.comment-reply > span {
  margin-left:8px;
}

#comment .textarea-container-lg textarea {
  font-size: 18px;
}



/* ======================================
============ 15. TwitterFeed Section/ Parallax  */

.twitterfeed-container {
  background-image: url('../images/twitterbg.jpg');
  color:#fff;
  text-align: center;
}

.twitterfeed-container.background-new {
  background-image: url('../images/backgrounds/background18.jpg');
}

.twitter-icon {
  display:inline-block;
  font-size:56px;
  line-height: 1;
  margin:5px 0 40px;
}
/* twitter feed plugin styles */
.twitter_feed .tweet_list {
  z-index:999;
}

.twitter_feed .tweet_list li {
  width:100%;
  text-align: center;
  font-size:16px;
}

.twitter_feed .tweet_list li:last-child{
  margin-bottom:0;
}

.twitter_feed .tweet_list .tweet_avatar {
  display:none;
  margin:5px 0 30px;
}

.twitter_feed .tweet_list .tweet_avatar  img {
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(255, 255, 2555, 0.24);
  -webkit-box-shadow:0 0 0 4px rgba(255, 255, 2555, 0.24);
}

.twitter_feed .tweet_list li a {
  color:#fff;
}

.twitter_feed .tweet_list li a:hover,
.twitter_feed .tweet_list .tweet_time a {
  color:#f8d61b;
}

.twitter_feed .tweet_list .tweet_time {
  display:block;
  font-size:14px;
  font-style:italic;
  margin-top:25px;
}


/* ======================================
=================== 16. #Contact Section  */

#contactus.section-bg {
  background-image: url('../images/backgrounds/background4.jpg');
}

#contactus.section {
  padding-bottom:115px;
}

#map-container {
  position: relative;
  overflow: hidden;
}

#map {
  height:500px;
}

.section-content #map {
  box-shadow:0 3px 16px rgba(0,0,0, 0.4);
  -webkit-box-shadow:0 3px 16px rgba(0,0,0, 0.4);
}

#map img {
  max-width:none;
}

#map .contact-info-list li > span {
  font-size:22px;
  margin-right:4px;
  position: relative;
  color:#f8d61b;
}

.contact-info-box  {
  padding:0 20px;
}

.contact-info-box h3 {
  font-size:1.7em;
  margin-bottom:30px;
}

.contact-info-box .contact-info-list li {
  margin-bottom:10px;
}

.contact-info-icon {
  display:inline-block;
  margin-bottom:20px;
  border-radius:50%;
  width:60px;
  height:60px;
  line-height:60px;
  text-align: center;
  font-size:28px;
  color:#fff;
}

.contact-info-box.box {
  min-height:245px;
}

.contact-info-box.box h3 {
  font-size:1.6em;
  margin-bottom:17px;
}

.contact-info-box.box .contact-info-icon {
  margin-bottom:17px;
}

/* contact form */
/* Added transparent background and z-index value to fix animated label's positioning */
/* Now it is clickable overthe labels*/
#contact-form .form-control {
  background-color: transparent;
  z-index:1;
  position: relative;
}

.form-group {
  position: relative;
  margin-bottom: 50px;
}

.animated-label {
  position:absolute;
  top:50%;
  left:20px;
  z-index:0;
  font-size:16px;
  line-height:1;
  margin-top:-8px;
  color:#aeaeae;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.form-group input:focus + .animated-label,
.form-group input:focus + label + .animated-label,
.form-group textarea:focus + .animated-label.textarea-label,
.form-group textarea:focus + label + .animated-label.textarea-label {
  left:0;
  color:#5a5a5a;
}

.form-group input:focus + .animated-label,
.form-group input:focus + label + .animated-label {
   top:-18px;
}

.form-group textarea:focus + .animated-label.textarea-label,
.form-group textarea:focus + label + .animated-label.textarea-label {
  top:-26px;
}

.section-bg .animated-label,
.section-bg .form-group input:focus + .animated-label,
.section-bg .form-group input:focus + label + .animated-label,
.section-bg .form-group textarea:focus + .animated-label.textarea-label,
.section-bg .form-group textarea:focus + label + .animated-label.textarea-label {
  color:#fff;
}

/* these not-empty class added via js to check empty or not 
if it is empty do not move back label*/
.animated-label.not-empty {
  top:-18px !important;
  left:0 !important;
}

.animated-label.textarea-label.not-empty{
  top:-26px !important;
  left:0 !important;
}

.animated-label.textarea-label {
  top:20px;
  margin-top:0;
}

label.error {
  position: absolute;
  bottom:100%;
  right:0;
  margin-bottom:4px;
  font-size:15px;
  color:#c90e31;
  font-weight: normal
}

.section-bg .form-control  {
  color:#fff;
}

textarea.fix-height {
  height:250px !important;
}

/* ======================================
================== 17. Social Media Icons  */

.social-icons-container {
  list-style-type:none;
  margin:0;
  padding:0;
}

.social-icons-container li {
  display:inline-block;
  margin:0 7.5px 10px;
}

.social-icons-container.small-icons li {
  margin:0 1.5px 3px;
}

.social-icons-container.small-icons li:first-child {
  margin-left:0;
}

.social-icons-container li a {
  display:inline-block;
  color:#bababa;
  border-radius:500px;
  border:2px solid #bababa;
  font-size:28px;
  width:56px;
  height:56px;
  line-height:54px;
  text-align: center;
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -ms-transition:all 0.4s;
  -o-transition:all 0.4s;
}

#footer .section-content .social-icons-container li a {
  color:#fff;
}

.social-icons-container.small-icons li a {
  font-size:14px;
  width:32px;
  height:32px;
  line-height:30px;
  text-align: center;
}

.facebook:hover {
  color:#3b5998 !important;
  border-color:#3b5998 !important;
}

.twitter:hover {
  color:#55acee !important;
  border-color:#55acee !important;
}

.googleplus:hover {
  color:#dd4b39 !important;
  border-color:#dd4b39 !important;
}

.dribbble:hover {
  color:#ea4c89 !important;
  border-color:#ea4c89 !important;
}

.linkedin:hover {
  color:#0e76a8 !important;
  border-color:#0e76a8 !important;
}

.skype:hover {
  color:#00aff0 !important;
  border-color:#00aff0 !important;
}

.youtube:hover {
  color:#c4302b !important;
  border-color:#c4302b !important;
}

.instagram:hover {
  color:#517fa4 !important;
  border-color:#34526f !important;
}

.flickr:hover {
  color:#ff0084 !important;
  border-color:#ff0084 !important;
}

.tumblr:hover {
  color:#34526f !important;
  border-color:#34526f !important;
}

.github:hover {
  color:#171515 !important;
  border-color:#171515 !important;
}

.parklink:hover {
  color:#fff !important;
  border-color:#fff !important;
}



/* ======================================
================== 18. Scroll Top Button  */

#scroll-top {
  position:fixed;
  bottom:40px;
  right:40px;
  display:block;
  visibility:hidden;
  cursor:pointer;
  z-index:999;
  width:1.9em;
  height:1.9em;
  line-height:1.9em;
  font-size:2em;
  border-radius:500px;
  opacity:0;
  background: transparent;
  border:2px solid #bababa;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  text-align:center;
  color:#bababa;
}

#scroll-top.light {
  color:#fff;
  border-color:#fff;
}

#scroll-top i {
  margin-left:-1px;
}

#scroll-top:hover {
  color:#fff;
  background:#1bc4f5;
  border-color:#1bc4f5;
}

#scroll-top.fixed {
  visibility:visible;
  opacity:1;
}



/*========================================
---------------------------- 19.Footer
=========================================*/

#footer.parallax,
#footer.section-bg {
  padding:42px 0;
  border-top:none;
}

#footer.parallax {
  background-image: url('../images/backgrounds/background16.jpg');
  background-position: center bottom;
}

#footer.section-bg {
  background-image: url('../images/backgrounds/background6.jpg');
}

#footer .section-content {
  padding:0;
}

#footer {
  padding:32px 0;
  background-color: #f4f4f4;
  border-top:1px solid #f1f1f1;
  text-align:center;
}

.footer-social-icons {
  padding:36px 0 26px;
  background-color: #fff;
  margin-bottom:32px;
}

.footer-social-icons.transparent {
  background-color: rgba(255, 255, 255, 0.84);
}

.section-content .footer-social-icons.transparent {
  background-color: rgba(0, 0, 0, 0.44);
}

#footer p {
  font-size:1.1em;
  margin-bottom:0.8em;
}

#footer .footer-date  {
  font-size:1.2em;
  padding:0.12em 0.42em;
}

.footer-logo {
  display:inline-block;
  margin-bottom:35px;
}

.footer-logo img { 
  display:inline-block;
}


/* ======================================
=================== 20. #Pricing Section  */

#pricing.section {
  padding-bottom:90px;
}

/* -------. Pricing Tables ---*/

.pricing-row {
  margin-left:0;
  margin-right:0;
}

.pricing-table-container {
  padding:0;
}

.pricing-table {
  position: relative;
  background-color: #fff;
  box-shadow:0 0 20px rgba(0,0,0, 0.11);
  -webkit-box-shadow:0 0 20px rgba(0,0,0, 0.11);
  margin-bottom:50px;
  transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
}

.pricing-table.active {
  z-index:1;
  margin-top:-25px;
  box-shadow:0 0 20px rgba(0,0,0, 0.14);
  -webkit-box-shadow:0 0 20px rgba(0,0,0, 0.14);
}

.pricing-table.pattern {
  border:1px solid #eaeaea;
}

.pricing-table.light.pattern {
  border:1px solid #9a9a9a;
}

.pricing-table h3 {
  padding:25px 15px;
  font-size:28px;
  text-align: center;
  margin-bottom:25px;
  background-color: rgba(0,0,0, 0.018);
  color:#6a6a6a;
}


.pricing-table.light h3 {
  color:#fafafa;
  background-color: rgba(0,0,0, 0.11);
}

.pricing-table header {
  text-align: center;
  padding:0 15px;
  margin-bottom:30px;
}

.pricing-table .price {
  display:inline-block;
  width:124px;
  height:124px;
  border-radius:500px;
  font:italic 14px/20px 'open_sanslight', sans-serif;
  color:#fff;
  box-shadow:0 3px 8px rgba(0,0,0, 0.12);
  -webkit-box-shadow:0 3px 8px rgba(0,0,0, 0.12);
  
}

.pricing-table .price span {
  display:block;
  margin-top:39px;
  font:32px/32px 'open_sanssemibold', sans-serif;
}

.pricing-table .pricing-list {
  list-style: none;
  text-align: center;
  font:15px/22px 'open_sansregular', sans-serif;
  border-top:1px dashed #eaeaea;
  margin-bottom:0;
}

.pricing-table.light .pricing-list {
  color:#eee;
  border-top-color:#9a9a9a;
}

.pricing-table .pricing-list li {
  padding:8px 15px;
  border-bottom:1px dashed #eaeaea;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
}

.pricing-table.light .pricing-list li {
  border-bottom-color:#9a9a9a;
}

.pricing-table .pricing-list li:nth-child(2n+1) {
  background-color: rgba(0,0,0, 0.018);
}

.pricing-table .pricing-list li:hover {
  background-color: rgba(0,0,0, 0.042);
}

.pricing-table.light .pricing-list li:nth-child(2n+1) {
  background-color: rgba(0,0,0, 0.11);
}

.pricing-table.light .pricing-list li:hover {
  background-color: rgba(0,0,0, 0.21);
}

.pricing-action {
  text-align: center;
  padding:20px 15px;
}

.pricing-action .btn {
  padding:8px  24px;
  font-size:14px;
  text-transform: capitalize;
}

/* ======================================
=================== 21. Box  */

.box {
  padding:30px 20px 20px;
  position: relative;
  background: #f9f9f9;
  transition:background 0.35s ease;
  -webkit-transition:background 0.35s ease;
  -ms-transition:background 0.35s ease;
}

.box:before,
.box:after {
  content:'';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right:0;
  bottom:0;
}

.box:before {
  border-width: 0 0 40px 40px;
  border-color: transparent transparent #fff transparent;
}

.section.greybg .box:before {
  border-color: transparent transparent #f4f4f4 transparent;
}

.box:after {
  z-index:1;
  border-width:40px 40px 0 0 ;
  border-color: rgba(0, 0, 0, 0.04) transparent transparent transparent;
}

.box:hover ,
.box:hover a {
  color:#fff;
}

.box:hover:after {
  border-top-color:rgba(0,0,0, 0.08);
}

.box.red:hover {
  background:#c90e31;
}

.box.orange:hover {
  background:#f49d14;
}

.box.yellow:hover {
  background:#f8d61b;
}

.box.lightblue:hover {
  background:#1bc4f5;
}

.box.blue:hover {
  background:#1e53d8;
}

.box.purple:hover {
  background:#6c00ab;
}

.box.lightgreen:hover {
  background:#09d33d;
}

.box.green:hover {
  background:#0b9a0b;
}

.box:hover .service-icon,
.box:hover .contact-info-icon {
  box-shadow:0 0 0 2px #fff;
}

/* ======================================
=================== 22. Video Background Section  */

#videobg-container {
  position: relative;
}

#videobg-container h2 {
  color:#fff !important;
}

/* 
Fallback for mobile devices // 
will add this class for mobile devices and change video to background image
change background image with one of yours.
*/
#videobg-container.videobg {
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url('../images/backgrounds/background15.jpg');
}

#videobg-container .parallax-content {
  padding:200px 0;
  color:#fff;
}

#videobg-container .mb_YTVPBar  {
  display:none !important;
}

#videobg-container h2 {
  margin-bottom:30px;
  position: relative;
}


#videobg-container h2:after {
  content: '';
  position: absolute;
  display:block;
  width:140px;
  height:2px;
  background: #fff;
  left:50%;
  margin-left:-70px;
  bottom:-15px;
}

#videobg-container p {
  font-size:17px;
  margin-bottom:0;
}