/*
Theme Name: Wimpie Lite
Theme URI: https://8degreethemes.com/wordpress-themes/wimpie-lite/
Author: 8Degree Themes
Author URI: https://8degreethemes.com/
Description: Wimpie lite is a powerful, feature-rich and beautiful business theme. It comes up with customizer panel which allows you to live preview your changes, configurations, settings and design! It is super user friendly, lightweight and saves a lot of setup/configuration time. Features include: access to Google Fonts, unlimited color setting, layout control, logo/fav icon upload, category slider, sticky (menu) navigation, blog layout, testimonial,  portfolio, several page and post layout and much more. Compatibility: all major browser, fully responsive, WooCommerce, bbPress and all major plugins. Others: Translation ready, SEO friendly, RTL support. 
Version: 1.5.23
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: wimpie-lite
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, threaded-comments, featured-images, full-width-template, custom-header, flexible-header

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Wimpie Lite is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
    5.1 Links
    5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
    10.1 Posts and pages
    10.2 Asides
    10.3 Comments
11.0 Infinite scroll
12.0 Media
    12.1 Captions
    12.2 Galleries
    --------------------------------------------------------------*/

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s,
samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

body {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    position: relative;
    font-family: 'PT Sans';
}

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
main, 
nav, 
section {
    display: block;
}

ol, 
ul {
    list-style: outside none none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, 
th, 
td {
    padding: 5px 10px;
    font-weight: normal;
    text-align: left;
}
.widget_calendar caption, 
.widget_calendar th, 
.widget_calendar td {
    text-align: center;
    padding: 0;
}
.widget_calendar td#prev {
    text-align: left;
    padding-left: 10px;
}
.widget_calendar td#next {
    text-align: right;
    padding-right: 10px;
}

blockquote:before, blockquote:after, 
q:before, q:after {
    content: "";
}

blockquote, 
q {
    quotes: "" "";
}

a:focus {
    outline: 0 none;
}

a:hover, 
a:active {
    outline: 0 none;
}

a img {
    border: 0 none;
}

/*-------------------------------------------------------------
FONT INCLUDE
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body, 
button, 
input, 
select, 
textarea {
    color: #000000;
    font-family: 'PT Sans';
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    clear: both;
    color: #025d9d;
    font-family: 'PT Sans';
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 15px;
}

p {
    margin-bottom: 20px;
}

b, strong {
    font-weight: bold;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
  background: #eee none repeat scroll 0 0;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin: 15px;
  padding: 15px 15px 15px 42px;
  position: relative;
}

blockquote:before {
  content: "“";
  font-size: 64px;
  left: 15px;
  position: absolute;
  top: -12px;
  color: #ccc;
}

address {
    margin: 0 0 15px;
}

pre {
    background: none repeat scroll 0 0 #eee;
    font-family: 'PT Sans';
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, 
kbd, 
tt, 
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: none repeat scroll 0 0 #fff9c0;
    text-decoration: none;
}

sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: 0.5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0 none;
    height: 1px;
    margin-bottom: 15px;
}

ul, ol {
    margin: 0 0 15px 20px;
}

ul {
    list-style: outside none disc;
}

ol {
    list-style: outside none decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

figure {
    margin: 0;
}

table {
    border-collapse: collapse;
    margin: 0 0 15px;
    width: 100%;
}

th {
    border: 1px solid #ccc;
    font-weight: bold;
    /*padding: 5px 10px;*/
}

td {
    border: 1px solid #ccc;
    /*padding: 5px 10px;*/
    color: #000;
}

#wp-calendar a {
    color: #cc444d;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button, 
input, 
select, 
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
}

.es_button input[type="button"]{
    padding: 10px 16px !important;
}

.navigation .nav-links a, 
.bttn, 
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    background:#cc444d;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 15px;
    position: relative;
    text-shadow: none;
}

.navigation .nav-links a:hover, 
.bttn:hover, button, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
    background: #de4c55;
    color:#fff;
}

input[type="checkbox"], 
input[type="radio"] {
    padding: 0;
}

button::-moz-focus-inner, 
input::-moz-focus-inner {
   border: 0 none;
   padding: 0;
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"] {
    border: 1px solid #ccc;
    color: #666;
    height: 36px;
    width: 100%;
    border-radius: 3px;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
textarea:focus {
    border: 1px solid #aaa;
}

.searchform input[type="text"]:focus {
    border: medium none;
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"] {
    padding: 3px 6px;
}

textarea {
    border: 1px solid #ccc;
    color: #666;
    height: 125px;
    max-width: 100%;
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    width: 100%;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a:visited {
}

a:hover, 
a:focus, 
a:active {
    color: inherit;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover, 
.screen-reader-text:active, 
.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: 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;
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clearfix:before, .clearfix:after, 
.row:before, .row:after, 
.entry-content:before, .entry-content:after, 
.comment-content:before, .comment-content:after, 
.site-content:before, .site-content:after, 
.site-footer:before, .site-footer:after, 
.ed-container:after, .ed-container:before {
    content: "";
    display: table;
}

.clearfix:after, 
.row:after, 
.entry-content:after, 
.comment-content:after, 
.site-content:after, 
.site-footer:after, 
.ed-container:after {
    clear: both;
}

.clear {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 25px;
}

.widget select {
    max-width: 100%;
}
.widget_search .search-submit {
    display: none;
}
h1.entry-title {
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.search-results .site-main article .entry-title {
    font-size: 18px;
    margin-bottom: 0;
}
.search-results .entry-meta {
    margin-top: 0;
}
.entry-title a {
    color: #333;
}
.single .entry-header {
    margin-bottom: 20px;
}
.page-title {
    margin-bottom: 10px;
    font-size: 30px;
}
.hentry {
    margin: 0 0 15px;
}
.byline, 
.updated {
    display: none;
}
.entry-meta .byline, 
.entry-meta .updated {
    display: inline-block;
}
.entry-meta .byline {
    padding-left: 10px;
    font-size: 14px;
}
.entry-meta a:hover {
    color: #cc444d;
}
.single .byline, 
.blog .byline, 
.posted-on {
    display: inline;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}
.page-content, .entry-content, .entry-summary {
    margin:0;
}
.entry-summary > p {
    margin-bottom: 20px;
}
.page-links {
    clear: both;
    margin: 0 0 15px;
}
.edit-link .post-edit-link {
    background: none repeat scroll 0 0 #293037;
    border-radius: 3px;
    color: #fff !important;
    font-size: 13px;
    line-height: 1;
    padding: 4px 10px;
}
.edit-link .post-edit-link:before {
    content: "\f044";
    font-family: FontAwesome;
    margin-right: 5px;
}
#blog-post article.hentry, 
.search article.hentry,  
.tag article.hentry, 
.category article.hentry,
.blog article.hentry {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
article.hentry .edit-link {
    display: block;
    margin-top: 20px;
}
article.hentry h1.entry-title {
    line-height: 1.2;
    margin-bottom: 5px;
}
article.hentry .entry-footer > span {
    font-size: 13px;
    margin-right: 15px;
}
.page-header .page-title {
    color: #666;
    margin-bottom: 16px;
}
.page-header .page-title b, .entry-header .entry-title b, .entry-header .page-title b {
    font-weight: normal;
    background: #fff;
    padding: 0 10px 0 0;
}
.archive .page-header .title-border, .page .entry-header .title-border, .search .page-header .title-border{
    position: relative;
    width: 100%;
    border-bottom: 2px solid #f1f1f1;
    bottom: 20px;
}
.single .entry-header .title-border{
    border-bottom: 2px solid #f1f1f1;
    bottom: 24px;
}
.posted-on:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
}
.cat-links:before {
    content: "\f07c";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
}
.tags-links:before {
    content: "\f02c";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
}
.entry-footer a {
    color: #999;
}
.entry-footer a:hover {
    color: #e6565f;
}
.nav-links .meta-nav {
    display: none;
}
.nav-links .nav-previous, 
.nav-links .nav-next {
    float: left;
    width: 50%;
}
.blog .nav-links .nav-previous, .blog .nav-links .nav-next {
  float: left;
  margin-bottom: 5px;
  width: 50%;
}
.nav-links .nav-next {
    text-align: right;
}
.nav-links .nav-previous a, .nav-links .nav-next a{
    background: #303552 none repeat scroll 0 0;
    color: #fff;
}
.nav-links .nav-previous a:hover, .nav-links .nav-next a:hover{
    background: #303552;
}
.nav-links .nav-previous a{
    margin: 0 0 0 20px;
}
.nav-links .nav-previous a:hover{
    padding-right: 20px;
}
.nav-links .nav-previous a:after {
    color: #303552;
    content: "";
    font-family: fontawesome;
    font-size: 60px;
    left: -19px;
    position: absolute;
    top: -36px;
}
.nav-links .nav-next a{
    margin: 0 20px 0 0;
}
.nav-links .nav-next a:hover{
    padding-left: 20px;
}
.nav-links .nav-next a:before {
    color: #303552;
    content: "\f0da";
    font-family: fontawesome;
    font-size: 60px;
    right: -20px;
    position: absolute;
    top: -36px;
}
.entry-thumbnail {
    float: left;
    width: 20%;
}
.archive-thumbnail {
    margin-bottom: 20px;
}
.entry-exrecpt {
    float: right;
    width: 60%;
}
.short-content {
    margin-bottom: 10px;
}
.short-content + .bttn {
    float: left;
}
.archive-wrap .archive-btn {
    float: left;
}
.entry-footer {
    margin-top: 10px;
}
.full-width {
    float: none;
    width: 100%;
}
.blog .format-aside .entry-title, 
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
#comments h2.comments-title {
    background: #eee none repeat scroll 0 0;
    color: #333;
    display: inline-block;
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
    margin: 15px 0;
    padding: 8px 15px;
    width: 100%;
}
#comments h3:before{
    color: #efefef;
    content: "";
    font-family: fontawesome;
    font-size: 78px;
    left: -1px;
    position: absolute;
    top: -16px;
}
#comments h3:after{
   color: #cc444d;
   content: "";
   font-family: fontawesome;
   font-size: 73px;
   position: absolute;
   right: -25px;
   top: -15px;
}
#comments h3 {
    background: #cc444d none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    left: 20px;
    line-height: 1;
    padding: 10px 20px 10px 40px;
    position: relative;
    left:-5px
}
#commentform label {
    display: inline-block;
    width: 120px;
    color: #353535;
}
.comment-form p {
    color: #353535;
    margin-bottom: 20px;
}
textarea#comment {
    height: 150px;
    width: 100%;
}
.comments-area ol {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.comments-area ol.children {
    margin: 0 0 0 15px;
}
.comment-list .comment-body {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
    padding: 15px;
}
.comment-author img {
    margin-right: 15px;
    vertical-align: text-top;
}
.home .comment-author {
    float: left;
}
.comment-author .fn {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
}
.comment-author .fn .url {
    color: #333;
    padding: 0 5px;
}
.comment-author .fn .url:hover {
    background: none repeat scroll 0 0 #23a38f;
    color: #fff;
}
.comment-author .says {
    display: none;
}
.commentmetadata {
    float: right;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}
.commentmetadata a {
    color: #666;
}
.commentmetadata .comment-edit-link {
    color: #01aefd;
}
.commentmetadata + .clear {
    margin-bottom: 20px;
}
.reply .comment-reply-link {
    background: #cc444d;
    border-radius: 3px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
    padding: 5px 10px;
}
.reply .comment-reply-link:hover {
    background: #de4c55;
}
#respond {
    background: none repeat scroll 0 0 #efefef;
    color: #ccc;
    margin-top: 70px;
    padding: 20px;
}
.comments-area input {
    border-radius: 0px;
}
#commentform .form-submit {
    margin-bottom: 0;
}
#cancel-comment-reply-link {
    color: #fff;
    font-style: italic;
}
#cancel-comment-reply-link:before {
    color: #fff;
    content: "?";
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 20px;
}
.logged-in-as a {
    color: #353535;
}

/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .paging-navigation, 
.infinite-scroll.neverending .site-footer {
    display: none;
}
.infinity-end.neverending .site-footer {
    display: block;
}
#infinite-footer {
    display: none;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content img.wp-smiley, 
.entry-content img.wp-smiley, 
.comment-content img.wp-smiley {
    border: medium none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 10px 0;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
    border: medium none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd, 
.site-main .gallery figcaption {
    margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}

.site-main .gallery-columns-4 .gallery-item img {
}

/*--------------------------------------------------------------
Common css
--------------------------------------------------------------*/
embed, 
iframe, 
object {
    max-width: 100%;
}
body {
    font-weight: 400;
}
body.boxed-layout {
    margin: 0 auto;
    position: relative;
    width: 1200px;
    overflow: visible;
}
.ed-container {
    margin: 0 auto;
    width: 1170px;
}
.menu-toggle {
    display: none;
}
.sticky {
}
.bypostauthor {
}
.bx-wrapper * {
    direction: ltr;
}
blockquote p:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
#masthead {
    background: #fff;
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
    border-bottom: 3px solid #025d9d;
}
.no-slider {
    background: rgba(195, 69, 71,0.9) !important;
    border-bottom: 3px solid #cc444d;
}
.home #masthead {
    background: none repeat scroll 0 0;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
}
.blog #masthead {
    background: none repeat scroll 0 0;
    margin-bottom: 0;
    width: 100%;
}
.blog #masthead.no_slider, .home #masthead.no_slider {
    background: rgba(195, 69, 71,0.9);
    position: relative;
    z-index: 999;
}
.home .slider-wrapper {
  margin-bottom: 30px;
}
.blog .slider-wrapper {
  margin-bottom: 30px;
}
.blog #masthead.classic, .home #masthead.classic {
    position: static;
    background: #fff;
}
.site-branding {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 10px 0;
    width: 19.3%;
}
.menu-wrap {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 80%;
}
.tagline {
    color: #aaa;
    font-size: 14px;
    font-style: italic;
    line-height: 17px;
}
.logo-center .tagline {
    margin-bottom: 5px;
}
.site-text{
    display: inline;
}
.site-branding h1, 
.home .classic .site-branding h1 {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
    display: inline;
}
.home .site-branding h1 {
    color: #fff;
}
.site-branding.logo-center {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 10px 0 0px 0;
    text-align: center;
}
.menu-center #site-navigation ul > li a{
    line-height: 30px;
}
.site-branding.logo-right {
    float: right;
    padding: 3px 0 10px;
}
.home .site-title a, .home .site-description {
    color: #fff !important;
}
.home .classic .site-title a, 
.home .classic .site-description, 
.classic .site-title a, 
.classic .site-description {
    color: #000 !important;
}

/*--------------------------------------------------------------
header social
--------------------------------------------------------------*/
.header-social {
    background: rgba(0,0,0,0.5);
}
.header-social .wl_footer_social {
    float: right;
    line-height: 45px;
}

/*--------------------------------------------------------------
Menu
--------------------------------------------------------------*/
#site-navigation {
    float: right;
    display: none;
}
#site-navigation .nav-menu {
    list-style: outside none none;
    margin: 0;
}
#site-navigation .nav-menu li {
    float: left;
    position: relative;
    white-space: nowrap;
    display: block;
    color: #666;
}
.home #site-navigation .nav-menu li {
    color: #fff;
}
.classic #site-navigation .nav-menu li, 
.home .classic #site-navigation .nav-menu li {
    color: #777;
}
#site-navigation .nav-menu li a {  
    display: block;
    font-size: 17px;
    padding: 22px 22px;
    position: relative;
    text-transform: capitalize;
}
#site-navigation .nav-menu li a:hover, 
#site-navigation .nav-menu li.current-menu-item > a, 
#site-navigation .nav-menu li.current_page_item > a {
    background: #eee none repeat scroll 0 0;
    color: #444;
}
#site-navigation .nav-menu li:hover, 
#site-navigation .nav-menu li.current-menu-item, 
#site-navigation .nav-menu li.current_page_item,
#site-navigation .nav-menu li.current-menu-ancestor,
#site-navigation .nav-menu li.current-menu-parent {
    color: rgb(51,51,51, 1);
    display: block;
}
#site-navigation .nav-menu li a:after {
    border: medium none;
}
#site-navigation .nav-menu li a:hover:after, 
#site-navigation .nav-menu li.current-menu-item a:after,
#site-navigation .nav-menu li.current_page_item a:after, 
#site-navigation .nav-menu li.current-menu-ancestor a:after,
#site-navigation .nav-menu li.current-menu-parent a:after {
    color:#cc444d;
    border: medium none;
    content: "";
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: -999999;
}
.main-navigation .menu ul.sub-menu, .main-navigation .menu ul.children {
    background: #eee;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
    margin: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    text-align: left;
}
.main-navigation .nav-menu li:hover > ul.sub-menu, .main-navigation .nav-menu li:hover > ul.children {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
#site-navigation .menu ul.sub-menu ul.sub-menu, #site-navigation .menu ul.children ul.children {
    left: 100%;
    top: 0;
}
#site-navigation .menu ul.sub-menu li, #site-navigation .menu ul.children li {
    float: none;
}
.main-navigation .menu ul.sub-menu li a:after, .main-navigation .menu ul.children li a:after {
    background: none repeat scroll 0 0 #21232b;
    border: medium none;
    bottom: -2px;
    content: "";
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 999999;
}
.main-navigation .menu ul.sub-menu li a:hover, 
.main-navigation .menu ul.sub-menu li.current-menu-item a, 
.main-navigation .menu ul.sub-menu li.current_page_item a,
.main-navigation .menu ul.children li a:hover, 
.main-navigation .menu ul.children li.current-menu-item a, 
.main-navigation .menu ul.children li.current_page_item a {
    color:#cc444d;
}
.main-navigation .menu ul.sub-menu a, 
.main-navigation .menu ul.children a {
    min-width: 160px;
    padding: 10px 22px !important;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    color:#777;
    font-weight: normal;
    font-size: 16px !important;
}
.main-navigation .menu ul.sub-menu a:hover, 
.main-navigation .menu ul.children a:hover {
    color: #333;
    background: #ddd; 
}
.main-navigation .menu ul.sub-menu li:hover > ul.sub-menu, 
.main-navigation .menu ul.children li:hover > ul.children {
    display: block;
    height: auto;
    opacity: 1;
    top: 99px;
    left: 0%;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    visibility: visible;
}
.menu-center #site-navigation {
    display: inline-block;
    float: none;
}
.menu-wrap.menu-center {
    line-height: 10px;
    text-align: center;
    width: 100%;
}
.menu-wrap.menu-right {
    float: left;
    width: auto;
}
.menu-wrap.menu-right .search-icon{
    float: left;
    margin-left: 0px;
}

/*--------------------------------------------------------------
Search css
--------------------------------------------------------------*/
.search-icon .wl-search {
    background: rgba(53, 53, 53, 0.4) none repeat scroll 0 0;
    display: none;
    margin: 0 auto;
    padding: 30px 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 99999999;
}
.menu-wrap .search-icon .search-form {
    margin: 0 auto;
    width: 1170px;
}
.menu-wrap .search-icon .search-form label {
    display: inline-block;
    width: 84%;
}
.search-icon {
    background: #555; 
    color: #777;
    float: right;
    margin-left: 10px;
}
.search-icon i {
    color: #fff;
    cursor: pointer;
    padding: 28px 10px;
    line-height: 20px;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
}
.classic .search-icon i {
    color: #777;
}
.search-icon i:hover {
    color: rgb(51,51,51);
}
.site-header .search-icon{
    background: none; 
}
.menu-wrap .search-field {
    box-sizing: border-box;
    display: inline;
    font-size: 20px;
    height: 58px;
    padding: 5px 15px;
    width: 100%;
}
.menu-wrap .search-submit {
    border-radius: 3px;
    font-size: 25px;
    font-weight: 400;
    height: 58px;
    line-height: 0;
    width: 15%;
}
.menu-center .search-icon {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.menu-center .search-icon i{
    padding:25px 15px;
}

/*--------------------------------------------------------------
Home Slider
--------------------------------------------------------------*/
.no_slider ~ .site-content {
    margin-top: 40px;
}
.home .site-content {
    position: relative;
}
#main-slider .bx-wrapper {
    position: relative;
}
#main-slider .slides {
    text-align: center;
}
.bx-wrapper img{
    margin: 0 auto;
}
#main-slider .caption-wrapper {
    left: 0px;
    margin-top: 0px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
    height: 100%;
    padding-top: 16%;
}
.caption-wrapper .ed-container {
    width: 800px;
}
#main-slider .slider-caption {
    color: #fff906;
}
#main-slider .small-caption {
    font-size: 22px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 10px;
    margin-right: 62px;
    text-align: right;
}
#main-slider .slider-content h2 {
    color: #fff !important;
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 15px;
    padding: 0;
}
#main-slider .slider-content h2 span{
    color:#333;
    text-transform: uppercase;
}
#main-slider .slider-content p{
    font-size: 22px;
    text-align: center;
    line-height: 27px;
}
#main-slider .caption-title,
#main-slider .slider-content > p > span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px medium;
    color: #ffffff;
    display: inline-block;
    font-size: 82.78px;
    line-height: 73px;
    margin-bottom: 0;
    padding-bottom: 7px;
}
#main-slider .caption-title span,
#main-slider .caption-title span.orange {
    color: #cc444d;
    border: none;
}
#main-slider .caption-description,
.slider-conten {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 20px;
}
#main-slider .slider-btn {
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    margin-top: 16px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 35px;
    background: #cc444d;
    border:2px solid #cc444d;
    padding: 0px 23px;
}
#main-slider .slider-btn:hover {
    background: transparent;
    border: 2px solid #fff;
}
#main-slider .bx-controls-direction {
    height: auto;
    left: 0;
    margin-top: -21px;
    overflow: visible;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 99;
}
#main-slider .bx-prev, 
#main-slider .bx-next {
    background-size: 15px auto !important;
    color: transparent;
    cursor: pointer;
    font: 0px/0 a;
    height: 55px;
    padding: 10px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 55px;
    margin-top: -27px;
}
#main-slider .bx-prev {
    background: url("images/prev-arrow.png") no-repeat scroll center center;
    left: -100px;
}
#main-slider .bx-next {
    background: url("images/next-arrow.png") no-repeat scroll center center;
    right: -100px;
}
#main-slider .bx-wrapper:hover .bx-prev {
    left: 10px;
}
#main-slider .bx-wrapper:hover .bx-next {
    right: 10px;
}
#main-slider .bx-pager.bx-default-pager {
    position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 50px;
    text-align: center;
}
#main-slider .bx-pager-item a {
    border:1px solid #fff;
    background: #fff; 
    display: inline-block;
    font: 0px/0 a;
    margin-bottom: 5px;
    text-align: right;
    width: 10px;
    height: 10px;
    border-radius: 0;
    transition:all ease-in-out 0.5s;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
}
#main-slider .bx-pager-item a:hover, 
#main-slider .bx-pager-item a.active {
    border:1px solid #cc444d;
    background: #cc444d; 
}
.bx-pager-item {
    display: inline-block;
    height: 20px;
    width: 20px;
}

/*--------------------------------------------------------------
About
--------------------------------------------------------------*/
.about {
    padding: 30px 0 60px 0;
    position: relative;
}
.page-header {
    text-transform: capitalize;
}
.home-title {
    color: #025d9d;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    text-transform: capitalize;
}
.home-title b{
    background:#fff;
    padding:0 0; /* 10px*/
}
.home-title span{
    color: #cc444d;
}
.home-title span span{
    color: #cccccc;
}
.title-border{
    position: relative;
    bottom:44px;
    width: 100%;
    border-bottom:1px solid #e5e5e5;
    z-index: -9999;
    display: none;
}
.stat-counter .title-border, .top-footer .title-border {
    display: none;
}
.about .home-description{
    margin-bottom: 0px;
}
.home-description {
    color: #777;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 40px;
    text-align: center;
}
.about .about-img {
    text-align: center;
    width: 48%;
    float: right;
}
.pricing-table-desc.home-description {
    margin-bottom: 20px;
    text-align: center;
}

/*--------------------------------------------------------------
Our services
--------------------------------------------------------------*/
.our-services {
    /*background: url(images/service-top-border.png) repeat-x;*/
    padding: 60px 0;
    border-top: 1px solid #f3f3f3;
}
.our-services h2.home-title{
    margin-bottom: 15px;
}
.our-services .title-border{
    bottom: 40px;
}
.service-block-wrapper .service-1, .service-block-wrapper .service-2, .service-block-wrapper .service-3 {
    float: left;
    margin-right: 38px;
    text-align: center;
    width: 364px;
}
.service-block-wrapper .service-3{
    margin-right: 0px;
}
.our-services .service-icons {
    color: #3e3e3e;
    font-size: 65px;
    line-height: 203px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.service-icons > a {
    display: block;
    font-size: 24px; 
}
.our-services .service-title {
    color: #444;    
    font-weight: 400;
    /*margin-bottom: 10px;*/
    margin-top: 20px;
    text-transform: capitalize;
}
.our-services .service-title b {
    background: #fff;
    /*padding: 0 20px;*/
    font-size: 16px;
    font-weight: 600;
    transition:all ease-in-out 0.5s;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
}
.service-block:hover .service-title b {
    color: #cc444d;
}
.our-services .service-title .title-border {
    position: relative;
    bottom:20px;
    width: 100%;
    border-bottom:1px solid #f2f2f2;
    z-index: -9999;
    display: none;
}
.our-services .service-content {
    color: #777;
    font-size: 16px;
    line-height: 25px;
}
.service-block .service-icons img{
    transition:all ease-in-out 0.5s;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
}
.service-block:hover .service-icons img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
}
.service-btn {
    margin-top: 20px;
}

/*--------------------------------------------------------------
Pricing Table
--------------------------------------------------------------*/
.pricing-table {
    padding: 90px 0;
    position: relative;
}
.pricing-table:before {
    border-bottom: 40px solid #fff;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    content: "";
    left: 50%;
    margin-left: -80px;
    position: absolute;
    top: -40px;
    z-index: 99;
}
.pricing-table:after {
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 40px solid #fff;
    bottom: -40px;
    content: "";
    left: 50%;
    margin-left: -80px;
    position: absolute;
    z-index: 99;
}
.price-table {
    float: left;
    margin-left: 20px;
    text-align: center;
    width: 370px;
}
.pricing-table .price-table.table3 {
    width: 384px;
}
.price-table-wrapper {
    margin-left: -20px;
}
.pricing-table .table1 {
    background: none repeat scroll 0 0 #8dc63f;
    margin-top: 35px;
}
.pricing-table .table2 {
    background: none repeat scroll 0 0 #f7941d;
}
.pricing-table .table3 {
    background: none repeat scroll 0 0 #17c2a4;
    margin-top: 35px;
}
.pricing-table .table1 .title-price {
    background: url("images/green-arrow.png") no-repeat scroll left bottom #98d347;
    min-height: 185px;
}

.pricing-table .table2 .title-price {
    background: url("images/yellow-arrow.png") no-repeat scroll left bottom #ffab46;
    min-height: 185px;
}
.pricing-table .table3 .title-price {
    background: url("images/blue-arrow.png") no-repeat scroll left bottom #1cd4b4;
    min-height: 185px;
}
.pricing-table .title-price {
    color: #ffffff;
    font-size: 42px;
    padding-top: 30px;
}
.pricing-table .table2 .price {
    font-size: 52px;
    line-height: 90px;
}
.pricing-table .pricing-type {
    display: block;
    line-height: 33px;
    text-transform: uppercase;
}
.price .dollar {
    display: inline-block;
    font-size: 28px;
    margin-right: 3px;
    position: relative;
    top: -13px;
}
.pricing-table .table-content ul {
    list-style: outside none none;
    margin: 0;
    padding: 50px 18px;
}
.pricing-table .table2 .table-content ul {
    list-style: outside none none;
    margin: 0;
    padding: 85px 18px 50px;
}
.pricing-table .table-content li {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    color: #ffffff;
    font-size: 22px;
    font-weight: 300;
    line-height: 41px;
}

.pricing-table .table-content li:first-child {
    border-top: medium none;
}
.pricing-table .table1 .product-link {
    background: none repeat scroll 0 0 #98d347;
}
.pricing-table .table2 .product-link {
    background: none repeat scroll 0 0 #ffab46;
    padding-bottom: 60px;
}
.pricing-table .table3 .product-link {
    background: none repeat scroll 0 0 #1cd4b4;
}
.pricing-table .product-link {
    padding: 30px 0;
}
.pricing-table .product-link a {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    text-transform: uppercase;
}
.pricing-table .table1 .product-link a {
    background: none repeat scroll 0 0 #689827;
    border-bottom: 2px solid #5c8622;
}
.pricing-table .table2 .product-link a {
    background: none repeat scroll 0 0 #c8740f;
    border-bottom: 2px solid #b0660d;
}
.pricing-table .table3 .product-link a {
    background: none repeat scroll 0 0 #0e9e85;
    border-bottom: 2px solid #0c8b75;
}
.pricing-table .product-link span {
    display: inline-block;
    padding: 0 10px;
}
.pricing-table .product-link span {
    display: inline-block;
    padding: 0 10px;
}
.pricing-table .table1 .product-link span {
    background: none repeat scroll 0 0 #5c8622;
}
.pricing-table .table2 .product-link span {
    background: none repeat scroll 0 0 #b0660d;
}
.pricing-table .table3 .product-link span {
    background: none repeat scroll 0 0 #0c8b75;
}
.pricing-table .table1 .product-link span.more-text {
    background: none repeat scroll 0 0 #689827;
}
.pricing-table .table2 .product-link span.more-text {
    background: none repeat scroll 0 0 #c8740f;
}
.pricing-table .table3 .product-link span.more-text {
    background: none repeat scroll 0 0 #0e9e85;
}
.pricing-table .product-link a:hover span i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pricing-table .product-link a:hover span i {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}

/*--------------------------------------------------------------
Awesome
--------------------------------------------------------------*/
.awesome-feature {
    background: url(images/feature-bg.jpg) repeat;
    padding: 60px 0;
}
.awesome-feature .aw-left, 
.awesome-feature .aw-right {
    display: inline-block;
    padding: 10px;
    position: relative;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    vertical-align: top;
    width: 49%;
}
.awesome-feature .aw-left .aw-title:hover, 
.awesome-feature .aw-right .aw-title:hover {
    color:#cc444d;
}
.awesome-feature .aw-left{
    padding-right: 25px;
}
.awesome-feature .aw-right{
    padding-left: 25px;
}
.awesome-feature .aw-content {
    display: inline-block;
    float: right;
    width: 74%;
}
.awesome-feature .awesome-icons {
    float: left;
    width: 22%;
    overflow: hidden;
}
.awesome-icons > span {
    background: none repeat scroll 0 0 #fbfbfc;
    border-radius: 100%;
    color: #3c4761;
    display: block;
    font-size: 24px;
    line-height: 70px;
    position: relative;
    text-align: center;
    overflow: hidden;
    border:1px solid #cccccc;
    padding: 5px; 
    width: 100px;
    height: 100px;
}
.awesome-icons > span img {
    border-radius: 100%;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.awesome-feature .aw-left:hover .awesome-icons > span img, 
.awesome-feature .aw-right:hover .awesome-icons > span img {   
    opacity: 0.75;
}
.awesome-feature .aw-left .awesome-icons span:after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ffffff;
    border-top: 5px solid transparent;
    content: "";
    margin-top: -5px;
    position: absolute;
    right: -4px;
    top: 50%;
}
.awesome-feature .aw-right .awesome-icons span:after {
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ffffff;
    border-top: 5px solid transparent;
    content: "";
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}
.awesome-feature .aw-title {
    color: #777777;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    text-transform: capitalize;
}
.awesome-feature .aw-excerpt {
    color: #777777;
    font-size: 15px;
    line-height: 22px;
    margin-top: 8px;
    text-align: left;
}
.awesome-feature .aw-wrapper {
    margin-bottom: 36px;
}
.awesome-feature a.btn {
    margin-top: 0;
}
.awesome-icons a img, .awesome-icons a i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
    overflow: hidden;
    width: 100%;
    margin:0 auto;
    height: 100%;
    border-radius: 100%;
}
.team-hover-icon .fa.fa-link {
    color: #fff;
}

/*--------------------------------------------------------------
Portfolio
--------------------------------------------------------------*/
.portfolio {
    padding: 60px 0;
    text-align: center;
}
.portfolio .title, .portfolio .port-desc {
    color: #f92a2a;
}
#portfolio-grid .port-wrap {
    display: inline-block;
    float: none;
    margin-right: 25px;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    cursor: pointer;
}
.portfolio-content .read-more {
    background: transparent;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    height: 45px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    text-transform: capitalize;
    width: 160px;
    display: block;
    border:2px solid #f7faff; 
}
.portfolio-content .read-more:hover {
    color: #cc444d;
    background:#fff;
}
.portfolio-content {
    left: 0;
    position: absolute;
    top: -360px;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    height: 100%;
    display: block;
}
#portfolio-grid .port-wrap:hover .portfolio-content { 
    width: 100%;
    height: 100%;
    display: block;
    visibility: visible;
    background: rgba(0,0,0,0.55);
    top:0px;
}
.portfolio-content .port-title {
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 300;
}
.portfolio-content .port-content {
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
}
.portfolio-content-wrapper {
    height: 100%;
    left: 0;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 100%;
}
#portfolio-grid .port-wrap .portfolio-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#portfolio-grid .port-wrap:hover .portfolio-image {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}

/*--------------------------------------------------------------
Stat counter
--------------------------------------------------------------*/
.stat-counter {
    background: none repeat scroll 0 0 #fff;
    padding-bottom: 60px;
    padding-top: 60px;
}
.btn-wrapper .btn, 
.btn-wrapper a {
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    margin-top: 30px;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    background: #cc444d;
    border:2px solid #cc444d;
    padding: 0px 23px;
}
.btn-wrapper .btn:hover, 
.btn-wrapper a:hover {
    background: transparent;
    text-decoration: none;
    color: #000;
    border: 2px solid #cc444d;
}
.btn-wrapper .btn:active, 
.btn-wrapper a:active{
    width: 180px;
}
.btn-wrapper {
    text-align: center;
    clear: both;
}
.statcounters {
    margin-top: 40px;
    display: inline-block;
    width: 24.66%;
    padding: 0 20px;
}
.statcounter-circle {
    color: #777777;
    font-size: 36px;
    text-align: center;
}
.coutner-title > h2 {
    color: #777777;
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 36px;
}
.stat-counter-title {
    color: #025d9d;
    font-size: 40px;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 20px;
    text-align: center;
}
.stat-counter-desc {
    color: #777777;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-weight: 300;
}
.inner-circle > h2 {
    color: #777777;
    font-size: 30px;
    font-weight: 300;
    padding-top: 50px;
    margin: 0 auto;
}
.inner-circle {
    border: 10px solid #025d9d;
    border-radius: 100%;
    margin: 0 auto;
    height: 150px;
    width: 150px;
}
.stat-fa {
    margin-top: 20px;
}
.statcounters:hover i {
    -webkit-transform: translate(5px, -9px);
    -moz-transform: translate(5px, -9px);
    transform: translate(5px, -9px);
}
.statcounters i {
    -webkit-transform: translate(0px) scale(1);
    -moz-transform: translate(0px) scale(1);
    transform: translate(0px) scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

/*--------------------------------------------------------------
Blog
--------------------------------------------------------------*/
.blog-title {
    color: #000000;
    font-size: 30px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 35px;
    text-align: center;
}
.blog-desc {
    margin-bottom: 40px;
    font-weight: 300;
    color: #777777;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}
.blogs .client-border {
    display: none;
}
.blog-single-title {
    margin-bottom: 5px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #4c4c4c;
    border-bottom: 1px solid #dde1de;
    text-transform: capitalize;
}
.blog-in-wrap {
    border-bottom: 1px solid #eee;
    display: inline-block;
    margin-bottom: 40px;
    margin-right: 2%;
    padding-bottom: 40px;
    transition: all 0.5s ease 0s;
    width: 47%;
    vertical-align: top;
}
.blog .blog-wrap{
    margin-bottom: 0px;
}
.blog-content {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #4c4c4c;
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px solid #dde1de; 
    float:right;
    width: 62%;
}
.blog-content > span {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    color: #cc444d;
    text-transform: capitalize;
    transition:all ease-in-out 0.5s;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
}
.blog-content > span a:hover {
    text-decoration: underline;
    padding-left: 5px;
    font-style: italic; 
}
.blog-image {
    margin-right: 20px;
    float: left;
}
.blog-image img {
    transition:all ease-in-out 0.5s;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
}
.blog-in-wrap:hover .blog-image img {
    opacity: 0.75;
}
.blog-date {
    color: #777777;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    display: inline-block;
    padding: 5px 10px 5px 0;
    margin-right: 10px;
    border-right: 1px solid #dde1de; 
}
.blog-title-comment {
    display: inline-block;
    vertical-align: top;
    float:right;
    width: 62%;
}
.blog-author {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: #303552;
}
.blog-author span{
    color: #777777;
}
.blog-comment {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    padding-right:10px;
    margin-right: 10px;
    border-right:1px solid #dde1de;
}
.blog-author .fa.fa-user {
    margin-right: 10px;
}
.blog-comment .comments-link > a {
    color: #777777;
    font-size: 13px;
    line-height: 23px;
    font-weight: 300;
}
.blogs .btn-wrapper .btn {
    margin-top: 0;
}
.blog-thumbnail .blog-image{
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
   -webkit-filter: grayscale(0%); 
}
.blog-thumbnail .blog-image:hover{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ 
}

/*=============== BLOG PAGE ==========================*/

/* BLOG LAYOUT-THREE*/
.blog_layout2 .category-blog {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 3px solid #eee;
}
.blog_layout3 .category-blog{
    background: #eee;
    padding: 20px;
    margin-bottom: 40px;
}
.blog_layout2 .category-blog:last-child, .blog_layout3 .category-blog:last-child{
    border-bottom: none;
    margin-bottom: 0;
}
.blog_layout2 .archive-thumbnail, .blog_layout3 .category-blog .archive-thumbnail{
    float: left;
    width: 35%;
    margin-right: 2%;
    margin-bottom: 0;
}
.blog_layout3 .category-blog:nth-of-type(even) .archive-thumbnail{
    float: right;
    margin-right: 0;
    margin-left: 2%;
}
.blog_layout2 .text-content, .blog_layout3 .category-blog .text-content{
    float: right;
    width: 63%;
}
.blog_layout3 .category-blog:nth-of-type(even) .text-content{
    float:left;
}
.archive .feature .archive-thumbnail{
    width: 100%;
}
.archive article.hentry{
    margin-bottom: 30px;
    border-bottom: none;
    padding-bottom: 0px;
}
.archive article.hentry:last-child {
    margin-bottom: 0;
}
.archive article.hentry .text-content, .page .blog_layout1 article.hentry .text-content, 
.page .blog_layout4 article.hentry .text-content{
    background: #f3f3f3;
    padding: 20px;
    box-shadow: 0 0 0 1px #f3f3f3;
    margin-bottom: 40px;
}
.archive article.hentry:last-child .text-content, .page .blog_layout1 article.hentry:last-child .text-content, 
.page .blog_layout4 article.hentry:last-child .text-content {
    margin-bottom: 0;
}
.archive article.hentry .text-content .entry-summary{
    color: #666;
}
.archive article.hentry .entry-header h2.entry-title{
    line-height: 22px;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 5px;
}
.archive article.hentry .entry-header .entry-meta{
    margin-bottom: 5px;
}
.archive article.hentry .archive-thumbnail, .page .blog_layout1 article.hentry .archive-thumbnail, 
.page .blog_layout4 article.hentry .archive-thumbnail{
    margin-bottom: 0px;
    overflow: hidden;
    box-shadow:0px 0px 0 1px #f3f3f3;
    border: 5px solid #fff;
}

/*===================== SERVICES PAGE =========================*/
.archive .services article.cat-event-list {
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    display: inline-block;
    padding-top: 2%;
    padding-right: 3%;
    padding-bottom: 4%;
    text-align: justify;
    vertical-align: text-top;
    width: 49%;
}
.archive .services article.cat-event-list:nth-of-type(even){
    border-right:none;
    padding-right: 0%;
    padding-left: 3%;
}
article .entry-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
}
.site-main > article .entry-title {
    font-size: 30px;
}
.archive .services .cat-event-excerpt {
    color: #999;
}

/*--------------------------------------------------------------
Client Logo
--------------------------------------------------------------*/
.clients-logo a {
    display: inline-block;
    margin-left: 20px;
    width: 180px;
    transform:scale(1);
    -wekit-transform:scale(1);
    -moz-transform:scale(1);
    vertical-align: middle;
}
.clients-logo a:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
}
.clients-logo {
    padding: 60px 0 0 0;
    position: relative;
    text-align: center;
}
.clients-logo .bx-wrapper {
    margin: 0 auto;
}
.client-border{
    background:url(images/client-btm-border.jpg) repeat-x;
    height: 5px;
    margin-top: 60px;
}
.clients-logo .clients-logo-title{
    margin-bottom: 20px;
}
.clients-logo .clients-logo-title b{
    font-size: 40px;
    font-weight: bold;
    color: #373d4c;
    text-align: center;
    text-transform: capitalize;
    background:#fff;
    padding: 0 20px;
}
.clients-logo .clients-logo-wrapper {
    margin-left: -20px;
}
.clients-logo .bx-controls a {
    background: url("images/thin-arrow.png") no-repeat scroll 0 0;
    color: transparent;
    font: 0px/0 a;
    height: 42px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 30%;
    width: 25px;
}
.clients-logo .bx-controls a.bx-next {
    background-position: -52px 0;
    left: auto;
    right: -35px;
}
.clients-logo .bx-controls a.bx-prev{
    left: -35px;
    margin-left: 0px;
}
.clients-logo .ed-container {
    position: relative;
}
.static .client-slider {
    float: left;
    margin-left: 30px;
    width: 165px;
    height: 146px;
}
.clients-logo .clients-logo-wrapper.static {
    margin-left: -30px;
    padding-top: 30px;
}
.call-to-action {
    background: url(images/call-bg.png) repeat scroll center center;
    padding: 60px 0;
    position: relative;
}
.call-to-action .title, .call-to-action .call-to-action-desc {
    color: #025d9d;
}
.cta-link {
    text-align: center;
}
.cta-link > a {
    background: none repeat scroll 0 0 #ffffff;
    border:3px solid #cc444d;
    color: #f92a2a;
    display: inline-block;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 5px 30px;
}
.cta-link > a:hover {
    background: transparent;
    border:3px solid #fff;
    color:#fff;
    padding: 5px 40px;
}
.cta-link > a:active{
    padding: 5px 30px;
    box-shadow: 0 0 5px #000 inset;
}

/*--------------------------------------------------------------
Our Team
--------------------------------------------------------------*/
/*============ TEAM MEMBER PAGE =================*/

.single-post .category-team-member .entry-meta, .single-post .category-feature .entry-meta,
.single-post .category-portfolio .entry-meta, .single-post .category-services .entry-meta{
    display: none;
}

.archive .team-member article.cat-event-list{
    float: left;
}
.archive .team-member article.cat-event-list:nth-of-type(3n+0) .team-block{
    margin-right: 0px;
}
.team-block {
    border: 1px solid #fff;
    float: left;
    padding: 5px;
}
.nomargin{
    margin-right:0px;
}
.our-team-member {
    padding: 60px 0;
    text-align: center;
    background: url(images/team-bg.jpg) repeat;
}
.our-team-member .btn-wrapper .btn, .our-team-member .btn-wrapper a
.service-block-wrapper .btn-wrapper .btn, .service-block-wrapper .btn-wrapper a{
    background:#303552;
    border:2px solid #303552;
    padding: 0px 23px;
}
.our-team-member .btn-wrapper .btn:hover, .our-team-member .btn-wrapper a:hover
.service-block-wrapper .btn-wrapper .btn:hover, .service-block-wrapper .btn-wrapper a:hover{
    background: transparent;
    border:2px solid #303552;
}
.our-team-member .btn-wrapper a:active{
    width: 180px;
}
.our-team-member .home-title{
    color: #fff;
}
.team-image {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.team-hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
    height: 100%;
    left: 0px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    width: 100%;
}
.team-image:hover > .team-hover {
    opacity: 1;
    filter: alpha (opacity=1); /* IE 9 or below support */
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.team-hover-title {
    margin:0 auto;
    width: 100%;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    left: 0%;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 70px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.team-hover-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin: 5px auto 0;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.our-team-member .team-name {
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0 0;
    text-align: left;
    color: #fff;
}
.our-team-member .team-designation {
    color: #cc444d;
    font-size: 14px;
    font-style: italic;
    text-align: left;
}
.team-hover-icon:hover {
    background: #b3412d;
}

/*--------------------------------------------------------------
Team member Inner
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Team Member Grid
--------------------------------------------------------------*/

.team-member-grid .cat-event-list {
    border: medium none;
    float: left;
    margin-left: 1%;
    width: 32.33%;
}
.team-member-grid {
    margin-left: -1%;
}
.team-member-grid .team-block {
    margin-left: 0;
    margin-top: 0;
}
.team-member-grid .entry-content {
  margin-top: 0;
}
.team-member-grid .entry-title {
  margin-bottom: 5px;
}
/*--------------------------------------------------------------
Testimonial
--------------------------------------------------------------*/
.testimonial {
    background: #f4f3f3 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    line-height: 44px;
    margin-top: 70px;
    padding: 70px 0;
    text-align: center;
}
.testimonial-title {
    color: #373d4c;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 37px;
    text-align: center;
    text-transform: capitalize;
}
.testimonial .bx-pager-item a {
    background: none repeat scroll 0 0 #000000;
    border-radius: 100%;
    color: transparent;
    display: inline-block;
    font: 0px/0 a;
    height: 11px;
    width: 11px;
}
.testimonial .bx-pager-item {
    display: inline-block;
    margin-left: 5px;
}
.testimonial .bx-pager-item a:hover, 
.testimonial .bx-pager-item a.active {
    background: none repeat scroll 0 0 #cc444d;
}
.title-test {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 20px;
    text-transform: uppercase;
}
.sub-title-test {
    color: #c1c1c1;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
}
.sub-title-test span {
    color: #cc444d;
}
.testimonial .bx-controls.bx-has-pager {
    margin-top: 0;
    padding-bottom: 57px;
}
.testimonial .tm-slider {
  font-size: 18px;
  line-height: 30px;
  color:#777;
}

/*--------------------------------------------------------------
Latest Post
--------------------------------------------------------------*/

.latest-post {
  padding: 60px 0;
}
.lp-title {
  text-align: center;
}
.latest-post .archive-thumbnail {
  float: left;
  width: 26%;
}
.latest-post .short-content {
  float: left;
  margin-bottom: 5px;
  padding-left: 5px;
  width: 74%;
}
.latest-post .bttn {
  margin-right: 5px;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#colophon {
    background: #025d9d none repeat scroll 0 0;
    margin-top: 60px;
}
footer.site-footer ul.children,  footer.site-footer ul.sub-menu {
    display: none;
}
.top-footer {
    margin-bottom: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #454a67;
}
.top-footer .widget, .aptf-single-tweet-wrapper:last-child {
    margin-bottom: 0;
}
.site-footer .widget .es_caption, .site-footer .widget .es_lablebox {
    color: #fff;
}
.footer-block .es_textbox input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #5f6481;
    border-radius: 0;
    color: #aaa;
}
.es_button input[type="button"] {
    background: #cc444d none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    font-size: 14px;
    margin: 0;
    padding: 10px 16px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}
.es_textbox_button {
    width: 130px;
}
.es_button input[type="button"]:hover {
    background: #de4c55;
    color: #fff !important;
    border: none;
}
.footer-block .es_textbox_class {
    background: transparent none repeat scroll 0 0;
    border-color: #5f6481;
    color: #aaa;
    border-radius: 0px;
}
.top-footer .footer-block-1, .top-footer .footer-block-2, .top-footer .footer-block-3{
    width: 240px;
    margin-right: 35px;
}
.top-footer .footer-block-4{
    width: 340px;
}
.footer-block {
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}
.top-footer .footer-block .btn-wrapper{
    text-align:left; 
}
.top-footer .footer-block .footer-btn a.btn{
    background: #303552;
    border:2px solid #303552;
    margin:10px 0 0 0;
    padding:0px 23px; 
    font-size: 15px; 
}
.top-footer .footer-block .footer-btn a.btn:hover{
    background:#fff;
    border:2px solid #303552;
    color: #303552; 
}
.footer-block .textwidget {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.footer-column-4 .footer-block {
    margin-left: 2%;
    width: 23%;
}
.footer-column-3 .footer-block {
    margin-left: 1%;
    width: 32.33%;
}
.footer-column-2 .footer-block {
    margin-left: 1%;
    width: 49%;
}
.footer-block-1 .widget {
    color: #fff;
    line-height: 24px;
}
.footer-block-1 i.fa {
    font-size: 15px;
    margin-right: 5px;
    width: 16px;
}
.footer-block .widget-title {
 color: #eee;
 font-size: 22px;
 font-weight: bold;
 margin-bottom: 25px;
 text-transform: capitalize;
}
.footer-logo {
    margin-bottom: 25px;
}
.footer-block a {
    font-size: 13px;
}
.footer-block ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer-block li {
    line-height: 1.7;
    list-style: outside none none;
    margin-bottom: -1px;
}
.top-footer .apsc-theme-2 .apsc-each-profile a {
    box-shadow: 1px 1px 2px #1d223f;
}
.site-info #bottom-footer {
    padding-bottom: 10px;
}
.site-info {
    /*background: none repeat scroll 0 0 #fff;*/
    color: #fff;
}
.menu-copyrt {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}
.copyright {
    font-size: 13px;
    /*line-height: 60px;*/
    padding-left: 10px;
}
.copyright a {
    color: #cc444d;
    position: relative;
    top: 0px;
}
.copyright a:hover{
    top: -2px;
} 
.copyright a:active{
    top: 2px;
} 
.wl_footer_social {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 39%;
}
.wl_footer_social a {
    border-radius: 100%;
    color: #777777;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-left: 3px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}
.wl_footer_social a.facebook {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.facebook:hover {
    background: #1f69b3;
    color: #fff;
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
}
.wl_footer_social a.facebook:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.twitter {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.twitter:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    background: #43b3e5;
    color: #fff;
}
.wl_footer_social a.twitter:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.gplus {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.gplus:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    background: #d84734;
    color: #fff;
}
.wl_footer_social a.gplus:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}

.wl_footer_social a.youtube {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.youtube:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    background: #df2126;
    color: #fff;
}
.wl_footer_social a.youtube:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}

.wl_footer_social a.pinterest {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.pinterest:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    background: #ff3635;
    color: #fff;
}
.wl_footer_social a.pinterest:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.linkedin {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.linkedin:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    background: #1a7696;
    color: #fff;
}
.wl_footer_social a.linkedin:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.flickr {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.flickr:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.2);
    background: #e1e2dd;
    color: #fff;
}
.wl_footer_social a.flickr:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.vimeo {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.vimeo:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.2);
    background: #e1e2dd;
    color: #fff;
}
.wl_footer_social a.vimeo:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.instagram {
    background: none repeat scroll 0 0 #e5e5e5;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.instagram:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.2);
    background: #e1e2dd;
    color: #fff;
}
.wl_footer_social a.instagram:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.tumblr {
    background: #395976;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.tumblr:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.2);
    background: #e1e2dd;
    color: #fff;
}
.wl_footer_social a.tumblr:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.rss {
    background: none repeat scroll 0 0 #fbc95d;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.rss:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.2);
    background: #e1e2dd;
    color: #fff;
}
.wl_footer_social a.rss:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.github {
    background: none repeat scroll 0 0 #383838;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.github:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.2);
    background: #e1e2dd;
    color: #fff;
}
.wl_footer_social a.github:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.stumbleupon {
    background: none repeat scroll 0 0 #e94c29;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.stumbleupon:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.2);
    background: #e1e2dd;
    color: #fff;
}
.wl_footer_social a.stumbleupon:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.skype {
    background: none repeat scroll 0 0 #09c6ff;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social a.skype:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.2);
    background: #e1e2dd;
    color: #fff;
}
.wl_footer_social a.skype:active {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}
.wl_footer_social .social-icons span {
    cursor: pointer;
    display: inline-block;
}
.wl_footer_social .social-icons i {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*--------------------------------------------------------------
Right Sidebar
--------------------------------------------------------------*/
.right-sidebar #primary {
    float: left;
    width: 73%;
}
.right-sidebar #secondary-right {
    float: right;
    width: 25%;
}

/*--------------------------------------------------------------
Lefy Sidebar
--------------------------------------------------------------*/
.left-sidebar #primary {
    float: right;
    width: 73%;
}
.left-sidebar #secondary-left {
    float: left;
    width: 25%;
}

/*--------------------------------------------------------------
Both Sidebar
--------------------------------------------------------------*/
.both-sidebar #secondary-left {
    float: left;
    width: 28%;
}
.both-sidebar #primary {
    float: right;
    width: 70%;
}
.both-sidebar #secondary-right {
    float: right;
    width: 22%;
}
.left-sidbar-right {
    float: left;
    width: 76%;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/
.sidebar .widget-title {
    color: #666;
    font-size: 26px;
    margin-bottom: 10px;
}
.sidebar .widget-title span {
    display: inline-block;
    background: #fff;
    padding-right: 10px;
}
.sidebar .title-border{
    border-bottom: 2px solid #f1f1f1;
    position: relative;
    bottom: 20px;
}
.sidebar .search-field, 
.sidebar .widget_archive select {
    width: 100% !important;
}
.sidebar .widget_archive select {
    height: 40px;
}
.sidebar ul {
    list-style: outside none none;
    margin: 0;
}
#calendar_wrap caption {
    background: none repeat scroll 0 0 #cc444d;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
}
.widget_categories a {
    color: #353535;
    font-weight: 400;
    position: relative;
    top: 0;
    transition:all ease-in-out 0.5s;
}
.widget_categories a:hover {
    color: #cc444d;
    top: -2px;

}
.entry-meta{
    margin: 15px 0 5px 0;
}
.widget_search {
    margin-top: 10px;
}
.sidebar .widget.widget_search {
    margin-top: 0;
}

/*--------------------------------------------------------------
Responsive grid for pages
--------------------------------------------------------------*/
.row {
    margin-bottom: 25px;
}
.span1, .span2, .span3, .span4, .span5, .span6 {
    float:left;
}
.col {
    margin-left: 3%;
}
.col:first-child {
    margin-left:0;
}
.span1 {
    width: 14.1666666667%;
}
.span2 {
    width: 31.3333333333%;
}
.span3 {
    width: 48.5%;
}
.span4 {
    width: 65.6666666667%;
}
.span5 {
    width: 82.8333333333%;
}
.span6 {
    width: 100%;
    margin-left: 0;
}

/*--------------------------------------------------------------
404 Page
--------------------------------------------------------------*/
.error404 .entry-title {
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}
.number404-box{
    width: 300px;
    margin:0 auto;
}
.number404 {
    background: #cc444d none repeat scroll 0 0;
    border-radius: 110px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    display: inline-block;
    font-size: 35px;
    height: 110px;
    line-height: 85px;
    margin-bottom: 40px;
    margin-left: -210px;
    margin-top: 20px;
    perspective: 500px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #999999;
    width: 110px;
}
.number404 span {
    backface-visibility: visible;
    bottom: 35px;
    font-size: 15px;
    left: 0;
    line-height: 16px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.error-404.not-found {
    text-align: center;
}
.number404.animated {
    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-iteration-count:Infinite;
    -moz-animation-iteration-count:Infinite;
    animation-iteration-count:Infinite;
    animation-name:animate-tringle;
    -webkit-animation-name:animate-triangle;
    -moz-animation-name:animate-triangle;
}

@keyframes animate-triangle{
    0%   {left:0px; transform:rotate(0deg)}
    50%  {left:200px; transform:rotate(360deg)}
    100% {left:0px; transform:rotate(0deg)}
}

.error404 .page-content {
    margin-top: -10px;
}

/*--------------------------------------------------------------
Single Page
--------------------------------------------------------------*/
.single #secondary-right {
    float: right;
    width: 25%;
}
.single #primary {
    float: left;
    width: 73%;
}
.cat-event-excerpt > div {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
Portfoilo Inner Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Portfolio List View
--------------------------------------------------------------*/
.portfolio-list .cat-portfolio-image {
  float: right;
  height: auto;
  margin-right: 2%;
  width: 23%;
  border:1px solid #eee;
  padding: 5px;
}
.portfolio-list .cat-portfolio-list {
    float: none;
    margin-bottom: 1%;
    position: relative;
    width: 100%;
}
.portfolio-list .portfolio-archive {
    border-bottom: 3px solid #eee;
    margin: 10px 0;
    padding: 5px 0 20px;
}
.portfolio-list .port-content {
    margin-bottom: 10px;
}
.portfolio-list .cat-portfolio-content {
  float: left;
  width: 74%;
}
.portfolio-list a.bttn{
    border-radius: 25px;
    background: #303552;
    border:2px solid #303552;
}
.portfolio-list a.bttn:hover{
    background: #fff;
    color: #303552;
}

/*--------------------------------------------------------------
Portfolio Grid View
--------------------------------------------------------------*/
.portfolio-grid .portfolio-archive {
    float: left;
    margin-left: 1%;
    width: 32.33%;
    margin-bottom: 1%;
}
.portfolio-grid {
    margin-left: -1%;
}
.portfolio-grid .portofolio-layout-wrap {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -223px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    text-align: center;
}
.portfolio-grid .cat-portfolio-image:hover .portofolio-layout-wrap {
    background: rgba(0, 0, 0, 0.55);
    display: block;
    height: 100%;
    opacity: 1;
    visibility: visible;
    width: 100%;
    top: 0px;
}
.portfolio-grid .cat-portfolio-image {
    position: relative;
}
.portfolio-grid .portofolio-layout-wrap .read-more {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #f7faff;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 45px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    text-transform: capitalize;
    width: 160px;
}
.portfolio-grid .portofolio-layout-wrap .read-more:hover {
    color: #cc444d;
    background: #ffffff;
}
.portfolio-grid .portofolio-layout-wrap .entry-title {
    color: #ffffff;
    font-size: 24px;
    margin-top: 5px;
}
.portfolio-grid .portofolio-layout-wrapper {
    height: 100%;
    left: 0;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.portfolio-grid .cat-portfolio-image {
    overflow: hidden;
    cursor: pointer;
}
.portfolio-grid .cat-portfolio-image .cat-port-image-wrapper {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    display: block;
}
.portfolio-grid .cat-portfolio-image:hover .cat-port-image-wrapper {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}

/*--------------------------------------------------------------
Boxed Layout
--------------------------------------------------------------*/
.boxed-layout #page {
    box-shadow: 0 0 12px #999;
    margin: 0 auto;
    width: 1200px;
}
.both-sidebar .business-hours a {
    font-size: 12px;
}
.boxed-layout .search-icon .wl-search{
    width: 1200px;
    margin: 0 auto;
    left: 0;
}
.boxed-layout #main-slider .caption-wrapper{
    padding-top: 130px;   
}

/*--------------------------------------------------------------
Header Social Icon
--------------------------------------------------------------*/
.ak_header_social .social-icons a {
    color: #ffffff;
    display: inline-block;
    margin: 0 2px;
    font-size: 16px;
}
.ak_header_social .social-icons a:hover {
    color: #F1573E;
}
.ak_header_social .social-icons {
    text-align: right;
}

/*--------------------------------------------------------------
Team Memmber Inner
--------------------------------------------------------------*/
.cat-event-image {
    float: left;
    margin-right: 20px;
}
.feature .cat-event-list {
    float:left;
    width: 48%;
    margin-right: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    text-align: center;
    opacity: 0.6;
    filter: alpha (opacity=6); /*FOR IE SUPPORT*/
    transition:all ease-in-out 0.5s;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
}
.feature .cat-event-list:hover{
    opacity: 1;
    filter: alpha (opacity=1); /*FOR IE SUPPORT*/   
}
.feature .cat-event-list:nth-child(even) {
    margin-right: 0px;
}
.feature .cat-event-list .cat-event-image{
    float: none;
    margin:0 0 20px 0;
}

/*=============== INNER PAGE GLOBAL BUTTON ====================*/

.archive .entry-content a.bttn, .archive .text-content a.bttn, 
.page .text-content a.bttn, .search .entry-summary a.bttn{
    background: #303552;
    border:2px solid #303552;
    border-radius: 20px;
    padding: 3px 23px;
}
.archive .entry-content a.bttn:hover, 
.archive .text-content a.bttn:hover, .search .entry-summary a.bttn:hover{
    background: #fff;
    border:2px solid #303552;
    color: #303552;
}

/*--------------------------------------------------------------
Ak Top
--------------------------------------------------------------*/
#wltop {
    bottom: 10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 10px;
    position: fixed;
    right: 20px;
    text-align: center;
    bottom: 60px;
    background: #ddd;
    padding: 10px;
    transition:all ease-in-out 0.5s;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
}
#wltop:hover{
    background: #cc444d;
    color: #fff;
    bottom: 70px;
}
#wltop i.fa-anchor {
    display: block;
    font-size: 30px;
    transition:all ease-in-out 0.5s;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}

/*===================== ABOUT US PAGE ============================*/

.single-image{
    float: left;
    margin:0 0 20px 0;
}

/*--------------------------------------------------------------
Contact us
--------------------------------------------------------------*/
.wpcf7-form > p {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 48.5%;
}
.wpcf7-form > p:nth-of-type(even) {
    margin-right: 0px;
}
.wpcf7-form > p.contact-message{
    float: none;
    width: 100%;
    border-radius: 3px;
}
.wpcf7-form > p.contact-message span.wpcf7-form-control-wrap textarea{
    border-radius: 3px;
}
.wpcf7-form > p.contact-submit input[type='submit']{
    background: #303552 none repeat scroll 0 0;
    border-radius: 20px;
    padding: 5px 25px;
    font-size: 16px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.wpcf7-form > p.contact-submit input[type='submit']:hover{
    background: #fff;
    border:2px solid #303552;
    color: #303552;
}

/*---------------------------------
TAG WIDGET
----------------------------------*/
.tagcloud a {
    background: #eee none repeat scroll 0 0;
    display: inline-block;
    font-size: 16px !important;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 5px 15px;
}
.tagcloud a:hover {
    background: #cc444d;
    color: #fff;
}

/*--------------------------------------------------------------
Woocommerce style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Woocommerce cart
--------------------------------------------------------------*/
.woocommerce .cart td, .woocommerce .cart th {
    border: medium none;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce #respond input#submit.alt, 
.woocommerce #content input.button.alt, 
.woocommerce-page a.button.alt, 
.woocommerce-page button.button.alt, 
.woocommerce-page input.button.alt, 
.woocommerce-page #respond input#submit.alt, 
.woocommerce-page #content input.button.alt,
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit, 
.woocommerce #content input.button, 
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button, 
.woocommerce-page #respond input#submit, 
.woocommerce-page #content input.button {
    background: none repeat scroll 0 0 #cc444d;
    border: medium none;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px !important;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    color: #ffffff;
}
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce #content input.button:hover, 
.woocommerce-page a.button:hover, 
.woocommerce-page button.button:hover, 
.woocommerce-page input.button:hover, 
.woocommerce-page #respond input#submit:hover, 
.woocommerce-page #content input.button:hover,.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce #respond input#submit.alt:hover, 
.woocommerce #content input.button.alt:hover, 
.woocommerce-page a.button.alt:hover, 
.woocommerce-page button.button.alt:hover, 
.woocommerce-page input.button.alt:hover, 
.woocommerce-page #respond input#submit.alt:hover, 
.woocommerce-page #content input.button.alt:hover{
    background: #d64c37;
    text-shadow: 0 0 0 rgba(0, 0, 0,0);
}
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text{
    width: 110px;
}
.cart_totals {
    background: none repeat scroll 0 0 #efefef;
}
.cart_totals > h2 {
    background: none repeat scroll 0 0 #aaaaaa;
    color: #ffffff;
    line-height: 44px;
    padding-left: 10px;
    text-align: left;
    font-size: 20px;
}
.cart_totals td, 
.cart_totals th {
    border: medium none;
    padding-left: 15px !important;
    width: 50%;
}
.woocommerce .woocommerce-info:before, 
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before, 
.woocommerce-page .woocommerce-message:before {
    background-color: #cc444d;
    font-size: 18px;
    font-weight: 600;
    line-height: 0;
}
.woocommerce .woocommerce-message:before, 
.woocommerce-page .woocommerce-message:before{
    line-height: 0;
    font-size: 18px;
    font-weight: 600;
}
.woocommerce .woocommerce-message, 
.woocommerce .woocommerce-error, 
.woocommerce .woocommerce-info, 
.woocommerce-page .woocommerce-message, 
.woocommerce-page .woocommerce-error, 
.woocommerce-page .woocommerce-info {
    border-top: 3px solid #cc444d;
}
.cart-empty {
    font-size: 20px;
    font-weight: 400;
}
.woocommerce a.added_to_cart, 
.woocommerce-page a.added_to_cart {
    background: none repeat scroll 0 0 #cc444d;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    line-height: 36px;
    margin-top: 8px;
    padding-top: 0;
    text-align: center;
    width: 120px;
}
.woocommerce a.added_to_cart:hover, 
.woocommerce-page a.added_to_cart:hover{
    background: #d64c37;
}
.shipping_calculator {
    margin-top: 20px;
}
.shipping_calculator > h2{
    font-size: 20px;
}
.woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after, 
.woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
  margin-left: 7px;
  font-size: 14px;
  margin-top: 2px;
}
.woocommerce .woocommerce-error:before, 
.woocommerce-page .woocommerce-error:before {
  background: none repeat scroll 0 0 #f15740;
  line-height: 0;
}
.woocommerce .quantity .plus, 
.woocommerce .quantity .minus, 
.woocommerce #content .quantity .plus, 
.woocommerce #content .quantity .minus, 
.woocommerce-page .quantity .plus, 
.woocommerce-page .quantity .minus, 
.woocommerce-page #content .quantity .plus, 
.woocommerce-page #content .quantity .minus {
  color: #353535 !important;
  font-size: 19px;
}
.woocommerce form .form-row select, 
.woocommerce-page form .form-row select {
    height: 38px;
}

/*--------------------------------------------------------------
Woocommerce single page
--------------------------------------------------------------*/
.woocommerce span.onsale, .woocommerce-page span.onsale {
    background: #cc444d;
    text-shadow:0,0,0,transparent;
}
.woocommerce div.product span.price del, 
.woocommerce div.product p.price del, 
.woocommerce #content div.product span.price del, 
.woocommerce #content div.product p.price del, 
.woocommerce-page div.product span.price del, 
.woocommerce-page div.product p.price del, 
.woocommerce-page #content div.product span.price del, 
.woocommerce-page #content div.product p.price del {
    color: #353535;
    font-size: 16px;
    margin-right: 10px;
}
.woocommerce div.product span.price ins, 
.woocommerce div.product p.price ins, 
.woocommerce #content div.product span.price ins, 
.woocommerce #content div.product p.price ins, 
.woocommerce-page div.product span.price ins, 
.woocommerce-page div.product p.price ins, 
.woocommerce-page #content div.product span.price ins, 
.woocommerce-page #content div.product p.price ins,.woocommerce div.product span.price, 
.woocommerce div.product p.price, 
.woocommerce #content div.product span.price, 
.woocommerce #content div.product p.price, 
.woocommerce-page div.product span.price, 
.woocommerce-page div.product p.price, 
.woocommerce-page #content div.product span.price, 
.woocommerce-page #content div.product p.price {
    background: inherit;
    color: #cc444d;
    font-weight: 700;
    font-size: 22px;
}
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price ins, 
.woocommerce-page ul.products li.product .price ins{
    color: #cc444d;
    font-size: 16px;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del {
  color: #353535;
  font-size: 14px;
  margin-right: 10px;
}
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price ins, 
.woocommerce-page ul.products li.product .price ins{
    color: #cc444d;
}
.woocommerce-main-image.zoom {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    display: block;
    padding: 20px;
    width: 100%;
}
.woocommerce .woocommerce-main-image.zoom img {
    margin: 0 auto;
    width: auto !important;
}
.woocommerce .thumbnails .zoom {
    margin-left: 1%;
    margin-right: 0 !important;
    width: 24% !important;
    opacity: 0.5;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.woocommerce .thumbnails .zoom:hover{
    opacity: 1;
}
.woocommerce .thumbnails .zoom.first{
    clear: inherit !important;
}
.thumbnails .zoom img {
    width: auto !important;
}
.woocommerce .star-rating, 
.woocommerce-page .star-rating {
    color: #f15740;
}
.single-product .quantity {
    height: 36px;
}
.single-product .qty {
    height: 36px !important;
}
.single-product .minus, .single-product .plus {
    height: 19px !important;
}

/******* responsive menu **********/
#nav {
    display: none;
}
.responsive-header {
    display: none;
}
.search-results article {
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
/** Added By Sadip */
/* About Us Section */
.about .about-excerpt.home-description {
  width: 50%;
  float: left;
  text-align: left;
  color: #777777;
  font-size: 18px;
  line-height: 36px;
}
.about .about-excerpt.home-description p.home-description-bold {
    font-size: 23px;
}

/** Awesome Feature btn */
.awesome-feature a.btn, .portfolio a.btn {
  background-color: #303552;
  border:2px solid #303552;
}
.awesome-feature a.btn:hover, .portfolio a.btn:hover{
  border:2px solid #303552;
}

/** Footer Menu */
.footer-menu ul {
  margin-left: 0;
  list-style: none;
}
.footer-menu ul li {
  float: left;
  padding: 2px 10px;
  border-right: 1px solid #ccc;
  line-height: 8px;
  margin-bottom: 15px;
}
.footer-menu ul li >a {
    position: relative;
    top: 0;
}
.footer-menu ul li >a:hover {
    color: #cc444d;
    top: -3px;
}
.footer-menu ul li >a:active {
    top: 3px;
}
.footer-menu ul li:nth-last-of-type(1) {
  border-right: none;
}