/* Theme Name: Esol
Theme URI: https://asiathemes.com/esol-details/
Author: asiathemes
Author URI: https://asiathemes.com/
Created by: Asiathemes
Description: Esol is a responsive and fully customizable template for Business and Multipurpose theme.The Theme has You can use it for your business, portfolio, blogging or any type of site.Custom menus to choose the menu in Primary Location that is in Header area of the site. which is ideal for creating a corporate / business website.Esol is Retina ready.We focused on usability across various devices, starting with smartphones.Esol is a Cross-Browser Compatible theme that works on All leading web browsers.In header area and footer of the theme offers Social Media Links to add your Social Links here.translation ready and many more.
Version:  2.7
Tags: grid-layout, footer-widgets, blog, sticky-post, news, photography, portfolio, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: esol



*/
/*------Additional Css by --------*/
 @import url("http://fonts.googleapis.com/css?family=Quicksand");
.wrapper{ margin:0 auto;margin:0;padding:0;font-family: 'Quicksand'; }

h1, .h1, .typo_heading_section h1 {
  font-size:44px;
  line-height:50px;
  font-family: 'Quicksand' sans-serif;
}
h2, .h2, .typo_heading_section h2 {
  font-size:30px; 
  line-height:40px;
 font-family: 'Quicksand' sans-serif;
}
h3, .h3, .typo_heading_section h3 { 
  font-size:26px;
  line-height:35px;
 font-family: 'Quicksand' sans-serif;
}
h4, .h4, .typo_heading_section h4 { 
  font-size:22px;
  line-height:30px;
 font-family: 'Quicksand' sans-serif;
}
h5, .h5, .typo_heading_section h5 { 
  font-size:18px;
  line-height:28px;
}
h6, .h6, .typo_heading_section h6 { 
  font-size:14px; 
  line-height:22px;
}
p {
  font-size:14px;
  line-height:26px;
  color:#818387;
  font-family: 'Quicksand';
  word-wrap: break-word;
}
body{font-family: 'Quicksand'; font-size:14px;}
p{font-size:14px;font-family: 'Quicksand'; }
.white{color:#fff !important;}

.testi-title{padding:60px 0px 0px !important;}
ul,ol{
 list-style:none;
}
.main-title{padding-bottom:30px;}
.main-title  h2{
font-family: 'Quicksand' sans-serif;
  word-wrap: break-word;
  text-transform:uppercase;
  margin:0 auto;
  text-align:center;
  font-size:40px;
 }
.seperator{
  margin:11px auto 0;
  height:3px;
  width:75px;
}
.panel-default > .panel-heading {
    color: #fff;
    padding:6px 15px !important ;
    background-color: #2896DF !important;
    border-color: #2896DF !important;
}
.panel-title > a {
    color:#fff !important;
    font-size: 18px!important ;
    font-weight: bold !important;
}
.carousel-indicators li {
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #fff !important;
    background-color:#2896df !important;
    border-radius:50px !important;
} 
.carousel-indicators .active {
     width: 12px !important;
    height: 12px !important;
  margin: 1px !important;
    border: 2px solid #2896df !important;
    background-color:#2896df !important;
}
/*-----Header-----------*/
 header .affix {
    position: fixed;
    top: 0 !important;
    width: 100%;
    z-index:10;
    border-radius:0;
    z-index: 1000000000;
}
.affix {
    position: fixed;
    top:0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.header-top {
    border-bottom: 1px solid #000;
    background: #202020;
}
.head-contact-info {
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
}
.head-contact-info li {
  display: inline-block;
  margin-right: 0px;
  font-size: 16px;
    padding:10px 15px;
  font-family: 'Quicksand';
  color:#fff;
  line-height:26px;
  border-left: 1px solid #101010;
}
.head-contact-info i {
  font-size: 16px;
  color:#fff;
  padding-right: 10px;
}
.head-contact-social {
    float: right;
    margin: 0;
    padding: 0;
}
.padding-top30{padding-top:30px;}
.head-contact-social li:last-child {
    border-right: 1px solid #101010;
}
.head-contact-social li {
    border-radius: 0;
    cursor: pointer;
  border-left: 1px solid #101010;
    display: inline-block;
    height:46px;
    margin-bottom: 0px;
  color:#fff;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    transition: background 0.1s ease-in-out 0s;
    /* width:44px; */
}
.head-contact-social li > a > i {
    font-size: 18px;
    height:48px;
    line-height: 3;
  color:#fff;
  transition: all 0.3s ease 0s;
    transition: color 0.3s ease-in-out 0s;
    width:48px;
}
.head-contact-social li:hover {
  border-left: 1px solid #2896df;
} 
.head-contact-social li > a > i:hover {
  background: #2896df; 
  color:#fff;
}

/*-----Menu------------ */
.header {
    width: 100%;
    position: relative;
    z-index: 99999;
  padding:30px 0 20px;
    background-color: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(0,0,0,0.1);
}

.header .navbar {
    border-radius: 0;
  margin: 0;
}
.header .navbar-default {
  background: none;
  border: 0;    
}
.site-logo {}
.site-logo .logo-title {
    font-size: 30px;
  color: #191a1e;
    line-height:40px;
  font-weight:bold;
  margin:0;
}
.site-logo  img {
    position: relative;
    z-index: 2;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
}
.navbar-default .navbar-nav > li > a {
  color: #0F0F0F;
  font-size:16px !important;
   padding: 10px 18px;
   margin-right: 4px;
 font-family: 'Quicksand' sans-serif;
  font-weight:600;
  text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);
  border-radius:2px;
  text-decoration: none;
}
.navbar-default .navbar-nav > .active > a , .current_page_item a{
    color: #fff !important;
    background: #2896df !important;
  border-radius:2px;
    text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2), 0 4px 6px 0 rgba(0,0,0,.12);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus, .current_page_item a:hover,
.current_page_item a,.navbar-default .navbar-nav > .active > a:hover {
  color: #fff !important;
    background: #2896df !important;
   text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);
   box-shadow: 0 2px 4px 0 rgba(0,0,0,.2), 0 4px 6px 0 rgba(0,0,0,.12);
}
.widget-content .current_page_item a,
.widget-content .current_page_item{
  color:#2896df !important;
  background: transparent !important;
}
.navbar-default .navbar-nav > li > a:hover{
    color: #fff !important;
    background: #2896df !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #fff !important;
    background: #2896df !important;
}
.navbar-default .navbar-toggle {
  color:#fff !important;
}
.icon-bar span {
 color:#fff !important;
}
 .uthor-image{
    width: 86px;
    height: 86px;
    border-radius: 2px;
    border: 2px solid #ddd;
    padding: 2px;
} 
/*---------Dropdown Menus & Sub Menu----------------------------*/
/*Dropdown Menus */
.dropdown-menu {
    padding: 0;
   min-width: 250px;
   background:#0C3951!important;
}
.dropdown-menu>li>a {
  font-family: 'Quicksand';
  font-size: 16px;
  clear: both;
  background: #0F2C3E !important;
  color: #fff !important;
  border-bottom: 1px solid #0A212F;
  display: block;
  text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);
  text-decoration:none;
  font-weight: 600;
  line-height: 1.42857;
  line-height: 20px;
  padding: 10px 18px !important;
  white-space: nowrap;
  -moz-transition: all 0.3s ease-in-out 0s;
}
.dropdown-menu>li>a:hover {
  color:#fff !important;
  background:#2896df !important;
}
.dropdown-menu > li > a:last-chlid {
  border-bottom: 0px;
}
/*dropdown-submenu Menus */
.dropdown-submenu{
    position:relative;
}
.dropdown-submenu > .dropdown-menu{
    top:0;
    left:100% !important;
    margin-top:-2px;
    margin-left:-1px;
    -webkit-border-radius:0px 0px 0px 0px;
    -moz-border-radius:0px 0px 0px 0px;
    border-radius:0px 0px 0px 0px;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    color:#2896df;
  background-color:#fff;
}
.dropdown-menu > li > a:hover {
    color:#2896df;
  background-color:#fff;
}
.dropdown-submenu:hover > .dropdown-menu{
     display:block;
   color:#2896df;
   background-color:#fff;
}
.dropdown-submenu i {
  font-size: 14px;
  line-height: 1.5;
  position: absolute; right: 10px;
}
.dropdown-submenu .pull-left{
    float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 10px 25px;
}
.navbar-right .dropdown-menu {
    left: 0;
    right:auto !important;
  border-radius: 0px;
  padding:0 !important;
}
.navbar-nav > li > a > i {
    font-size: 18px;
    line-height: 20px;
    margin-left: 5px;
    padding-top: 0;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
/*----------main Carousel----------------*/
#main-slider img{
width:100%;
}

/* Direction Nav */
.carou-direction-nav {
  list-style-type: none;
  margin: 0px;
}
.carou-direction-nav a {
    background: rgba(0, 0, 0, 1);
    color: #ffffff;
    border-radius: 4%;
    text-decoration: none;
    display: block;
    width: 44px;
    height: 65px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.carou-direction-nav .carou-prev {
    left: 15px;
  color: #ffffff;
  opacity:0.7;
}
.carou-direction-nav .carou-next {
    right: 15px;
    text-align: right;
  color: #ffffff;
  text-align: center;
  opacity: 0.7;
}
.carou-direction-nav .carou-prev:hover  {
  opacity: 1;
    left: 30px;
  background:#2896df;
  color:#fff;
}
.carou-direction-nav .carou-next:hover {
  opacity: 1;
    right: 30px;
  background:#2896df;
  color:#fff;
  
}
.carou-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 35px;
    line-height:65px;
    display: inline-block;
    content: '\f104';
}
.carou-direction-nav a.carou-next:before {
    content: '\f105';
}     
/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    color: #fff;
}
.header-text h2 {
  font-size: 52px;
 font-family: 'Quicksand' sans-serif;
  line-height: 60px;
  margin:0;
  color:#fff;
}
.header-text p{
 font-size:28px;
 color:#fff;
 font-family: 'Quicksand';
 line-height:40px;
 margin:0;
}
.slide-btn{margin-top:30px;}
.solid-btn{
    color: #fff !important;
    background-color: #2896df !important;
    border-color: #2896df !important;
}
.solid-btn:hover{
  opacity:0.9;
}
.main-btn {
  padding:6px 20px;
  margin-right:22px;
  font-size: 20px !important;
  color: #fff;
  border: 2px solid #fff;
  border-radius:2px !important;
  -moz-border-radius: 2px;
  -webkit-border-radius:2px;
  text-decoration: none;
  font-family: 'Quicksand';
  background:transparent;
  display: inline-table;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*------Service Section--------*/
.padding-top60{padding-top:60px;}
.home_services_section {padding:76px 0 40px;}
.main-title span {font-family: 'Quicksand'; font-weight:normal; } 
.cdns-service-container {
    margin: 0 0 50px;
  text-align:left !important;
}
.cdns-theme-feature-icon {
    margin-right: 15px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #242424;
    border: solid 5px #e6e6e6;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    float: left;
    transition: all 0.3s ease-out 0s;
    margin-right: 15px;
}
.cdns-theme-feature-icon i {
    color: #3498db;
    font-size:40px;
    line-height:75px;
  transition: all 0.3s ease-out 0s;
}
.cdns-service-container:hover .cdns-theme-feature-icon{
  border:solid 5px #3498db;
  background:#3498db;
  color:#fff;
}
.cdns-service-container:hover .cdns-theme-feature-icon i{
  color:#fff;
}
.cdns-service-container h3{
 margin:0;
font-family: 'Quicksand' sans-serif;
}
.cdns-service-container p{
 padding:0 !important;
 text-align:left !important;
 font-family: 'Quicksand';
}

/*-------Home Gallery Section------------------------*/

.gallery-section {
    width: 100%;
    padding:30px 0;
    background-color: #f7f7f7;
}
.home-gallery-section {
    width: 100%;
    padding:60px 0px 30px;
    background-color: #f7f7f7;
}
.gallery-col{
  margin-bottom:50px;
  overflow:hidden;
}
.home-gallery-showcase {
  position: relative;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.home-gallery-showcase:hover .home-gallery-showcase-title a {
    text-decoration: underline;
}
.gallery-image{
    width: 100%;
    display: block;
  height: auto;
}
.home-gallery-showcase-overlay {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80%;
    left: 0;
  background:rgba(0,0,0,0.7);
  -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.home-gallery-showcase img{
  -webkit-transition: all .45s ease-in;
    -moz-transition: all .45s ease-in;
    -o-transition: all .45s ease-in;
    transition: all .45s ease-in;
}
.home-gallery-showcase-overlay-inner {
  text-align: center;
    position: absolute;
    bottom:-110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
   -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.home-gallery-showcase .home-gallery-showcas-icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.home-gallery-showcase .home-gallery-showcase-icons a {
    font-size: 1.3em;
    line-height: 1em;
    text-align:center;
    display: inline-block;
    margin-left: 2px;
    opacity:0.9;
  border-radius:50px;
  font-family: 'Quicksand';
  text-decoration: none;
  margin-right:5px;
    width: 45px;
    height: 45px;
    background-color: #fff;
    border: 1px solid #fff;
    color:#101010;
  transition: all 0.3s ease 0s;
}
.project-caption {
    background-color: #f4f4f4;
    color: #ffffff;
    transition: all 0.3s ease 0s;
    border-radius: 0;
    text-align: center;
    padding: 15px;
    transition: all 180ms ease-in-out 0s;
    cursor: pointer;
    word-wrap: break-word;
    overflow: auto;
    border-radius: 0px 0px 2px 2px;
}
.project-caption h4 a{
    color: #101010;
 font-family: 'Quicksand' sans-serif;
  font-weight:600;
    transition: all 0.3s ease 0s;
}
.project-caption h4 a:hover{
    color:#2896df;
    transition: all 0.3s ease 0s;
}
.home-gallery-showcase .home-gallery-showcase-icons a i{
    font-size:22px;
  line-height:45px;
  text-align:center;
}
.home-gallery-showcase-icons a:hover {
    background:#2896df;
  border: 1px solid #2896df;
  color:#fff;
}
.home-gallery-showcase:hover .home-gallery-showcase-overlay {
    visibility: visible;
  top: 0;
}
.home-gallery-showcase:hover img{
  -webkit-transform: scale(1.3) rotate(15deg);
  -moz-transform: scale(1.3) rotate(15deg);
  -ms-transform: scale(1.3) rotate(15deg);
}
.home-gallery-showcase:hover .home-gallery-showcase-overlay-inner {
    visibility: visible;
    bottom:40%;
    left: 0;
}
.home-gallery-showcase-fade {
    opacity: 0.8;
}
.home-gallery-showcase-fade:hover .home-gallery-showcase-overlay {
    display: none !important;
}

/*---------Testimonial Section--------------*/
.testimonial-section{
 width:100%;
 background: url(images/callout3.jpg) no-repeat center top fixed;
}
.solid-callout{
 background: rgba(0,0,0,0.7);
}

#quote-carousel {
  text-align:center;
  padding-bottom: 36px;
}
.testi-img img{
  width:125px;
  height:125px;
  margin:15px 0;
}
#quote-carousel p{
  font-family: 'KarlaItalic';
  font-size:20px;
  line-height:26px;
  color:#fff; 
  letter-spacing:1px;
  padding:10px 15px;
}
#quote-carousel small{
  padding: 8px;
 font-family: 'Quicksand' sans-serif;
  margin-bottom: 10px;
  color:#ccc;
  font-size:16px;
  font-weight:400;
}
.testi-img img{border:3px solid #eee;border-radius:4px;}
/*-------Client Section-------------*/
.client-section{
  width: 100%;
  margin: 140px 0 150px;
}
.client_title {
  text-align:center;
 font-family: 'Quicksand' sans-serif;
  margin:0px auto;
  padding-bottom:25px;
}

.client_area  {
    margin-left:80px; 
}
.client_logo  {
    text-align: center;
  float:left;
  background-color:#eff3f7;
  border: 1px solid #d1dce7;
  position: relative;
  margin-left:15px;
  margin-right:15px;
}
.client_logo   img{
  text-align:center;
  height:80px;  
}

.corpo_our_client_nav {
  bottom: -67px;
  position: relative;
  right:0;
  z-index: 1;
}
.our_client_prev{
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  height: 56px;
  transition: all 0.3s ease 0s;
  width: 29px;
  padding: 2px 0px 5px;
  text-align: center;
}
.our_client_next{
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  float: right;
  height: 56px;
  transition: all 0.3s ease 0s;
  width: 29px;
  padding: 2px 0px 5px;
  text-align: center;
}
.our_client_prev i, .our_client_next i{
  font-size: 20px;
  line-height: 2.5em;
  text-align: center;
}
 
/*-----Add new Css--------------------------------------------------------------*/

.blog_text {
    background-color: #fff;
  padding: 45px 20px 15px 20px;
}
.blog_text h3 {
   padding-bottom: 5px;
   margin: 0;
}
.content_headings_black a {
    color: #202020;
  transition: all 0.3s ease 0s;
}
.content_headings_black a:hover {
    color:#2896df;
}
.blog_text p {
    font-size: 16px;
    color: #989898;
  font-family: 'Quicksand';
    line-height: 26px;
    font-weight: 300;
    padding: 0;
}
.read_more{}

.blog_round {
    text-align: center;
    width: 76px;
    height: 76px;
    background-color: #fff;
    border-radius: 50%;
    border: 6px solid #f1f1f1;
    position: absolute;
    bottom: 0;
    left: 25px;
    margin-bottom: -38px;
}
.blog_round p {
    font-size: 14px;
    color: #202020;
  font-family: 'Quicksand';
    text-transform: uppercase;
}
.blog_round p span {
    display: block;
    color: #2896df;
  font-family: 'Quicksand';
     font-size: 20px;
    padding-top: 8px;
    font-weight: 700;
}

/*---------Blog page-------------------------------------------------*/
.blog-section{
  margin:80px 0 40px;
}
.blog-section .home-blog-col img{
  max-height:400px;
}
/*---Sidebar Section Css----------*/
.sidebar-section {
  overflow: hidden;
    padding: 0;
    margin-bottom: 20px;
}
.sidebar-widget {
    margin-top: 0;
    overflow: hidden;
    padding: 0px;
    background:#f7f7f7;
    border: 1px solid #f7f7f7;
    margin-bottom:20px;
  box-shadow:0 0 2px rgba(0,0,0,0.2);
}
.sidebar-widget:last-child {
    margin-bottom: 0px;
}
.sidebar-widget-title {
    margin-bottom: 10px;
}
.sidebar-widget-title h2 {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.4px;
    border-bottom: 4px solid #2896df;
   font-family: 'Quicksand' sans-serif;
    text-transform: uppercase;
    word-wrap: break-word;
    margin: 0 0 10px;
    padding:5px 15px;
    background: #040408;
}
.widget-content{
  padding: 15px;
    overflow: hidden;
}
/*----Sidebar Search-------*/
.widget-content > .input-group > .form-control {
  padding: 6px 12px;
  height: 40px;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
    z-index: 2;
    float: left;
    border-radius:0px !important;
}
.widget-content > .input-group > .form-control:focus {
  border-color: #e9e9e9;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
 button.search-btn {
    background: #2896df !important;
    border: 1px solid #2896df !important;
    border-radius: 0 !important;
    letter-spacing: 0.2px;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    padding: 11px 15px;
    text-align: center;
    position: absolute;
}

/*Sidebar footer-widget*/
ul.post-content{
    margin-bottom: 0px;
  list-style: none outside none;
    padding: 0;
}
ul.post-content li {
  /* border-bottom: 1px dotted #c5d1dc; */
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: 0px;
  margin-right: 0px;
  padding-top: 10px;
  vertical-align: top;
  padding-bottom: 10px;
  margin: 0px -36px;
}
.post-content .sub-menu{margin-left:25px !important;}
ul.post-content li:first-child {
  padding-top: 0px;
}
ul.post-content li a {
  color: #727272;
  font-family: 'Quicksand';
  transition: all 0.3s ease 0s;
}
ul.post-content li:hover a {
    color:#2896df;
}
.widget-content ul.post-content >ul > li > a:before {
  content: "\f14a" !important;
  font-family: FontAwesome;
  margin-right: 10px;
  margin-left: 1px;
  font-size: 14px;
}
.sidebar-btn{
  margin:10px 5px;
  padding:8px 14px;
  border-radius:4px;
  background-color: #EF3F57;
  color:#fff;
}
.sidebar-btn i{
  margin-right:5px;
}
/*sidebar post*/
.sm-sidebar-post {
    margin-bottom: 17px;
    margin-top: 0 !important;
    padding-bottom: 17px;
    overflow: hidden;
  border-bottom:1px dotted #ddd;
}
.sm-sidebar-post-area {
    display: block;
    float: left;
    margin-left: 0;
    margin-right:15px;
    padding: 1px;
}
.sm-sidebar-post-area img {
    display: block;
    height: auto;
    max-width: 100%;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 0px;
      border: 4px solid #fff;
    -moz-box-shadow: 0px 0px 2px #ccc;
    -webkit-box-shadow: 0px 0px 2px #ccc;
    box-shadow: 0px 0px 2px #ccc;
}
.sm-sidebar-post h4 {
    display: block;
  font-weight:normal;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: -4px;
    word-wrap: break-word;
    letter-spacing: 0.5px;
}
.sm-sidebar-post h4 a {
  color: #303030;
  font-size: 16px;
 font-family: 'Quicksand' sans-serif;
    transition: all 0.3s ease 0s;
}
.sm-sidebar-post h4 a:hover {
  color:#2896df;
}
.sm-sidebar-post span a {
  font-size: 12px;
    color: #000;
    transition: all 0.3s ease 0s;
  margin-left:5px;
}
/*Sidebar Tags*/
.sidebar-widget-tags {
    margin: 0 0 10px;
    overflow: hidden;
    padding: 4px 0;
}
.sidebar-widget-tags a {
  background-color: #fcfcfc;
  border: 1px solid #dadada;
    color: #45494b;
  border-radius:50px;
    cursor: pointer;
    display: inline-block;
  font-family: 'Quicksand';
    font-size: 14px;
    line-height: 20px;
    margin: 0 5px 10px 0;
    padding: 6px 14px;
    transition: all 0.3s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
}
.sidebar-widget-tags a:hover {
    background-color: #2896df;
  border: 1px solid #2896df;
    color: #ffffff;
}
/*---Blog Pagination-----*/
.blog-pagination {
  /* background:#fff; */
  margin:30px 0;
  overflow: hidden;
  text-align:left;
}
.blog-pagination a {
  background-color: #eee;
  border: 1px solid #ddd;
  color: #202020;
  font-weight:bold;
  cursor: pointer;
  text-align:center;
  display: inline-block;
  transition: all 0.3s ease 0s;
  font-size:18px;
  line-height:40px;
  border-radius:50px;
  margin: 0 3px 13px;
  vertical-align: baseline;
  white-space: nowrap;
  width: 45px;
  font-family: 'Quicksand';
  height: 45px;
}
.blog-pagination a i {
  line-height:45px;
}
.blog-pagination a:hover, .blog-pagination a.active {
  background-color: #2896df;
  border: 1px solid #2896df;
  color: #FFFFFF;
}
.scroll-top {
    bottom: 0px;
    display: none;
    height:44px;
    width:50px;
    opacity: 1;
    position: fixed;
    border-radius: 1px;
    right: 20px;
    text-align: center;
    overflow: hidden;
    z-index: 9999;
  background: #2896df;
}
.scroll-top i {
    font-size: 24px;
    line-height:50px;
  color:#fff;
}

.google_map{width:100%; margin-top:40px;}


/*------Footer Section-------------------------------------------*/
footer {
  width: 100%;
  float: left;
  padding:70px 0 30px 0;
  margin:0;
  color:#eee;
  font-family: 'Quicksand';
}
.footer-bg {
  background:url(images/footer-texture-1.jpg) repeat left top !important;
}
.footer-bg.one {
  background:url(images/footer-texture-2.jpg) repeat center top;
}
.footer-bg-color {
  background:#161616;
  padding: 65px 0 20px 0;
}
.footer-bg-color.whitebg {
  background:#fff;
  padding: 65px 0 20px 0;
}
.title-line {
  background-color:#2896df;
  height: 2px;
  margin: 0 auto 25px 0;
  padding: 0;
  width: 36px;
}
.title-line.wide50 {
  height: 2px;
  width: 50px;
}
.title-line.color {
  background-color: #009ff0;
}
.title-line.white {
  background-color: #fff;
}
ul.address-info {
  margin:0;
  padding:0;
}
ul.address-info.map {
  background:url(images/map.png) no-repeat center bottom;
  padding-bottom:20px;
}
ul.address-info li {
  margin-bottom:15px;
}
ul.address-info i {
  font-size:20px;
  margin-right:10px;
}
ul.address-info.one li {
  margin-bottom:40px;
}
ul.list-info , .list-info ul{
  margin:0;
  padding:0;
}

ul.list-info li {
  margin-bottom:15px;
}
ul.list-info li a, footer a {
  color:#eee;
}
.m-bottom3{color:#eee;}
ul.list-info li a:hover, footer a:hover {
  color:#fff;
}
ul.list-info.one li a:hover, .c-post-content a:hover {
  color:#2896df;
}
.c-post {
  border-bottom:solid 1px #3d3d3d;
  margin-bottom:25px;
}
.c-post.one {
  border-bottom:solid 1px #dddddd;
  margin-top:25px;
  padding-bottom:10px;
}
.whitebg .col-md-3 .c-post {
  border-bottom:solid 1px #d8d8d8;
}
.c-post.c-post-last, .whitebg .col-md-3 .c-post.c-post-last {
  border-bottom:solid 0px #3d3d3d;
}
.c-post-img {
  float: left;
  height: 72px;
  position: relative;
  width: 68px;
}
.c-post-content {
  padding-left:80px;
}
.c-post-content p span {
  font-size:12px;
}
.post-info {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  float: left;
  margin: 0 0 20px;
  padding: 10px 0;
  width: 100%;
}
.comment-list {
  margin-bottom:25px;
}
.tags-b {
  border: 1px solid #505050;
    border-radius: 6px;
    color: #727272;
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 8px 14px;
}
.tags-s {
  border:solid 1px #505050;
  border-radius:4px;
  color:#727272;
  padding:8px 14px;
  margin: 0 5px 5px 0;
  display: inline-block;
}
.tags-s:hover {
  border:solid 1px #000;
  background:#000;
  border-radius:4px;
  color:#fff;
  padding:8px 15px;
  margin: 0 5px 5px 0;
  display: inline-block;
}
.con-icons {
  width:18%;
  float:left;
}
.con-info {
  float:right;
  width:78%;
}
.con-info h3 {
  margin-top:0;
  color:#222222;
}
.content-container {
  background: rgba(255, 0, 0, 0.1) none repeat scroll 0 0;
  margin-top: 10px;
  text-align: center;
  width: 100%;
  border:0;
}
iframe {
  border:0;
}
.panel-group.fullwide {
  width:100%;
}

/* flickr widget */
.flickr-widget img {
  border: 0 solid #999 !important;
  height:58px;
  margin-bottom: 6px;
  margin-right: 6px;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  transition-timing-function: ease-out;
  width: 58px;
}
.owl-next i, .owl-prev i{
  line-height:30px;
  text-align:center;
}
/* copyrights */
.copyrights {
  width:100%;
  float:left;
  background: #131617;
  margin: 0;
  padding:15px 0;
}
.copyrights p {
   color:#eee;
   font-family: 'Quicksand';
}
.copyrights .social-icons li i {
    line-height: 30px;
}
.copyrights .social-icons li a:hover {background-color: #fff;}
.copyrights .social-icons li a:hover i {color: #202020;}
.copyrights.one {
  background:#000000;
}
.flinks a{
  color:#888989;
}
.flinks a:hover{
  color:#fff;
}
.flinks span{
  padding:0 10px;
}
.footer-bg {
  background: #181c1d;
  color: #eee;
}
.flickr-img {
    float: left;
    width: 100%;
}
.flickr-img > a img {
    float: left;
    max-width: 80px;
    opacity: 0.62;
    margin: 0 5px 5px 0;
}
.c-post-title{font-size:18px;margin:0;}
.nopadding {
    padding: 0 !important;
}

/*-----home Blog--------------------------*/
.padding60{padding:60px 0;}
.blog_area{
 background:#f7f7f7;
 padding:60px 0;
}
.blog-poast-info {
    padding: 10px 0;
    text-align: left;
}
.blog-poast-info ul {
    padding: 0;
}
.blog-poast-info ul li {
    display: inline;
    margin-right: 8px;
    letter-spacing: 0.5px;
}
.blog-poast-info li i {
    font-size: 14px;
    color: #0FABEA;
    margin-right: 5px;
    margin-top: 0px;
}
.blog-poast-info ul li a {
    color: #202020;
  font-family: 'Quicksand';
    letter-spacing: 0.5px !important;
    font-size: 16px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.blog-poast-info ul li a:hover {
    color:#2896df;
}
.home-blog-area{margin:40px 20px 15px 0px;}
.blog-area .blog_text{background: #f7f7f7;}
.blog-area{margin:0px 0px 25px 0px;}
/*-----Page title-----------------------------------------*/
/* .page-heading-section {
  background: url("images/callout3.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0);
  margin: 0 0 0px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  margin-top: 0px !important;
} */
.page-heading-section .overlay {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  padding: 50px 0 48px;
  position: relative;
  width: 100%;
}
.page-title {
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto 0px;
  padding: 0px;
  position: relative;
  width: 99%;
}
.page-title h1 {
  color: #ffffff;
 font-family: 'Quicksand' sans-serif;
  font-size:30px;
  letter-spacing: 1px;
  margin: 0 0 0px;
  word-wrap: break-word;
  text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);
}
.page-breadcrumb {
  list-style: none outside none;
  margin-bottom: 0px;
  padding: 10px 0 0;
  text-align: right;
  font-size: 15px;
  line-height: 20px;
}
.page-breadcrumb > li { display: inline-block; }
.page-breadcrumb > li + li:before {
  color: #ffffff;
  content: "/ ";
  padding: 0 5px;
}
.page-breadcrumb > li.active a {
  color: #2896df;
  text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);
}
.page-breadcrumb > li a { color: #ffffff;font-family: 'Quicksand'; }
.page-seperator { height: 70px; width: 100%; overflow: hidden;}
.margin-top { margin-top: 0px; } .margin-bottom { margin-bottom: 0px; }
/*------About page---------------------------------------------*/
.section-lg {
    width: 100%;
    padding:75px 0;
}
.team-section{
 background:#f7f7f7;
}

.our-team{
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.team-member {
    float:left;
    margin-bottom:30px;
    overflow:hidden;
    padding-left:20%;
 font-family: 'Quicksand' sans-serif;
    position:relative;
    width:100%;
}
.team-img {
    float:left;
    position:relative;
    width:100%;
}
.team-img img{width:100%;}
.team-hover {
    height:100%;
    opacity:0;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
}
.team-member:hover .team-hover {
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.team-hover:before {
    background:#000000 none repeat scroll 0 0;
    content:"";
    height:100%;
    opacity:0.9;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.team-hover p {
    color:#ffffff;
    font-size:14px;
    font-weight:400;
    margin:-130px 0 0;
  font-family: 'Quicksand';
    opacity:0;
    padding:50px;
    position:absolute;
    top:50%;
    -webkit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    transform:scaleX(0);
}
.team-member:hover .team-hover > p {
    opacity:1;
    -webkit-transform:scaleX(1);
    -moz-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    transform:scaleX(1);
}
.social-media {
    left:0;
    list-style:outside none none;
    margin:0;
    padding:0;
    position:absolute;
    width:20%;
}
.social-media > li {
    float:left;
    margin-bottom:10px;
    text-align:center;
    width:100%;
}
.social-media li > a {
    background:#fff none repeat scroll 0 0;
    color:#202020;
    display:inline-block;
  font-family: 'Quicksand';
    font-size:16px;
    height:42px;
    line-height:42px;
    text-align:center;
    width:42px;
}
.social-media li > a >i {
    line-height:42px;
}
.social-media li > a:hover {
    background:#2896df none repeat scroll 0 0;
    color:#fff;
} 
.social-media > li:hover > a {color:#ffffff;}
.team-name {
    background:#ffffff none repeat scroll 0 0;
    bottom:0;
    left:15px;
    padding:30px 0;
    position:absolute;
    text-align:center;
    width:80%;
}
.team-name > span {
    font-family:arimo;
    font-size:11px;
    font-weight:400;
    letter-spacing:0.3px;
    line-height:20px;
}
.team-name > h5 {
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    margin:0;
    text-transform:uppercase;
}
.team-name > h5 > a {color:#3e3e3e;}

/*-----Callout Section---------------------------*/
.bg-parallax {
    background: url("images/callout3.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0);
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.bg-parallax .overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    padding: 74px 0 83px;
    position: relative;
    width: 100%;
}
.bg-parallax h1 {
    color: #ffffff;
    letter-spacing: 0px;
  padding: 0 90px;
    margin: 0 0 17px;
  text-align: center;
}
.bg-parallax p {
  color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 0;
  text-align: center;
  padding: 0 90px;
}
/*-----Protfolio Tabs---------*/
.protfolio-tabs-section{
  text-align:center;
  margin: 30px 0;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope {
    transition-property: height, width;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.protfolio-filter {
    margin: 60px 0 0;
    padding: 0;
}
.protfolio-filter ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.protfolio-filter li {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
}
.protfolio-filter li a {
   color: #fff;
    background: #0F2C3E none repeat scroll 0 0;
    border-radius: 50px;
    display: inline-block;
    font-size: 16px !important;
    font-weight: 500;
    margin: 0;
    padding: 8px 22px;
    text-transform: capitalize;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.protfolio-filter li a:hover {
    color: #fff;
  background:#0078ff;
    transition: all 0.3s ease-in-out 0s;
}
.protfolio-filter li a.active {
    color: #fff;
  background:#0078ff;
    transition: all 0.3s ease-in-out 0s;
}
.portfolio-section {
    margin: 60px 0 0;
    padding: 0;
}
.portfolio-section img {
    width: 100%;
}
.protfolio-filter .current {
  background:#0169df;
}
/*------Carousel Style-------------------------*/
.

/*---------Contact Form----------------------------*/
.input-box{ margin-bottom: 15px;}
.input-box .form-control {
  background-color: #f2f2f2 !important;
  border: none;
  height: 42px;
  padding-left: 15px;
  font-size: 14px;
  outline: none;
  font-family: 'Quicksand';
    border-radius: 0px !important;
    background: #F2F2F2 !important;
    border: none !important;
    margin-bottom: 15px;
    height: 40px;
}
.contact-form textarea {
  margin-bottom: 30px;
  outline: none;
  padding-left: 15px;
  padding-top: 10px;
  border: none;
  overflow: hidden;
  background-color: #f2f2f2;
  height: 140px;
  max-height: 190px;
  width: 100%;
  max-width: 100%;
  border-radius: 3px;
  margin-right: 15px;
  display: inline-block;
  font-family: 'Quicksand';
  font-size: 13px;
}
.contact-form .btn {
  text-align: center;
}
.contact-form button , .accent-button a{
  font-family: 'Quicksand';
  font-size: 18px;
  font-weight: 700;
  color:#fff;
  padding:10px 20px;
 font-family: 'Quicksand' sans-serif;
  background-color:#2896df;
  border-radius:4px;
}
@media (max-width: 991px) {
  section.contact-info .contact-item {
    margin-bottom: 30px;
  }
}
section.contact-info {
  background-color:#2896df;
}
@media (max-width: 991px) {
  section.contact-info .contact-item {
    margin-bottom: 30px;
  }
}
section.contact-info .contact-item i {
  font-size: 28px;
  color: #2896df;
  background-color: #ffffff;
  width: 80px;
  height: 80px;
  display: inline-block;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
}
@media (max-width: 991px) {
  section.contact-info .contact-item i {
    font-size: 22px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
section.contact-info .contact-item span {
  line-height: 30px;
  display: inline-block;
  padding-top: 10px;
  color:#fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
@media (max-width: 991px) {
  section.contact-info .contact-item span {
    padding-top: 0px;
  }
}
/*-----Blog Details----------------------------------------------------*/
.single-blog-page .blog-post .blog-item {
  margin-top: 0px;
}
/* .single-blog-page .blog-post .blog-item img {
  width: 100%;
  overflow: hidden;
} */
.single-blog-page .blog-post .blog-item .text-content {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
}
.single-blog-page .blog-post .blog-item .text-content h4 {
  font-size:24px;
  font-weight: 700;
  color:#202020;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 20px;
  margin-bottom: 0px;
}
.single-blog-page .blog-post .blog-item .text-content span {
  display: block;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: 'Quicksand';
  font-size: 12px;
  color: #7a7a7a;
  font-style: italic;
}
.single-blog-page .blog-post .blog-item .text-content p {
  font-size: 14px;
  line-height: 25px;
}
.single-blog-page .blog-post .blog-item .text-content blockquote {
  margin: 25px 10px;
  border: 3px solid #eeeeee;
  font-family: 'Quicksand';
  font-size: 15px;
  color: #121212;
  font-style: italic;
  line-height: 27px;
}
.single-blog-page .blog-post .blog-item .direction {
  text-align: center;
  margin-top: 45px;
}
.single-blog-page .blog-post .blog-item .direction ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.single-blog-page .blog-post .blog-item .direction ul li {
  display: inline-block;
}
.single-blog-page .blog-post .blog-item .direction ul li ul.social-icons {
  padding: 0;
  margin-top: -10px;
  text-align: center;
  list-style: none;
}
@media (max-width: 991px) {
  .single-blog-page .blog-post .blog-item .direction ul li ul.social-icons {
    margin-top: 40px;
  }
}
.single-blog-page .blog-post .blog-item .direction ul li ul.social-icons li {
  display: inline-block;
  margin-right: 4px;
}
.single-blog-page .blog-post .blog-item .direction ul li ul.social-icons li a {
  width: 36px;
  height: 36px;
  background-color: #f2f2f2;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  color: #6a6a6a;
  border-radius: 50%;
}
.single-blog-page .blog-post .blog-item .direction ul li ul.social-icons li a:hover {
  background-color: #2896DF;
  color: #ffffff;
  transition: all 0.5s;
}
.single-blog-page .blog-post .blog-item .direction ul li:first-child {
  float: left;
}
.single-blog-page .blog-post .blog-item .direction ul li:last-child {
  float: right;
}
@media (max-width: 991px) {
  .single-blog-page .blog-post .blog-item .direction ul .accent-button {
    float: right;
    margin-top: -95px;
  }
}
.single-blog-page .blog-post .comments {
  border-top: 1px solid #eeeeee;
  margin-top: 30px;
  border-bottom: 1px solid #eeeeee;
}

@media (max-width: 991px) {
  .single-blog-page .blog-post .leave-comment {
    margin-bottom: 25px;
  }
}

.single-blog-page .blog-post .leave-comment input, .leave-comment input {
  width: 100%;
  background-color: #f2f2f2;
  border: none;
  height: 42px;
  padding-left: 15px;
  font-size: 16px;
  outline: none;
  margin-bottom: 30px;
  font-family: 'Quicksand';
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
.form-submit input{
 border-radius:2px !important;
}
.single-blog-page .blog-post .leave-comment textarea , .leave-comment textarea {
  margin-bottom: 30px;
  width: 100%;
  max-width: 100%;
  background-color: #f2f2f2;
  border: none;
  height: 180px;
  max-height: 220px;
  padding-top: 14px;
  padding-left: 15px;
  font-size: 16px;
  outline: none;
  font-family: 'Quicksand';
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
.contact-section section{padding:60px 0;}
/* social medai iocns */
.fa-social-icons {
  text-align:center;
  font-size:45px;
  padding:20px 0;
  transition: all 0.3s ease-out 0s;
}
.fa-social-icons a, .fa-social-icons a:hover {color:#FFF;}
.facebook-icon {background:#1852a9;}
.twitter-icon {background:#26d3f9;}
.google-icon {background:#da4835;}
.linkedin-icon {background:#007ab9;}
.instagram-icon {background:#4878a0;}
.vimeo-icon {background:#0a9cc1;}
.facebook-icon:hover, .twitter-icon:hover, .google-icon:hover, .linkedin-icon:hover, .instagram-icon:hover, .vimeo-icon:hover {background:#222222;}
ul.social-icons {margin:20px 0 0 0;padding: 0;float:left;}
ul.social-icons li {float: left;margin: 0 8px 0 0;padding: 0;}
ul.social-icons li i {color: #202002;line-height: 36px;}
ul.social-icons li a {
  background-color: #595959;
  border-radius: 100%;
  color: #919191;
  float: left;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}
ul.social-icons li a:hover {background-color: #fff;}
ul.social-icons li a:hover i {color: #fff;}
ul.social-icons.style-two {
  margin:0px 0 0 0;
  padding: 0;
  float:left;
}
.blog-navi a{
font-family: 'Quicksand' sans-serif;
 color:#202020;
 font-size:18px;
}
ul.social-icons.style-two li a {
  background-color:transparent;
  width:auto;
  padding-right:5px;
  margin-right:10px;
}
ul.social-icons.style-three {margin:0;float:right;}
ul.social-icons.style-three li a {height: 30px;line-height: 30px;width: 30px;}
ul.social-icons.style-four {float:none;}
ul.social-icons.style-four li {float:none;display:inline-block}
ul.social-icons.style-five {float:right;display:inline-block;margin-top:14px;}
ul.social-icons.style-five.one {float:left;}
ul.social-icons.style-five li {margin-left:5px;margin-right:0px;}
ul.social-icons.style-five li a, ul.social-icons.style-five li i {border-radius:0;color:#FFF;}
ul.social-icons.style-five.one.circle li a {border-radius:100%;}
ul.social-icons.style-five li.facebook a {background:#3c599b;}
ul.social-icons.style-five li.twitter a {background:#00abf0;}
ul.social-icons.style-five li.linkedin a {background:#007bb6;}
ul.social-icons.style-five li.google-plus a {background:#dd4c39;}
ul.social-icons.style-five li.pinterest a {background:#ef1438;}
ul.social-icons.style-five li.skype a {background:#13caff;}
ul.social-icons.style-five li.dribbble a {background:#f5699a;}
ul.social-icons.style-five li.wordpress a {background:#2472a2;}
ul.social-icons.style-five li.android a {background:#8ec429;}
ul.social-icons.style-five li.windows a {background:#23c5f1;}
ul.social-icons.style-five li.renren a {background:#025dac;}
ul.social-icons.style-five li.apple a {background:#a6a8a7;}
ul.social-icons.style-five li.faqq a {background:#1f1f1f;}
ul.social-icons.style-five li.weixin a {background:#1a1a1a;}
ul.social-icons.style-five li.youtube a {background:#cb3235;}
ul.social-icons.style-five li.rss a {background:#ffa336;}
ul.social-icons.style-five li.flickr a {background:#ee1a89;}
ul.social-icons.style-five li.whatsapp a {background:#1f9e11;}
ul.social-icons.style-five li a:hover {background:#fff;}
ul.social-icons.style-five.style-five.one li a:hover {background:#000;}
ul.social-icons.style-five.style-five.one li a i {color:#FFF}
ul.social-icons.style-five.ltside {float:left;}
.fa-social-icons.sty-six {
  text-align:center;
  font-size:45px;
  padding:20px 0;
  transition: all 0.3s ease-out 0s;
}
.fa-social-icons.sty-six li a, .fa-social-icons.sty-six li a:hover {color:#FFF;background:#000000;}
ul.social-icons.sty-six {
  margin:20px 0 0 0;
  padding: 0;
  float:left;
}
ul.social-icons.sty-six li {
  float: left;
  margin: 0 8px 0 0;
  padding: 0;
}
ul.social-icons.sty-six li i {
  color: #919191;
}
ul.social-icons.sty-six li a {
  background-color: #595959;
  border-radius:0;
  color: #919191;
  float: left;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}
ul.social-icons.sty-six li a:hover {
  background-color: #000;
}
ul.social-icons.sty-six li a:hover i {
  color: #fff;
}
ul.social-icons.sty-six.circle li a {
  background-color: #009ff0;
  border-radius:100%;
  color: #fff;
  float: left;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}
ul.social-icons.sty-six.circle li a:hover {background-color: #000;}
ul.social-icons.sty-six.circle li a i {color: #fff;}
ul.social-icons.sty-six.circle li a:hover i {color: #fff;}
ul.social-icons.sty-six.boxed li a {
  background-color: #fff;
  border:solid 1px #d3d3d3;
  border-radius:0;
  color: #919191;
  float: left;
  font-family: 'Quicksand';
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}
ul.social-icons.sty-six.boxed li a:hover {background-color: #000;}
ul.social-icons.sty-six.boxed li a i {color: #595959;}
ul.social-icons.sty-six.boxed li a:hover i {color: #fff;}
ul.social-icons.sty-six.border li a {
  background-color: #fff;
  border:solid 1px #d3d3d3;
  border-radius:100%;
  color: #919191;
  font-family: 'Quicksand';
  float: left;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}
ul.social-icons.sty-six.border li a:hover {background-color: #000;border:solid 1px #000;}
ul.social-icons.sty-six.border li a i {color: #595959;}
ul.social-icons.sty-six.border li a:hover i {color: #fff;}

/*------Owl Carousel Navigation------------*/
.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
   color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    width: 40px;
    height: 30px;
    font-size: 24px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #0F2C3E none repeat scroll 0 0;
  vertical-align:middle;
}

.owl-prev i,.owl-prev i{
     line-height: 30px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
  background:#3498db none repeat scroll 0 0;
}

/* 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 4px;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  -webkit-border-radius:50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #2896df;
  border:2px solid #fff;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  background: #2896df;
  border:2px solid #2896df;
}
/*----comments section------------------------*/
.comment-title{padding: 30px 0;}
.comments i{margin-right:5px;}
.comment-col { margin: 0 !important; padding: 0; position: relative; }
.pull-left-comment { float: left; margin-right:15px; }
.comment-img { border-radius: 100%; height:85px; margin: 2px 0 20px; width:85px; }
.comment-detail { 
    margin-bottom: 40px; 
  margin-left: 0; 
  padding: 15px;
    border: 1px solid #c5d1dc; 
  border-radius:4px;
}
.comment-detail-title { 
  letter-spacing: 0.8px;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 15px;
 font-family: 'Quicksand' sans-serif;
}
.comment-date {
  float: right;
    font-size: 16px;
  letter-spacing: 0.8px;
    line-height: 20px;
    margin: 0;
  color:#2896df;
    padding-left: 7px;
    vertical-align: middle;
}
.comment-detail p {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.8px;
  margin: 0 0 15px;
  font-family: 'Quicksand';
  text-align: justify;
}
.reply a {
  border-radius: 2px;
  display: inline-block;
  font-family: 'Quicksand';
  letter-spacing: 0.8px;
  font-size: 14px;
  color:#2896df;
  line-height: 20px;
  padding: 3px 15px;
}
.hc_scrollup {
    bottom: 0px;
    padding: 7px;
    display: none;
    height: 50px;
    width: 54px;
    opacity: 1;
    position: fixed;
    border-radius: 1px;
    right: 20px;
    text-align: center;
    overflow: hidden;
    z-index: 9999;
    background:#2896df;
}
.hc_scrollup i {
    font-size: 22px;
  color:#fff;
    line-height: 40px;
}

.blog_img {
    text-align: center;
    position: relative;
    line-height: 0px;
    font-size: 0px;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.blog_img img{
 width:100%;
}

.blog-showcase-overlay{
    background: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    -wekbit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.blog-showcase-overlay-inner{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
    z-index: 0;
    padding: 10px;
}
.blog_img .blog-showcase-icons {
    margin-top: 0px;
    text-align: center;
    width: 100%;
}
.blog_img:hover .blog-showcase-overlay{
    visibility: visible;
    opacity: 0.9;
}
.blog_img .blog-showcase-icons a i {
    -wekbit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -wekbit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.blog_img:hover .blog-showcase-icons a i {
    -wekbit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.blog_img .blog-showcase-icons a i {
    font-size: 24px;
    line-height:45px;
    color: #2896df;
    border-radius:2px;
    height:45px;
    width:45px;
    background: #fff;
      -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.blog_img .blog-showcase-icons a i:hover {
    color: #fff;
    background:#2896df;
  opacity:1;
}
.tagcloud a {
    background-color: #fcfcfc;
    border: 1px solid #dadada;
    color: #45494b;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Quicksand';
    font-size: 14px !important;
    line-height: 20px;
    margin: 0 5px 10px 0;
    padding: 6px 14px;
    transition: all 0.3s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
}
.tagcloud  a:hover {
    background-color: #2896df;
  border: 1px solid #2896df;
    color: #ffffff;
}
/*------ Calendar ------------------------*/
div#calendar_wrap table>caption{
    padding-top: 8px;
    padding-bottom: 8px;
    color: #333 !important;
    text-align: left;
}
div#calendar_wrap table>thead>tr>th ,.list-info > .calendar_wrap > table > thead > tr > th {
  color: #fff !important;
  background: #2896df !important;
    border: 1px solid #2896df !important;
  font-family: 'Quicksand';
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  padding: 10px;
  text-align: center;
}

.widget div#calendar_wrap table>tfoot>tr>td
{
  border: 1px solid #e9e9e9;
  font-size: 20px;
  margin: 0;
  padding: 2px;
  text-align: center;
}
d.widget iv#calendar_wrap table>caption ,tbody ,td, th {
    border: 1px solid #ccc!important;
    padding: 6px 8px!important;
    color: #333 !important;
}
#calendar_wrap a
{
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  color: #2896df;
}
#calendar_wrap a:hover
{
color: #fff;
}

.widget div#calendar_wrap table>tbody>tr>td
{
  color: #727272;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 8px 10px;
  text-align: center;
}
td,th
{
  border: 1px solid #ccc!important;
  padding: 6px 8px!important;
  color:#fff;
}
div#calendar_wrap table>caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #333 !important;
    text-align: left;
}
.widget-content > .calendar_wrap > table > caption ,tbody ,td, th {
    border: 1px solid #ccc!important;
    padding: 6px 8px!important;
    color: #202020 !important;
}
.list-info > .calendar_wrap  > table > caption ,tbody ,td, th {
    border: 1px solid #ccc!important;
    padding: 6px 8px!important;
    color: #eee;
}
.list-info >.calendar_wrap  > table > tbody > tr > td{
    color: #eee !important;
}
.form-submit > input {    /* font-family: 'Quicksand' !important; */
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    /* padding: 10px 20px !important; */
    font-family: 'KarlaBold' !important;
    background-color: #2896df !important;
    border-radius: 4px !important;
  width:25% !important;}
.navbar-header h1 a{ 
  font-family: cursive !important;
    font-weight: 900; }
  
.site-logo, .site-branding h1 a { margin-top:-30px !important; }
.site-branding h1{margin: 15px 0px 0px !important;}
.site-branding  p { font-family: cursive !important; margin:0px !important;}
.site-branding a img{ margin-top:30px !important;max-height:100%;max-width:100%; }

/* Header image style */
 @media screen and (min-width: 61.5625em)
.site-branding, .site-header-menu, .header-image {
    margin-top: 1.75em;
    margin-bottom: 1.75em;
}
@media screen and (min-width: 44.375em)
.header-image {
    margin: 1.3125em 0;
}
.header-image {
    clear: both;
}
.header-image a {
    display: block;
}
.header-image a img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.blog-pagination span{ 
      background-color: #2896df;
    border: 1px solid #ddd;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease 0s;
    font-size: 18px;
    line-height: 45px;
    border-radius: 50px;
    margin: 0 3px 0px;
    vertical-align: baseline;
    white-space: nowrap;
    width: 45px;
    font-family: 'Quicksand';
    height: 45px;
}
.dropdown-submenu > a:after {
    display: block;
    content: "\f0da";
    float: right;
    font-family: FontAwesome;
}

/* Theme Default style */

.alignnone
{
  margin: 5px 20px 20px 0;
}
.aligncenter,div.aligncenter
{
  display: block;
  margin: 5px auto 5px auto;
}
.alignright
{
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft
{
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright
{
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone
{
  margin: 5px 20px 20px 0;
}
a img.alignleft
{
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption
{
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone
{
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft
{
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright
{
  margin: 5px 0 20px 20px;
}
.wp-caption img
{
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text
{
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  padding: 7px 4px 5px;
}
.wp-caption-text
{
  font: 14px;
  text-align: center;
}
.gallery-caption
{
  font: 14px;
}
.bypostauthor
{
  font: 14px;
}
.alignright
{
  display: inline;
  float: right;
  font: 14px;
  text-align: right;
}
.alignleft
{
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.aligncenter
{
  font: 14px;
  text-align: center;
}
.wp-caption
{
  border: 1px solid #ccc;
  font: 14px;
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"]
{
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}
.wp-caption .wp-caption-text
{
  margin: .8075em 0;
}
.screen-reader-text
{
  clip: rect(1px,1px,1px,1px);
  height: 1px;
  overflow: hidden;
  position: absolute!important;
  width: 1px;
}
.screen-reader-text:focus
{
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
  clip: auto!important;
  color: #21759b;
  display: block;
  font-size: .875rem;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
cite
{
  font-style: italic!important;
}
.sticky{}
code
{
  color: #2896df!important;
}
.blog-content,.featured-image .alignnone,.wp-caption img
{
  display: block;
  height: auto;
  max-width: 100%;
}
img.aligncenter,img.alignleft,img.alignnone,img.alignright,img.attachment-medium,img.attachment-large,img.attachment-thumbnail,img.size-full,img.size-medium,img.size-thumbnail
{
  height: auto;
  max-width: 100%;
  width: inherit;
}
.blog-content .alignnone,.wp-caption img
{
  display: block;
  height: auto!important;
  max-width: 100%!important;
}
img.size-full,img.size-large,img.header-image,img.wp-post-image
{
  height: auto;
  max-width: 100%;
}
img.aligncenter,img.alignleft,img.alignnone,img.alignright,img.attachment-medium,img.attachment-large,img.attachment-thumbnail,img.size-full,img.size-medium,img.size-thumbnail
{
  height: auto;
  max-width: 100%;
  width: inherit;
}
.wp-caption img
{
  display: block;
  height: auto;
  max-width: 100%;
}
.alignleft
{
  display: inline;
  float: left;
  margin-right: 1.625em;
}
blockquote
{
  border-left: 5px solid #2896df!important;
}
.qua_blockquote_section blockquote,blockquote
{
  background-color: #eee;
  border-left: 5px solid #f8504b;
}
table {
    border-collapse: separate;
    border-radius: 4px;
    width: 100%;
}
/* Monster Widget Default CSS */
.textwidget select { max-width:100% !important; }
.textwidget img { max-width:100%; }
#wp-calendar tbody tr td a{ color:#2896df; font-size:15px; }
#wp-calendar tfoot tr td a{ color:#2896df; }
/*-------404 page css-------------------------------------*/
.error-content-1 h1 {
    font-size: 200px;
  line-height: 200px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #353535;
  text-shadow:0px 1px 6px rgba(0,0,0,0.2);
}
.error-content-1 span {
    color:#2896df;
}

.error-content-1 h5 {
    font-size: 30px;
  line-height: 60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #727272;
    text-transform: uppercase;
}
.error-content-1 p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #727272;
}
.error-reply-info-field {
    width: 80%;
    height: 50px !important;
    padding: 6px 12px;
  border-radius:0px !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #b7b5b5;
    background-color: rgba(58, 58, 58, 0.7);
    border: 1px rgba(58, 58, 58, 0.7);
    border-radius: 2px;
    box-shadow: none;
    margin-top: 25px;
}
.error-submit_btn {
    padding: 15px 34px !important;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
   font-family: 'Quicksand' sans-serif;
    background-color: #2896df;
  border-color: #2896df;
    border-radius: 2px;
    text-transform: uppercase;
}
.bottom-shadow {
    padding-bottom:65px;
    margin: 0 0 0px;
  background: url(./images/breadcrumbs-shadow.png) no-repeat center bottom #fff;
}
.bottom-shadow1{
   background: url(./images/el-shadow.png) no-repeat top center;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 99;
    width: 100%;
}
.single-recent-blog{
  display:block;
  position:relative;
  margin:0 0 40px 0;
}

.single-recent-blog .img-wrapper{
  position:relative;
  padding:0;
}

.single-recent-blog .srb-content{
  position:relative;
  display:block;
  width:90%;
  background-color:#fff;
  padding:20px 40px;
  margin-left:5%;
  margin-top:-60px;
  /* z-index: 1000000; */
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1), 0 2px 4px 0 rgba(0,0,0,.1);
}

.single-recent-thumbnail .srb-content{
  text-align:center;
  background-color:#fff;
  padding:5px 5px 5px 5px;
}

.single-recent-blog .srb-content h4,
.single-recent-thumbnail h5{
  font-weight:300;
}

.single-recent-thumbnail h5{
  font-size:14px;
  margin:0;
}

.single-recent-blog .srb-content h4 a,
.single-recent-blog .srb-content h5 a,
.single-recent-thumbnail h5 a{
  color:#000;
   -wekbit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.single-recent-blog .srb-content h4 a:hover,
.single-recent-blog .srb-content h5 a:hover, ul.post-meta li a:hover{
  color:#2896df;
}

.full-recent-post{
  float:left;
  width:100%;
  padding:80px 0 0 0;
  margin:0;
}

.recent-post-column{
  float:left;
  width:50%;
}

.recent-post-column .img-wrapper,
.recent-post-column .post-column-content{
  float:left;
  width:50%;
}

.recent-post-column .post-column-content{
  padding:30px;
}

.recent-post-column .post-column-content h5 a{
  color:#2e2e35;
}
ul.post-meta {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
}
ul.post-meta li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
}
ul.post-meta li a {
    color: #202020;
}
ul.post-meta li a i{
    color: #2896df;
  margin-right: 5px;
}
.gray-container {
    background: #f6f8fb !important;
}
/* Sweep To Bottom */
.hvr-s-b{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-s-b:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   background: #1a87d0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-s-b:hover, .hvr-s-b:focus, .hvr-s-b:active {
  color: white;
}
.hvr-s-b:hover:before, .hvr-s-b:focus:before, .hvr-s-b:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.hvr-s-b:hover, .owl-prev:hover, .hvr-s-b:focus, .hvr-s-b:active {
  color:#fff;
}ul.list-info.one ul .current_page_item a {    background: #2896df !important;    padding: 7px 8px 7px;    border-radius: 4px;}