/*!
 * Blendthemes - Rava v1.0.2 (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 SERVICES
  07 PRICING TABLE
  08 TEAM
  09 PORTFOLIO
  10 BLOG
  11 CONTACT US
  12 COUNTER
  13 TESTIMONIALS
  14 FOOTER
  
  
========================================================================== */



/*==== 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: #2E2E2E;
  	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: #618AE4;
  }

  .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: 75px;
    right: 25px;
    font-size: 22px;
    padding: 10px 10px;
    background-color: #618AE4;
    color: #fff;
  }

  #scrollUp:hover { 
    background-color: #6794F4;
  }

  /* 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: 2px solid #618AE4;
    padding: 20px;
    text-align: center;
    transition-property: background;
    transition-duration: 0.2s;
    transition-timing-function: linear;
	  border-radius: 64px;
  }

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

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

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

  .heighlight {
    color: #618AE4;
  }

  .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: #00C368;
    transition-property: background;
    transition-duration: 0.2s;
    transition-timing-function: linear;
  }

  .btn-theme:hover {
    color: #fff;
    background-color: #6794F4;
  }    

  .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: #618AE4;
    border: 1px solid #618AE4;
  } 

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

  .progress-bar {
    background-color: #618AE4;
    -webkit-box-shadow: none;
    box-shadow: none ;
  }

  #about,#services,
  #pricing, #team,
  #portfolio,
  #blog,
  #contact {
    padding: 60px 0 ;
  }
/*==== 01 COMMON STYLES End===*/





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

  .top-nav-contact i {
    color: #618AE4;
    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: #fff;
    transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
  }

  .top-nav-social li a:hover {
    color: #618AE4;
  }

  .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: #618AE4;
    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: #263E71;
    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 #618AE4;
    color: #618AE4;
    line-height: 32px;
    font-size: 36px;
    font-weight: bold;
    height: 39px;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
  }

  .alphabets {
    margin-left: 6px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
  }
  /***** logo end ******/
  
  .navbar-default .navbar-brand .rava {
    border: 3px solid #618AE4;
    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: #618AE4;
    background-color: transparent;
    border-bottom: 3px solid #618AE4;
  }

  .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: #618AE4;
    background-color: transparent;
  }

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

  .dropdown-menu {
    background-color: #5375CB;
    border-radius: 0px;
    border: 0px;
    border-top: 2px solid #618AE4;
    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: 0px solid #021b20;
  }

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

  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: #618AE4;
    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: #618AE4;
    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;
  }
/*=== 05 ABOUT END ===*/





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

  .service h5{
    margin-top: 0;
  }
/*=== 06 SERVICES END ===*/





/*=== 07 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: #4360A0;
  }
    
  .price.panel-green>.panel-body {
    color: #fff;
    background-color: #618AE4;
  }

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


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

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






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

  .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: #00C368;
  }

  .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;
  }
/*=== 07 Pricing Table End ===*/




/*=== 08 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(255, 255, 255, .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(255, 255, 255, 0.6);
    opacity: 1;
    width: 100%;     
  }

  .our-team .designation {
    color: #618AE4;
    margin-bottom: 10px
  }

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

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

  .our-team .social ul li a {
    color: #618AE4;
    display: inline-block;
	border-radius: 15px;
    padding: 7px;
    width: 28px;
    height: 28px;
    border: 1px solid #618AE4;
  }

  .our-team .social ul li a:hover {
    background-color: #618AE4;
    color: #fff;
    box-shadow: inset 0px 0px 0px 1px #fff;
  }
/*=== 08 TEAM END ===*/





/*==== 09 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: #618AE4;
    color: #fff;
    text-decoration: none;
  }

  .portfolio-box-caption {
    color: white;
    opacity: 0;
    display: block;
    background: rgba(72, 103, 170, 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: 0px solid #fff;
    margin: 60px;
    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;
	border-radius: 25px;
  }

  .portfolio-caption .search:hover {
    background-color: #fff;
    color: #618AE4;
  }

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

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

  @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;
    }
  }
/*==== 09 PORTFOLIO END ===*/





/*==== 10 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: #618AE4;
    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: #618AE4;
    text-decoration: none;
  } 

  .link-button i {
    color: #618AE4;
    padding-left: 5px;
    vertical-align: middle;
  }
/*==== 10 BLOG END ===*/





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

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

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

  .address i {
    font-size: 30px;
    color: #618AE4;
    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;
  }
/*==== 11 CONTACT US END ===*/





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

  #counter i {
    color: #618AE4;
    font-size: 48px;
    display: block;
  }

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

  #counter p {
    color: #618AE4;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
/*==== 12 COUNTER END ===*/





/*==== 13 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: #618AE4;
    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 #618AE4;
    display: inline-block;
    border-radius: 50px;
    overflow: hidden;
  }
/*==== 13 TESTIMONIALS END ===*/





/*==== 14 FOOTER ===*/
  .footer {
    background-color: #263E71;
    color: #fff;
    padding-top: 60px;
  }

  .footer h4 {
    color: #fff;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 600;
  }

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

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

  .footer .social li a:hover {
      background-color: #618AE4;
      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: #618AE4;
    text-decoration: none;
  }

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

  .footer p {
    background-color: #5375CB;
    padding: 15px 0;
    margin-bottom: 0px;
    font-size: 12px;
    letter-spacing: 1px;
  }
/*==== 14 FOOTER END ===*/



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

  17 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-header1 {
    background-image: url('../img/call-to-action.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: #5E87DF;
  }
  
  
  
  
  
  
  
  .blog-page-header1 .home {
    display: inline-block;
    float: right;
    text-transform: uppercase;
    margin-top: 30px;
  }

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

  .blog-page-header1 .home a:hover, 
  .blog-title .breadcrumb li a:hover {
    color: #5E87DF;
  }

  .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: #5E87DF;
    border-color: #5E87DF; 
  }

  .pagination > li > a:focus, 
  .pagination > li > a:hover, 
  .pagination > li > span:focus, 
  .pagination > li > span:hover {
    background-color: #5E87DF;
    border-color: #5E87DF;
    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 #5E87DF;
  }

  .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: #5E87DF;
  }


  /*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: #5E87DF;
  }
  /*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: #5E87DF;
  }

  .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: #5E87DF;
    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: #5E87DF;
    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 #5E87DF;
  }

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

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

  .theme-media .social ul li a:hover {
    background-color: #5E87DF;
    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: #5E87DF;
    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======*/

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

  17 BLOG PAGES STYLE END

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