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

----------------------------------------------------





  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

=========================================*/
.espacio_arriba{
margin-top:8px !important;
}

/* change background colur as your design for selection*/

::selection {

  background: #c90e31;

  color: #fff;

}



::-moz-selection {

  background: #c90e31;

  color: #fff;

}



html,

body {

  min-height:100%;

}



/* animate after queryloader complated */

.geass-loader-overlay {

  width:100%;

  height:50%;

  position: fixed;

  background: #fff;

  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;

}



a,

a:hover,

a:focus{

  text-decoration:none;

}



a:active,

a:focus {

  outline:none;

}



a {

  color:#c90e31;

  -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:#a30523;

}



#qLoverlay {

  font-family: 'latobold',;

}



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: 'Helvetica-Neue', 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:#ef763a;

}



blockquote.yellow {

  border-left-color:#f8d61b;

}



blockquote.lightblue {

  border-left-color:#000000;

}



blockquote.blue {

  border-left-color:#1e53d8;

}



blockquote.purple {

  border-left-color:#7f01c8;

}



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:#ef763a;

}



.blockquote-reverse.yellow,

blockquote.pull-right.yellow {

  border-right-color:#f8d61b;

}



.blockquote-reverse.lightblue,

blockquote.pull-right.lightblue {

  border-right-color:#000000;

}



.blockquote-reverse.blue,

blockquote.pull-right.blue {

  border-right-color:#1e53d8;

}



.blockquote-reverse.purple,

blockquote.pull-right.purple {

  border-right-color:#7f01c8;

}



.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:#ef763a !important;

}



.yellow-color {

  color:#f8d61b !important;

}



.lightblue-color {

  color:#000000 !important;

}



.blue-color {

  color:#1e53d8 !important;

}



.purple-color {

  color:#7f01c8 !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:#ef763a;

}



.yellowbg,

.highlight.yellow {

  background:#f8d61b;

}



.lightbluebg,

.highlight.lightblue {

  background:#000000;

}



.bluebg,

.highlight.blue {

  background:#1e53d8;

}



.purplebg,

.highlight.purple {

  background:#7f01c8;

}



.lightgreenbg,

.highlight.lightgreen {

  background:#09d33d;

}



.greenbg,

.highlight.green {

  background:#0b9a0b;

}



.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:#ef763a;

}



.dropcap.yellow {

  color:#f8d61b;

}



.dropcap.lightblue {

  color:#000000;

}



.dropcap.blue {

  color:#1e53d8;

}



.dropcap.purple {

  color:#7f01c8;

}



.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:#ef763a;

}



.dropcap-bg.yellow {

  background:#f8d61b;

}



.dropcap-bg.lightblue {

  background:#000000;

}



.dropcap-bg.blue {

  background:#1e53d8;

}



.dropcap-bg.purple {

  background:#7f01c8;

}



.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:40rem;
  position: bottom;

}
.gfullscreenbanner {

  height:70rem;
  position: bottom;

}


/* 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;

  }
    .gfullscreenbanner {

    height: 1024px;

  }

}

 

/** 

 * iPad with landscape orientation.

 */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){

  .gfullscreen {

    height: 768px;

  }
  .gfullscreenbanner {

    height: 768px;

  }

}

 

/**

 * iPhone 5

 */

@media screen and (device-aspect-ratio: 40/71) {

  .gfullscreen {

    height: 500px;

  }
    .gfullscreenbanner {

    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:#ef763a;

  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:#000000;

  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:#7f01c8;

  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;

}

#more {display: none;}

#more2 {display: none;}

#more3 {display: none;}

/* General Section Styles*/

.section {

  position: relative;

  background-color: #fff;

  overflow: hidden;

  margin-top:5rem;

}



.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;
  font-weight: bold;

  color:#fff;

  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: 'Helvetica-Neue', 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:#ef763a;

}



.breadcrumb.yellow {

  background:#f8d61b;

}



.breadcrumb.lightblue {

  background:#000000;

}



.breadcrumb.blue {

  background:#1e53d8;

}



.breadcrumb.purple {

  background:#7f01c8;

}



.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;

}



/* 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: #000000;

  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: #ef763a;

}



.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: #000000;

  border-color: #0ab9ec;

}



.btn-lightblue .badge {

  color: #000000;

  background-color: #ffffff;

}



.btn-orange {

  color: #ffffff;

  background-color: #ef763a;

  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: #ef763a;

  border-color: #e48f0b;

}



.btn-orange .badge {

  color: #ef763a;

  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: #7f01c8;

  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: #7f01c8;

  border-color: #6704a0;

}



.btn-purple .badge {

  color: #7f01c8;

  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: #7f01c8;

  background-color: #d6bde4;

}



a.list-group-item-purple {

  color: #7f01c8;

}



a.list-group-item-purple .list-group-item-heading {

  color: inherit;

}



a.list-group-item-purple:hover,

a.list-group-item-purple:focus {

  color: #7f01c8;

  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: #7f01c8;

  border-color: #7f01c8;

}



.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: #ef763a;

}



.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: #000000;

}



.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: #7f01c8;

}



.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: #ef763a;

  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: #7f01c8;

  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: #000000;

  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:#ef763a;

  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:#000000;

  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:#7f01c8;

  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:#000000;

  border-color:#000000;

}



.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 #ef763a;

}



.orange + .popover .popover-title {;

  background-color: #ef763a;

  border-bottom: 1px solid #ef763a;

}



.orange + .popover.top > .arrow {

  border-top-color: #ef763a;

}



.orange + .popover.right > .arrow {

  border-right-color: #ef763a;

}



.orange + .popover.bottom > .arrow {

  border-bottom-color: #ef763a;

}



.orange + .popover.bottom > .arrow:after {

  border-bottom-color: #ef763a;

}



.orange + .popover.left > .arrow {

  border-left-color: #ef763a;

}





.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 #000000;

}



.lightblue + .popover .popover-title {;

  background-color: #000000;

  border-bottom: 1px solid #000000;

}



.lightblue + .popover.top > .arrow {

  border-top-color: #000000;

}



.lightblue + .popover.right > .arrow {

  border-right-color: #000000;

}



.lightblue + .popover.bottom > .arrow {

  border-bottom-color: #000000;

}



.lightblue + .popover.bottom > .arrow:after {

  border-bottom-color: #000000;

}



.lightblue + .popover.left > .arrow {

  border-left-color: #000000;

}





.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 #7f01c8;

}



.purple + .popover .popover-title {;

  background-color: #7f01c8;

  border-bottom: 1px solid #7f01c8;

}



.purple + .popover.top > .arrow {

  border-top-color: #7f01c8;

}



.purple + .popover.right > .arrow {

  border-right-color: #7f01c8;

}



.purple + .popover.bottom > .arrow {

  border-bottom-color: #7f01c8;

}



.purple + .popover.bottom > .arrow:after {

  border-bottom-color: #7f01c8;

}



.purple + .popover.left > .arrow {

  border-left-color: #7f01c8;

}





.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: #000000;

}



.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 #000000;

  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 'Helvetica-Neue', 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;


}



#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:110%;

  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, 1);

  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, 1);

}



.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, 1);

}



.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,1);

}



.navbar-default .dropdown-menu {

  background-color: rgba(255, 255, 255, 1);

}



.navbar-default .dropdown-menu > li > a:hover,

.navbar-default .dropdown-menu > li > a:focus,

.navbar-default .dropdown-menu > .active > a {

  color: #000000;

  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: #000000;

}



.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: #000000;

  background-color: transparent;

}



.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  color: #000000;

}



.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: #000000;

  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: #000000;

  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, 1);

  }



  .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: #000000;

    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: #000000;

    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: #000000;

}





/* 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: #55acee;

  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: #fff;

  -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:#4e4e4e;

}



.member p {

  font-size:1.15em;

  margin-bottom:15px;

  color:#4e4e4e;

}



.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('');

}



.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:20px;

}



.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: 'Helvetica-Neue', 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: #000000;

}



.lightblue .carousel-control:hover {

  color:#000000 !important;

  border-color:#000000;

}



.lightblue.article a:hover {

  color:#000000;

}



.lightblue .article-icon {

  background-color: #000000;

}



.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: #ef763a;

}



.orange .carousel-control:hover {

  color:#ef763a !important;

  border-color:#ef763a;

}



.orange.article a:hover {

  color:#ef763a;

}



.orange .article-icon {

  background-color: #ef763a;

}



.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: #7f01c8;

}



.purple .carousel-control:hover {

  color:#7f01c8 !important;

  border-color:#7f01c8;

}



.purple.article a:hover {

  color:#7f01c8;

}



.purple .article-icon {

  background-color: #7f01c8;

}



.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:#000000;

}



.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: #000000;

}



.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/background14.jpg');

}



.twitter-icon {

  display:inline-block;

  font-size:56px;

  line-height: 1;

  margin:5px 0 40px;

  color: #55acee;

}

/* 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:#55acee;

}



.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:#000000 !important;

  border-radius:500px;

  border:2px solid #000000;

  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;

}







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

================== 18. Scroll Top Button  */



#scroll-top {

  position:fixed;

  /*bottom:40px;*/
  bottom:100px;

  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 #000000;

  -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:#000000;

}



#scroll-top.light {

  color:#fff;

  border-color:#fff;

}



#scroll-top i {

  margin-left:-1px;

}



#scroll-top:hover {

  color:#ef763a;

  background:#fff;

  border-color:#fff;

}



#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:10px;

  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 {



}



.box:hover:after {

  border-top-color:rgba(0,0,0, 0.08);

}



.box.red:hover {

  background:#c90e31;

}



.box.orange:hover {

  background:#ef763a;

}



.box.yellow:hover {

  background:#f8d61b;

}



.box.lightblue:hover {

  background:#000000;

}



.box.blue:hover {

  background:#1e53d8;

}



.box.purple:hover {

  background:#7f01c8;

}



.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;

}


.color-blanco {
  color:#FFFFFF;
}


/*==================== 
  Footer 
====================== */

/* Main Footer */
footer .main-footer{  padding: 20px 0;  background: #252525;}
footer ul{  padding-left: 0;  list-style: none;}

/* Copy Right Footer */
.footer-copyright { background: #222; padding: 5px 0;}
.footer-copyright .logo {    display: inherit;}
.footer-copyright nav {    float: right;    margin-top: 5px;}
.footer-copyright nav ul {  list-style: none; margin: 0;  padding: 0;}
.footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block;  line-height: 12px;  margin: 0;  padding: 0 8px;}
.footer-copyright nav ul li a{  color: #969696;}
.footer-copyright nav ul li:first-child { border: medium none;  padding-left: 0;}
.footer-copyright p { color: #969696; margin: 2px 0 0;}

/* Footer Top */
.footer-top{  background: #252525;  padding-bottom: 30px; margin-bottom: 30px;  border-bottom: 3px solid #222;}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer{  background: transparent;}
footer.transparent .footer-copyright{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}

/* Footer light */
footer.light .footer-top{ background: #f9f9f9;}
footer.light .main-footer{  background: #f9f9f9;}
footer.light .footer-copyright{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}

/* Footer 4 */
.footer- .logo {    display: inline-block;}

/*==================== 
  Widgets 
====================== */
.widget{  padding: 20px;  margin-bottom: 40px;}
.widget.widget-last{  margin-bottom: 0px;}
.widget.no-box{ padding: 0; background-color: transparent;  margin-bottom: 40px;
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget.subscribe p{  margin-bottom: 18px;}
.widget li a{ color: #ef763a;}
.widget li a:hover{ color: #fff;}
.widget-title {margin-bottom: 20px;}
.widget-title span {background: #fff none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
.widget .badge{ float: right; background: #7f7f7f;}

.typo-light h1, 
.typo-light h2, 
.typo-light h3, 
.typo-light h4, 
.typo-light h5, 
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{  color: #fff;}

ul.social-footer2 { margin: 0;padding: 0; width: auto;}
ul.social-footer2 li {display: inline-block;padding: 0;}
ul.social-footer2 li a:hover {background-color:#ff8d1e;}
ul.social-footer2 li a {display: block; height:30px;width: 30px;text-align: center;}
.btn{background-color: #ff8d1e; color:#fff;}
.btn:hover, .btn:focus, .btn.active {background: #4b92dc;color: #fff;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-webkit-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
transition: all 250ms ease-in-out 0s;

}

.item {
  border: none;
  margin-bottom: 30px;
}

.item .item-wrap {
  display: block;
  position: relative;
  overflow: hidden;
}

.item .item-wrap:after {
  z-index: 2;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: .3s all ease-in-out;
}

.item .item-wrap img {
  transition: .3s transform ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.item .item-wrap > .work-info {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  transition: .3s all ease;
}

.item .item-wrap > .work-info h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.item .item-wrap > .work-info span {
  font-size: 14px;
  /*text-transform: uppercase;*/
  letter-spacing: .2rem;
}

.item .item-wrap:hover {
  text-decoration: none;
}

.item .item-wrap:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.item .item-wrap:hover:after {
  opacity: 1;
  visibility: visible;
}

.item .item-wrap:hover .work-info {
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
}