/* 
Theme Name: Esol

Theme URI: http://asiathemes.com/esol-details/

Author: asiathemes

Author URI:http://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.2

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

.wrapper{ margin:0 auto;margin:0;padding:0;font-family: 'KarlaRegular'; }



h1, .h1, .typo_heading_section h1 {

	font-size:44px;

	line-height:50px;

	font-family: 'KarlaBold';

}

h2, .h2, .typo_heading_section h2 {

	font-size:30px; 

	line-height:40px;

	font-family: 'KarlaBold';

}

h3, .h3, .typo_heading_section h3 { 

	font-size:26px;

	line-height:35px;

	font-family: 'KarlaBold';

}

h4, .h4, .typo_heading_section h4 { 

	font-size:22px;

	line-height:30px;

	font-family: 'KarlaBold';

}

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: 'KarlaRegular';

	word-wrap: break-word;

}

body{font-family: 'KarlaRegular'; font-size:14px;}

p{font-size:14px;font-family: 'KarlaRegular'; }

.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: 'KarlaBold';

  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: 'KarlaRegular';

	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: 999;

	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: 'KarlaBold';

  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: 'KarlaRegular';

  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: 'KarlaBold';

  line-height: 60px;

  margin:0;

  color:#fff;

}

.header-text p{

 font-size:28px;

 color:#fff;

 font-family: 'KarlaRegular';

 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: 'KarlaRegular';

	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: 'KarlaRegular'; 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: 'KarlaBold';

}

.cdns-service-container p{

 padding:0 !important;

 text-align:left !important;

 font-family: 'KarlaRegular';

}



/*-------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: 'KarlaRegular';

	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: 'KarlaBold';

	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: 'KarlaBold';

  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: 'KarlaBold';

  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: 'KarlaRegular';

    line-height: 26px;

    font-weight: 300;

    padding: 0;

}

.Leer_mas...{}



.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: 'KarlaRegular';

    text-transform: uppercase;

}

.blog_round p span {

    display: block;

    color: #2896df;

	font-family: 'KarlaRegular';

     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: 'KarlaBold';

    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: 'KarlaRegular';

	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: 'KarlaBold';

    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: 'KarlaRegular';

    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: 'KarlaRegular';

	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: 'KarlaRegular';

}

.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: 'KarlaRegular';

}

.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: 'KarlaRegular';

    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: 'KarlaBold';

	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: 'KarlaRegular'; }

.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: 'KarlaBold';

    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: 'KarlaRegular';

    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: 'KarlaRegular';

    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: 'KarlaRegular';

    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: 'KarlaRegular';

  font-size: 13px;

}

.contact-form .btn {

  text-align: center;

}

.contact-form button , .accent-button a{

  font-family: 'KarlaRegular';

  font-size: 18px;

  font-weight: 700;

  color:#fff;

  padding:10px 20px;

  font-family: 'KarlaBold';

  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: 'KarlaRegular';

  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: 'KarlaRegular';

  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: 'KarlaRegular';

  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: 'KarlaRegular';

  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: 'KarlaBold';

 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: 'KarlaRegular';

	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: 'KarlaRegular';

	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: 'KarlaBold';

}

.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: 'KarlaRegular';

	text-align: justify;

}

.reply a {

	border-radius: 2px;

	display: inline-block;

	font-family: 'KarlaRegular';

	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: 'KarlaRegular';

    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: 'KarlaRegular';

	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: 'KarlaRegular' !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: 'KarlaRegular';

    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: 'KarlaBold';

    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;

}