/*



Theme Name: Esol



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



Author: asiathemes



Author URI:http://asiathemes.com/



Created by: Asiathemes

o

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



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: segoe ui,      segoe ui, sans-serif;

}

h1, .h1, .typo_heading_section h1 {

	font-size: 44px;

	line-height: 50px;

	font-family: segoe ui,       segoe ui, sans-serif;

}

h2, .h2, .typo_heading_section h2 {

	font-size: 30px;

	line-height: 40px;

	font-family: segoe ui,       segoe ui, sans-serif;

}

h3, .h3, .typo_heading_section h3 {

	font-size: 26px;

	line-height: 35px;

	font-family: segoe ui,       segoe ui, sans-serif;

}

h4, .h4, .typo_heading_section h4 {

	font-size: 22px;

	line-height: 30px;

	font-family: segoe ui,       segoe ui, 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: segoe ui, segoe ui, sans-serif;

	word-wrap: break-word;

}

body {

	font-family: segoe ui, segoe ui, sans-serif;

	font-size: 14px;

}

p {

	font-size: 14px;

	font-family: segoe ui, segoe ui, sans-serif;

}

.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: segoe ui,       segoe ui, 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: segoe ui,      segoe ui, sans-serif;

	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: segoe ui,       segoe ui, 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: segoe ui, segoe ui, sans-serif;

	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: segoe ui,       segoe ui, sans-serif;

	line-height: 60px;

	margin: 0;

	color: #fff;

}

.header-text p {

	font-size: 28px;

	color: #fff;

	font-family: segoe ui, segoe ui, sans-serif;

	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: segoe ui, segoe ui, sans-serif;

	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: segoe ui,    segoe ui, sans-serif;

	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:       segoe ui, sans-serif;

}

.cdns-service-container p {

	padding: 0 !important;

	text-align: left !important;

	font-family:      segoe ui, sans-serif;

}

/*-------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:       segoe ui, sans-serif;

	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:       segoe ui, 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: segoe ui, sans-serif;

	font-size: 20px;

	line-height: 26px;

	color: #fff;

	letter-spacing: 1px;

	padding: 10px 15px;

}

#quote-carousel small {

	padding: 8px;

	font-family:       segoe ui, 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:       segoe ui, 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:      segoe ui, sans-serif;

	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:      segoe ui, sans-serif;

	text-transform: uppercase;

}

.blog_round p span {

	display: block;

	color: #2896df;

	font-family:      segoe ui, sans-serif;

	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:       segoe ui, 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:  segoe ui, sans-serif;

	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:       segoe ui, 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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

}

.footer-bg {

	background: url(images/footer-texture-1.jpg) repeat left top;

}

.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:  segoe ui, sans-serif;

}

.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:  segoe ui, sans-serif;

	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:       segoe ui, 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:  segoe ui, sans-serif;

}

.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:       segoe ui, 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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

	font-size: 13px;

}

.contact-form .btn {

	text-align: center;

}

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

	font-family:  segoe ui, sans-serif;

	font-size: 18px;

	font-weight: 700;

	color: #fff;

	padding: 10px 20px;

	font-family:       segoe ui, 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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

	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 {

	width: 100%;

	background-color: #f2f2f2;

	border: none;

	height: 42px;

	padding-left: 15px;

	font-size: 16px;

	outline: none;

	margin-bottom: 30px;

	font-family:  segoe ui, sans-serif;

	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 {

	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:  segoe ui, sans-serif;

	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:       segoe ui, 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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

	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:       segoe ui, 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:  segoe ui, sans-serif;

	text-align: justify;

}

.reply a {

	border-radius: 2px;

	display: inline-block;

	font-family:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif;

	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:  segoe ui, sans-serif !important; */

	font-size: 18px !important;

	font-weight: 700 !important;

	color: #fff !important;

	/* padding: 10px 20px !important; */



	font-family:       segoe ui, sans-serif !important;

	background-color: #2896df !important;

	border-radius: 4px !important;

	width: 25% !important;

}

.navbar-header h1 a {

	font-family: segoe ui, sans-serif !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: segoe ui, sans-serif !important;

	margin: 0px !important;

}

.site-branding a img {

	margin-top: 30px !important;

	max-height: 100%;

	max-width: 100%;

}







/* Header image style */



/* Header image style */
 /*@media screen and (min-width: 61.5625em)  .site-branding, .site-header-menu, .header-image*/
@media screen and (min-width: 990px) { 
	.site-branding, .site-header-menu, .header-image {
 margin-top: 1.75em;
 margin-bottom: 1.75em;
}
}
/*@media screen and (min-width: 44.375em)  .header-image*/ 
 @media screen and (min-width: 990px) {
.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:  segoe ui, sans-serif;

	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:       segoe ui, sans-serif;

	background-color: #2896df;

	border-color: #2896df;

	border-radius: 2px;

	text-transform: uppercase;

}

.bottom-shadow {

	padding-bottom: 65px;

	padding-bottom: 0px;

	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;

}