/*!
 * Blendthemes - Rava v1.0.3 (http://blendthemes.com)
 * Copyright 2016-2017 blendthemes

rava.css is core stylesheet. It is being used to define css styles for
all rava elements. This file contains all css styles for 
this template. Please don't modify this file unless necessary. This will 
make it easy for you to upgrade your website with new template files easily 
when new version of this template will be available.    
--------------------------------------------------------------------------
TABLE OF CONTENT
--------------------------------------------------------------------------
  00 GLOGLE STYLES
  01 COMMON STYLES
  02 TOP MENU
  03 MAIN NAV
  04 SLIDER
  05 ABOUT
  06 CALL TO ACTION
  07 WHY CHOOSE US
  08 SERVICES
  09 PRICING TABLE
  10 TEAM
  11 PORTFOLIO
  12 BLOG
  13 CONTACT US
  14 COUNTER
  15 TESTIMONIALS
  16 FOOTER
  17 OUR SKIILS
  18 BLOG PAGES STYLE 
========================================================================== */



/*==== 00 GLOGLE STYLES ===*/

body {
  overflow-x : hidden;
  font-family: 'Open Sans', sans-serif;
  color      : #666;
  font-size  : 14px;
  line-height: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color         : #000;
  text-transform: uppercase;
  font-weight   : bold;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

a {
  color                     : #666;
  transition-property       : color;
  transition-duration       : 0.2s;
  transition-timing-function: linear;
}

a:focus,
a:hover {
  color: #2ec5b6;
}

p {
  margin-bottom: 20px;
}

.no-padding {
  padding: 0;
}

.no-gutter>[class*='col-'] {
  padding-right: 0;
  padding-left : 0;
}

.service-box p {
  margin-bottom: 0;
}

/*==== 00 GLOGLE STYLES END ===*/





/*==== 01 COMMON STYLES ===*/
/*scroll to top */
#scrollUp {
  bottom          : 20px;
  right           : 50px;
  font-size       : 22px;
  padding         : 10px 10px;
  background-color: #2ec5b6;
  color           : #fff;
}

#scrollUp:hover {
  background-color: #0fa192;
}

/* preloader */
#preloader {
  position        : fixed;
  top             : 0;
  left            : 0;
  right           : 0;
  bottom          : 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index         : 1111111111;
  /* makes sure it stays on top */
}

#status {
  width              : 200px;
  height             : 200px;
  position           : absolute;
  left               : 50%;
  /* centers the loading animation horizontally one the screen */
  top                : 50%;
  /* centers the loading animation vertically one the screen */
  background-image   : url(../img/status.gif);
  /* path to your loading animation */
  background-repeat  : no-repeat;
  background-position: center;
  margin             : -100px 0 0 -100px;
  /* is width and height divided by two */
}

/* preloader end*/

.icons {
  display                   : inline-block;
  min-width                 : 90px;
  min-height                : 90px;
  border                    : 3px solid #2ec5b6;
  padding                   : 20px;
  text-align                : center;
  transition-property       : background;
  transition-duration       : 0.2s;
  transition-timing-function: linear;
}

.icons:hover {
  background-color: #2ec5b6;
  color           : #fff;
  box-shadow      : inset 0px 0px 0px 3px #fff;
}

.icon-hover:hover .icons {
  background-color: #2ec5b6;
  color           : #fff;
  box-shadow      : inset 0px 0px 0px 3px #fff;
}

.bg-color {
  background-color: #f8f8f8;
}

.heighlight {
  color: #2ec5b6;
}

.section-heading {
  margin-bottom: 80px;
}

.section-heading p {
  width : 75%;
  margin: 0 auto;
}

.btn {
  border-radius : 0;
  text-transform: uppercase;
  border        : 0;
  letter-spacing: 1px;
}

.btn-lg {
  font-size: 14px;
}

.btn-md {
  font-size: 12px;
}

.btn-sm,
.btn-xs {
  font-size: 11px;
}

.btn-theme {
  color                     : #fff;
  background-color          : #2ec5b6;
  transition-property       : background;
  transition-duration       : 0.2s;
  transition-timing-function: linear;
}

.btn-theme:hover {
  color           : #fff;
  background-color: #0fa192;
}

.btn-border {
  border-radius             : 0;
  text-transform            : uppercase;
  border                    : 1px solid #fff;
  letter-spacing            : 1px;
  color                     : #fff;
  background-color          : transparent;
  transition-property       : background;
  transition-duration       : 0.2s;
  transition-timing-function: linear;
}

.btn-border:hover {
  color           : #fff;
  background-color: #2ec5b6;
  border          : 1px solid #2ec5b6;
}

.progress {
  height            : 6px;
  border-radius     : 0;
  background-color  : #e2e2e2;
  -webkit-box-shadow: none;
  box-shadow        : none;
}

.progress-bar {
  background-color  : #2ec5b6;
  -webkit-box-shadow: none;
  box-shadow        : none;
}

#about,
#services,
#pricing,
#team,
#portfolio,
#blog,
#contact {
  padding: 60px 0;
}

.heading-thin {
  font-weight   : lighter;
  text-transform: capitalize;
}

/*==== 01 COMMON STYLES End===*/





/*==== 02 TOP MENU ===*/
.top-nav {
  background-color: #082328;
  color           : #ccc;
  font-size       : 12px;
  padding         : 15px 0 5px 0;
  line-height     : 0px;
}

.top-nav-contact i {
  color         : #2ec5b6;
  padding-right : 10px;
  font-size     : 14px;
  vertical-align: middle;
}

.top-nav-contact li {
  margin-right  : 20px;
  vertical-align: middle;
}

.top-nav-social {
  margin-right: -5px;
}

.top-nav-social li {
  padding: 0px 4px;
}

.top-nav-social li a {
  color                     : #ccc;
  transition-property       : color;
  transition-duration       : 0.2s;
  transition-timing-function: linear;
}

.top-nav-social li a:hover {
  color: #2ec5b6;
}

.navbar-nav.sm-collapsible .caret,
.navbar-nav.sm-collapsible ul .caret {
  top: 5px;

}

/*==== 02 TOP MENU END ===*/





/*==== 03 MAIN NAV ===*/
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #2ec5b6;
  color           : #fff;
}

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

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

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: transparent;
}

.sticky {
  position: fixed;
  top     : 0;
  left    : 0;
  width   : 100%;
  z-index : 1111;
}

.navbar-custom {
  background-color: #00181d;
  border          : transparent;
  border-radius   : 0px;
  margin-bottom   : 0;
  padding         : 10px 0 0px 0;
}

.navbar-default .navbar-brand {
  color         : #fff;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight   : bolder;
  font-size     : 24px;
}

.navbar-default .navbar-nav>li>a {
  color         : #fff;
  text-transform: uppercase;
  font-size     : 12px;
  letter-spacing: 1px;
}

/***** logo ******/
.navbar-brand {
  height: auto;
}

.navbar-default .navbar-brand:hover {
  color: #fff;
}

.initial-alphabet {
  border        : 3px solid #2ec5b6;
  color         : #2ec5b6;
  line-height   : 32px;
  font-size     : 36px;
  font-weight   : bold;
  height        : 39px;
  text-align    : center;
  letter-spacing: 1px;
  display       : inline-block;
}

.alphabets {
  margin-left   : 6px;
  color         : #fff;
  font-size     : 24px;
  font-weight   : bold;
  display       : inline-block;
  text-transform: uppercase;
}

/***** logo end ******/

.navbar-default .navbar-brand .rava {
  border   : 3px solid #2ec5b6;
  font-size: 36px;
}

.navbar-custom .right-nav {
  margin-right: -15px;
  margin-top  : 18px;
}

.navbar-default .navbar-nav>.current>a,
.navbar-default .navbar-nav>.current>a:focus,
.navbar-default .navbar-nav>.current>a:hover {
  color           : #2ec5b6;
  background-color: transparent;
  border-bottom   : 3px solid #2ec5b6;
}

.nav>li>a {
  padding-right : 0;
  padding-left  : 0;
  margin        : 0px 15px;
  padding-bottom: 25px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color           : #2ec5b6;
  background-color: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  color           : #2ec5b6;
  background-color: transparent;
  border-bottom   : transparent;
}

.dropdown-menu {
  background-color: #082328;
  border-radius   : 0px;
  border          : 0px;
  border-top      : 2px solid #2ec5b6;
  padding         : 0px;
  min-width       : 180px;

}

.dropdown-menu>li>a {
  color         : #fff;
  text-transform: uppercase;
  font-size     : 12px;
  letter-spacing: 1px;
  font-weight   : normal;
  padding       : 15px 20px;
  border-bottom : 1px solid #021b20;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  color           : #fff;
  text-decoration : none;
  background-color: #2ec5b6;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #2ec5b6;
  border-color    : transparent;
}

.dropdown-menu>li:last-child a {
  border-bottom: transparent;
}

/*==== 03 MAIN NAV END ===*/





/*==== 04 SLIDER ===*/
.carousel-caption {
  text-shadow: unset;
}

.carousel-heading {
  font-size     : 48px;
  letter-spacing: 2px;
  color         : #fff;
  font-weight   : 600;
  margin-bottom : 0;
}

.carousel-cap {
  font-weight   : 100;
  font-style    : italic;
  min-width     : 500px;
  width         : 60%;
  margin        : 0 auto;
  padding-bottom: 40px;
}

.carousel-btn {
  padding-bottom: 50px;
}

.carousel-btn button {
  margin: 0 8px;
}

.carousel-indicators li {
  border: 2px solid #fff;
  width : 13px;
  height: 13px;
}

.carousel-indicators .active {
  background-color: #2ec5b6;
  border          : transparent;
  width           : 13px;
  height          : 13px;
}

/*==== 04 SLIDER END ===*/





/*=== 05 ABOUT ===*/
.about {
  padding-bottom: 80px;
}

.abt-table {
  position    : relative;
  display     : table;
  table-layout: fixed;
}

.we-do-img {
  display : table-cell;
  position: relative;
  width   : 50%;
}

.what-we-do {
  padding : 40px 100px 40px 60px;
  display : table-cell;
  position: relative;
}

.img-hide {
  display: none;
}

.bg-img {
  background-image: url('../img/about-bg.jpg');
  background-size : cover;
}

.skills {
  padding-top: 40px;
}

.about-1 .heading-thin {
  padding: 40px 0px;
}

#three-services {
  background-color: #f8f8f8;
  padding         : 80px 0 40px 0;
}

#three-services h5 {
  margin-top: 0px;
}

.icon i {
  font-size  : 30px;
  padding-top: 4px;
  color      : #999;
}

.icon {
  float: left;
}

.service-content {
  padding-left: 60px;
}

.service-content p {
  margin-bottom: 40px;
}

/*=== 05 ABOUT END ===*/



/*=== 06 CALL TO ACTION ===*/
.call-to-action {
  background-image     : url('../img/call-to-action.jpg');
  background-size      : cover;
  background-position  : center;
  background-attachment: fixed;
  padding              : 80px 0;
}

.call-to-action h1 {
  color         : #fff;
  margin-bottom : 5px;
  text-transform: capitalize;
  font-weight   : normal;
  margin-top    : 0;
}

.call-to-action p {
  color         : #fff;
  font-weight   : lighter;
  letter-spacing: 1px;
  margin-bottom : 40px;
}

.call-to-action .btn-lg {
  padding: 15px 16px;
}

/*=== 06 CALL TO ACTION END ===*/



/*=== 07 WHY CHOOSE US ===*/
.why-choose-us {
  padding         : 70px 0;
  background-color: #f8f8f8;
}

.why-choose-us p {
  margin-bottom: 40px;
}

.list-item {
  margin-bottom: 60px;
}

.list-item li {
  margin-bottom: 10px;
}

.list-item li i {
  color       : #2ec5b6;
  display     : inline-block;
  margin-right: 15px;
  font-size   : 12px;
}

.skills-faq {
  padding: 60px 0;
}

.skills-faq .skills {
  padding-top: 0;
}

.skills-faq .skills h5 {
  margin-top: 0;
}

.skills-faq .skills .progress {
  margin-bottom: 40px;
}

/*accordion pannal FAQ*/
.panel-group .panel {
  border-radius: 0;
  box-shadow   : none;
}

.panel-default>.panel-heading {
  padding      : 0;
  border-radius: 0;
  border-color : transparent;
}

.panel-title {
  font-size     : 18px;
  font-weight   : 400;
  text-transform: capitalize;
}

.panel-title i {
  font-size: 12px;
  float    : right;
  color    : #2ec5b6;
}

.panel-default .active .panel-title a {
  border-top: 3px solid #2ec5b6;
}

.panel-title>a {
  display        : block;
  padding        : 15px;
  text-decoration: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  background-color: #f5f5f5;
  border-top      : transparent;
}

/*accordion pannal FAQ end*/
/*=== 07 WHY CHOOSE US END ===*/



/*=== 08 SERVICES ===*/
.service {
  padding-bottom: 60px;
}

.service h5 {
  margin-top: 0;
}

/*=== 08 SERVICES END ===*/





/*=== 09 PRICING TABLE ===*/
/* Common pricing styles */
.panel {
  border: none;
}

.panel.price,
.panel.price>.panel-heading {
  border-radius     : 0px;
  -moz-transition   : all .3s ease;
  -o-transition     : all .3s ease;
  -webkit-transition: all .3s ease;
}

.panel.price:hover {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
}

.panel.price .list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius : 0px;
}

.panel.price .list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius : 0px;
}

.price .panel-footer {
  color           : #fff;
  border-bottom   : 0px;
  background-color: #fff;
  padding         : 25px 24px;
}

.panel.price .btn {
  box-shadow: 0 -1px 0px rgba(50, 50, 50, .2) inset;
  border    : 0px;
}

/* green panel */
.price.panel-green>.panel-heading {
  color           : #fff;
  background-color: #008c7d;
}

.price.panel-green>.panel-body {
  color           : #fff;
  background-color: #2ec5b6;
}

.price.panel-green>.panel-heading h2 {
  color         : #fff;
  text-transform: capitalize;
  font-weight   : 100;
  margin-top    : 10px;
}


/* grey price */
.price.panel-grey>.panel-heading {
  color           : #fff;
  background-color: #666666;
}

.price.panel-grey>.panel-heading h2 {
  color         : #fff;
  text-transform: capitalize;
  font-weight   : 100;
  margin-top    : 10px;
}

.price.panel-grey>.panel-body {
  color           : #fff;
  background-color: #898989;
}

.lead {
  font-size  : 50px;
  color      : #fff;
  font-weight: 100;
  margin     : 10px 0;
}

.list-group-item {
  position        : relative;
  display         : block;
  padding         : 25px 24px;
  background-color: #fff;
  border-bottom   : 1px solid #e8e8e8;
}

/*=== 09 Pricing Table End ===*/




/*=== 10 TEAM ===*/
.our-team h6 {
  margin: 22px 0 5px 0;
}

.team-thumb {
  position: relative;
  overflow: hidden;
}

.team-thumb:before {
  position          : absolute;
  content           : "";
  width             : 100%;
  left              : 0px;
  right             : 0px;
  bottom            : 0px;
  top               : 0;
  background        : rgba(0, 0, 0, .3);
  z-index           : 999;
  opacity           : 0;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  z-index           : 1;
}

.our-team:hover .team-thumb:before {
  background: rgba(46, 197, 182, 0.5);
  opacity   : 1;
  width     : 100%;
}

.our-team .designation {
  color        : #2ec5b6;
  margin-bottom: 10px
}

.our-team p {
  margin-bottom: 15px;
}

.our-team .social ul li {
  padding: 0 2px;
}

.our-team .social ul li a {
  color     : #2ec5b6;
  display   : inline-block;
  text-align: center;
  padding   : 2px;
  width     : 28px;
  height    : 28px;
  border    : 1px solid #2ec5b6;
}

.our-team .social ul li a:hover {
  background-color: #2ec5b6;
  color           : #fff;
  box-shadow      : inset 0px 0px 0px 1px #fff;
}

.team-bg {
  background-color: #fafafa;
  padding         : 10px;
}

.team-bg .designation {
  margin-bottom: 25px;
}

.team-bg p {
  margin-bottom: 50px;
}

/*=== 10 TEAM END ===*/





/*==== 11 PORTFOLIO ===*/
.portfolio-nav {
  margin: 0 0 50px 0;
}

.portfolio-nav li a {
  font-weight               : 800;
  color                     : #000;
  padding                   : 15px 30px;
  text-transform            : uppercase;
  transition-property       : background;
  transition-duration       : 0.2s;
  transition-timing-function: linear;
}

.portfolio-nav li {
  padding: 0;
  margin : 0;
}

.portfolio-nav li a:hover,
.portfolio-nav li.active a {
  background     : #2ec5b6;
  color          : #fff;
  text-decoration: none;
}

.portfolio-box-caption {
  color             : red;
  opacity           : 0;
  display           : block;
  background        : rgba(46, 197, 182, 0.9);
  position          : absolute;
  bottom            : 0;
  text-align        : center;
  width             : 100%;
  height            : 100%;
  -webkit-transition: all 0.35s;
  -moz-transition   : all 0.35s;
  transition        : all 0.35s;
}

.portfolio-box-caption .portfolio-box-caption-content {
  text-align: center;
  position  : relative;
  top       : 45%;
  /*border  : 1px solid #fff;*/
  padding   : 50px;
  margin    : 10px;
  transform : translateY(-50%);
}

.portfolio-caption {
  /*border: 1px solid #fff;*/
  margin : 20px;
  padding: 13px;
}

.portfolio-caption h6 {
  color : #fff;
  margin: 15px 0 0 0;
}

.portfolio-caption p {
  font-size : 11px;
  font-style: italic;
}

.portfolio-caption .search {
  font-size                 : 30px;
  /*border                  : 1px solid #fff;*/
  padding                   : 10px;
  display                   : inline-block;
  transition-property       : color, background;
  transition-duration       : 0.2s;
  transition-timing-function: linear;
}

.portfolio-caption .search:hover {
  background-color: #fff;
  color           : #2ec5b6;
}

.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

.portfolio-box:focus {
  outline: none;
}

.box-porfolio ul li .portfolio-caption {
  border : transparent;
  padding: 30px;
}

@media (min-width: 768px) {
  .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 16px;
  }

  .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
  }
}

/*==== 11 PORTFOLIO END ===*/





/*==== 12 BLOG ===*/
.blog span {
  color     : #999;
  margin-top: 5px;
  display   : inline-block;
}

.blog span i {
  padding-right: 5px;
}

.blog span .divider {
  padding  : 0 12px;
  color    : #ccc;
  font-size: 20px;
}

.blog h4.heading {
  text-transform: none;
  font-weight   : normal;
  margin        : 20px 0;
}

.blog h4.heading a {
  color: #000;
}

.blog p {
  margin-bottom: 40px;
}

.blog h4.heading a:hover {
  color          : #2ec5b6;
  text-decoration: none;
}

.link-button {
  font-size     : 14px;
  font-weight   : 600;
  color         : #000;
  vertical-align: middle;
}

.link-button a {
  color: #000;
}

.link-button a:hover {
  color          : #2ec5b6;
  text-decoration: none;
}

.link-button i {
  color         : #2ec5b6;
  padding-left  : 5px;
  vertical-align: middle;
}

/*==== 12 BLOG END ===*/





/*==== 13 CONTACT US ===*/
.form-control {
  height       : 50px;
  border-radius: 0;
  box-shadow   : none;
}

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

.add p {
  margin-bottom: 90px;
}

.address i {
  font-size     : 30px;
  color         : #2ec5b6;
  text-align    : center;
  display       : inline-block;
  width         : 30px;
  vertical-align: middle;
}

.address {
  margin-bottom : 30px;
  vertical-align: middle;
}

.address span {
  margin-left: 30px;
}

.text-danger {
  color: #a94442;
}

#map {
  height: 400px;
  width : 100%;
}

/*==== 13 CONTACT US END ===*/





/*==== 14 COUNTER ===*/
#counter {
  background     : #3e4756 url("../img/counter-bg.jpg") no-repeat fixed center center;
  padding        : 97px 0 86px;
  z-index        : 1;
  background-size: cover;
  color          : #fff;
}

#counter i {
  color    : #2ec5b6;
  font-size: 48px;
  display  : block;
}

#counter span {
  /*display: block;*/
  /* font-size: 36px; */
  font-weight: bold;
  margin     : 40px 0 30px 0;
}

#counter p {
  color         : #2ec5b6;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*==== 14 COUNTER END ===*/





/*==== 15 TESTIMONIALS ===*/
.testimonial {
  background     : #3e4756 url("../img/testimonials-bg.jpg") no-repeat fixed center center;
  background-size: cover;
  padding        : 100px 0 86px;
  position       : relative;
  z-index        : 1;
  color          : #fff;
}

.testimonial .carousel-inner p {
  font-style: italic;
  width     : 65%;
  margin    : 50px auto;
}

.testimonial .name {
  font-size     : 22px;
  color         : #2ec5b6;
  font-weight   : normal;
  vertical-align: middle;
}

.testimonial .divider {
  width           : 1px;
  height          : 25px;
  display         : inline-block;
  margin          : 0 20px;
  background-color: #666;
  vertical-align  : middle;
}

.testimonial .designation {
  font-size     : 18px;
  vertical-align: middle;
}

.testimonial .carousel-control.left,
.testimonial .carousel-control.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0) 100%);
  filter          : none !important;
}

.avtar {
  width        : 100px;
  height       : 100px;
  border       : 6px solid #2ec5b6;
  display      : inline-block;
  border-radius: 50px;
  overflow     : hidden;
}

/*==== 15 TESTIMONIALS END ===*/





/*==== 16 FOOTER ===*/
.footer {
  background-color: #00181c;
  color           : #fff;
  padding-top     : 60px;
}

.footer h4 {
  color         : #fff;
  font-size     : 40px;
  letter-spacing: 10px;
  font-weight   : 800;
}

.footer .social {
  margin: 50px 0;
}

.footer .social li a {
  color                     : #2ec5b6;
  width                     : 45px;
  height                    : 45px;
  padding                   : 11px;
  display                   : inline-block;
  border                    : 1px solid #2ec5b6;
  transition-property       : background;
  transition-duration       : 0.2s;
  transition-timing-function: linear;
}

.footer .social li a:hover {
  background-color: #2ec5b6;
  color           : #fff;
  box-shadow      : inset 0px 0px 0px 1px #fff;
}

.footer .menu {
  margin: 0 0 60px 0;
}

.footer .menu li a {
  text-transform: uppercase;
  color         : #fff;
  font-size     : 12px;
  letter-spacing: 2px;
}

.footer .menu li a:hover {
  color          : #2ec5b6;
  text-decoration: none;
}

.footer .menu li {
  padding: 0 40px;
}

.footer p {
  background-color: #082328;
  padding         : 15px 0;
  margin-bottom   : 0px;
  font-size       : 12px;
  letter-spacing  : 1px;
}

/*==== 16 FOOTER END ===*/


/*===== 17 OUR SKIILS ====*/
#skills {
  margin-top: 35px;
}

.skillbar {
  position                   : relative;
  display                    : block;
  margin-bottom              : 60px;
  width                      : 100%;
  background                 : #e2e2e2;
  height                     : 6px;
  -webkit-transition         : 0.4s linear;
  -moz-transition            : 0.4s linear;
  -ms-transition             : 0.4s linear;
  -o-transition              : 0.4s linear;
  transition                 : 0.4s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property   : width, background-color;
  -ms-transition-property    : width, background-color;
  -o-transition-property     : width, background-color;
  transition-property        : width, background-color;
}

.skillbar-title {
  position: absolute;
  bottom  : 8px;
  left    : 0;
}

.skillbar-bar {
  height    : 6px;
  width     : 0px;
  background: #2ec5b6;
  float     : left;
}

.containers {
  min-height: 100%;
  height    : 100vh;
}

.skill-bar-percent {
  position: absolute;
  right   : 0;
  top     : -22px;
}

/*===== 17 OUR SKIILS ====*/


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

  18 BLOG PAGES STYLE 

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

/*===Blog pages header===*/
.blog-page-header {
  background-image   : url('../img/blog-header-bg.jpg');
  background-size    : cover;
  background-position: center;
  padding            : 60px 0;
}

.blog-page-header .home {
  display       : inline-block;
  float         : right;
  text-transform: uppercase;
  margin-top    : 30px;
}

.blog-page-header .home a {
  color          : #fff;
  padding        : 15px;
  font-size      : 12px;
  text-decoration: none;
}

.blog-page-header .home a:hover,
.blog-title .breadcrumb li a:hover {
  color: #2ec5b6;
}

.blog-title {
  float      : left;
  padding-top: 100px;
}

.blog-title h2 {
  color        : #fff;
  border-bottom: 1px solid #fff;
  padding-right: 80px;
  font-weight  : 600;
  margin-bottom: 2px;
}

.blog-title .breadcrumb {
  background   : transparent;
  padding      : 0;
  margin-bottom: 0;
}

.blog-title .breadcrumb li a {
  color          : #ccc;
  font-size      : 12px;
  text-transform : uppercase;
  letter-spacing : 1px;
  text-decoration: none;
}

/*===Blog pages header end===*/


/*==== Blog posts ====*/
.blog-content {
  margin: 90px 0 100px 0;
}

.post-bottom-spacer {
  margin-bottom: 80px;
}

/*slider post */
span.angle-right i,
span.angle-left i {
  color           : #fff;
  padding         : 10px 15px;
  background-color: rgba(46, 197, 182, 1);
  opacity         : 0.8;
  font-size       : 30px;
  text-shadow     : none;
  margin          : 0;
}

#slider-post .carousel-control {
  width: 0;
}

.carousel-control .angle-left,
.carousel-control .angle-right {
  position  : absolute;
  top       : 44%;
  z-index   : 5;
  display   : inline-block;
  margin-top: -10px;
}

.carousel-control .angle-left {
  left  : 50%;
  margin: 0;
}

.carousel-control .angle-right {
  right : 50%;
  margin: 0;
}

/*slider post end*/

/*grid posts*/
.embed-responsive-4by3-gird {
  padding-bottom: 60%;
}

.grid .carousel-control .angle-left,
.grid .carousel-control .angle-right {
  top: 35%;
}

/*grid posts end*/

/*list post*/
.blog-list span {
  margin-top: 0;
}

.blog-list h4.heading {
  margin: 10px 0;
}

.blog-list p {
  margin-bottom: 0;
}

.list-slider .carousel-control .angle-left,
.list-slider .carousel-control .angle-right {
  top: 33%;
}

.blog-list .embed-responsive-16by9 {
  padding-bottom: 60.25%;
}

/*list post end*/
/*==== Blog posts end ====*/


/*==== Pagination style==== */
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-radius: 0;
}

.pagination>li>a,
.pagination>li>span {
  margin          : 0 3px;
  background-color: #fafafa;
  color           : #000;
  border-color    : #f2f2f2;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
  background-color: #fafafa;
  border-color    : #f2f2f2;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #2ec5b6;
  border-color    : #2ec5b6;
}

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

/*==== pagination style end====*/


/*==== Blog Sidebar ====*/
.sidebar-spacer {
  margin-bottom: 60px;
}

.widget-title {
  border-bottom : 1px solid #e2e2e2;
  padding-bottom: 4px;
  margin-bottom : 20px;
}

.arrow-right {
  width        : 0;
  height       : 0;
  display      : inline-block;
  border-top   : 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left  : 15px solid #2ec5b6;
}

.widget-title h5 {
  display       : inline-block;
  font-weight   : lighter;
  letter-spacing: 2px;
  position      : relative;
  bottom        : 8px;
  left          : 15px;
  margin        : 0;
}

.tag a {
  text-transform  : uppercase;
  color           : #000;
  display         : inline-block;
  text-decoration : none;
  letter-spacing  : 2px;
  font-size       : 11px;
  padding         : 10px 20px;
  margin          : 10px 10px 0 0;
  background-color: #fafafa;
}

.tag a:hover {
  color           : #fff;
  background-color: #2ec5b6;
}


/*sidebar search*/
.stylish-input-group .input-group-addon {
  background: white !important;
}

.stylish-input-group .form-control {
  border-right: 0;
  box-shadow  : 0 0 0;
  border-color: #e2e2e2;
}

.stylish-input-group button {
  border    : 0;
  background: transparent;
}

.sidebar-search .input-group-addon {
  border-radius: 0;
  border-color : #e2e2e2;
}

.sidebar-search .form-control {
  height: 55px;
}

.sidebar-search .input-group-addon button {
  color    : #ccc;
  font-size: 22px;
}

.sidebar-search .input-group-addon button:hover {
  color: #2ec5b6;
}

/*sidebar search end*/


/*sidebar about */
.sidebar-about p {
  margin-top: 10px;
}

/*sidebar about end*/


/*sidebar categories*/
.sidebar-categories ul {
  margin-bottom: 0;
}

.sidebar-categories ul li {
  margin-bottom: 5px;
}

.sidebar-categories ul li a {
  text-transform : uppercase;
  text-decoration: none;
  letter-spacing : 1px;
  font-size      : 12px;
}

.sidebar-categories ul li a span {
  float: right;
}

/*sidebar categories end*/


/*sidebar recent post*/
.recent-posts img {
  float       : left;
  margin-right: 20px;
}

.recent-posts h6 {
  text-transform: none;
  font-weight   : normal;
  line-height   : 1.3em;
  margin-top    : 0;
}

.recent-posts ul li {
  margin-bottom: 25px;
  clear        : both;
  display      : table;
  content      : " ";
}

.recent-posts ul li a {
  text-decoration: none;
}

.recent-posts ul li a:hover h6 {
  color: #2ec5b6;
}

.recent-posts ul li span {
  color: #999;
}

/*sidebar recent post end*/

/*sidebar instagram */
.ins-thumb a {
  display : inline-block;
  margin  : 0 1px 5px 0;
  position: relative;
}

.insta {
  margin: 0 auto 0 1%;
  width : 100%;
}

.insta li img {
  width: 100%;
}

.insta li {
  float : left;
  margin: 0 1% 1% 0;
}

/*sidebar instagram end*/
/*==== Blog Sidebar End====*/


/*====Blog single page======*/

.caption-img-left {
  float       : left;
  margin-right: 30px;
}

.caption-img-right {
  float      : right;
  margin-left: 30px;
}

.single-blog p {
  margin-bottom: 20px;
}

.theme-blockquote {
  border-color    : #2ec5b6;
  background-color: #fafafa;
  padding         : 30px 30px;
}

.theme-blockquote p {
  font-size     : 14px;
  font-style    : italic;
  letter-spacing: 1px;
}

.blog-sligle-tag {
  margin-top: 90px;
}

.blog-sligle-tag i {
  float    : left;
  font-size: 18px;
  color    : #2ec5b6;
  padding  : 2px 10px 0 0;
}

.theme-hr {
  border-width: 2px;
  border-color: #ccc;
}

.theme-media {
  background-color: #fafafa;
  padding         : 30px;
  border-bottom   : 2px solid #ccc;
}

.theme-media .media-left {
  padding-right: 30px;
}

.theme-media .media-left .media-object {
  border: 3px solid #2ec5b6;
}

.theme-media .media-heading {
  margin-bottom: 15px;
}

.theme-media .social ul li a {
  color     : #2ec5b6;
  display   : inline-block;
  text-align: center;
  padding   : 2px;
  width     : 28px;
  height    : 28px;
  border    : 1px solid #2ec5b6;
}

.theme-media .social ul li a:hover {
  background-color: #2ec5b6;
  color           : #fff;
  box-shadow      : inset 0px 0px 0px 1px #fff;
}

.sub-media {
  margin-left: 60px;
}

.media-meta {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom : 5px;
  font-size     : 12px;
}

.media-meta .reply-btn a {
  color          : #2ec5b6;
  margin-left    : 20px;
  text-decoration: none;
}

.comment-form form {
  margin-top: 40px;
}

.previous-blog,
.next-blog {
  padding: 20px 0 0 0;
}

.previous-blog h5,
.next-blog h5 {
  font-weight   : lighter;
  text-transform: none;
}

.previous-blog .link-button i {
  padding: 0 5px 0 0;
}

.previous-blog {
  text-align: left;
}

.next-blog {
  text-align: right;
}

.widget-title .strong {
  font-weight: bold;
}

/*====Blog single page end======*/

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

  18 BLOG PAGES STYLE END

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