/*
Theme Name: Business Kit
Theme URI: https://www.preciousthemes.com/downloads/business-kit
Author: Precious Themes
Author URI: http://preciousthemes.com
Description: Business Kit is multipurpose responsive, customizable and powerful professional WordPress theme. It can be customized easily in few clicks using live customizer. Business Kit comes with a full-width slider, easy option to add logo and favicon, custom widgets, full-width template and more. It is a search engine optimized theme which performs best in google, bing, yahoo or any other search engines. This theme is suitable for all type of business, corporate, portfolio, digital agency, blog or any creative modern looking websites.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: business-kit
Tags: custom-background, custom-menu, custom-logo, custom-header, featured-images, full-width-template, one-column, two-columns, theme-options, threaded-comments, translation-ready, footer-widgets, blog, left-sidebar, right-sidebar, education, portfolio

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.

Business Kit is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
    outline: none;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

button,
input,
select,
textarea {
    color: #404040;
    font-size: 15px;
    line-height: 1.5;
}
body {
    color: #6a6a6a;
    font-size: 15px;
    line-height: 1.4;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 15px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #313131;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
h1 {
    font-size: 28px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 15px;
}
h6 {
    font-size: 15px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}
*,
*::before,
*::after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    
    box-sizing: inherit;
}
body {
    background-color: #fff;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
ul,
ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    
    max-width: 100%;
    /* Adhere to container width. */
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
td,
th {
    border: 1px solid #ddd;
    padding: 5px;
}
/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,
.comment-reply-link,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #ff214f none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    padding: 12px 35px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #ff214f;
    border-radius: 3px;
    font-weight: 400;
}
button,
.comment-reply-link,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
button:hover,
.comment-reply-link,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
button:hover,
.comment-reply-link,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #2e2e2e;
    border-color: #2e2e2e;
    color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #666;
    border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 6px 0 6px 9px;
}
select {
    width: 100%;
    padding: 5px;
}
textarea {
    padding: 10px 20px;
    width: 100%;
    resize: none;
}
::-webkit-input-placeholder {
    color: #8a8a8a;
}
:-moz-placeholder {
    /* Firefox 18- */
    
    color: #8a8a8a;
}
::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #8a8a8a;
}
:-ms-input-placeholder {
    color: #8a8a8a;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required::-webkit-input-placeholder {
    color: #ff0000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required:-moz-placeholder {
    color: #ff0000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required::-moz-placeholder {
    color: #ff0000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required:-ms-input-placeholder {
    color: #ff0000;
}
/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/
/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {
    color: #df0c38;
    text-decoration: inherit;
}
a:visited {
    color: #df0c38;
}
a:hover,
a:focus,
a:active {
    color: #df0c38;
}
a:focus {
    outline: inherit;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

#main-nav {
    display: block;
    float: right;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}
.enabled-sticky-primary-menu #main-nav.fixed {
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}
.main-navigation ul ul {
    background-color: rgba(0,0,0,0.3);
    box-shadow: none;
    right: 9999px;
    margin: 0;
    min-width: 225px;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity 0.4s ease-in-out 0s;
    z-index: -9999;
}
.main-navigation ul ul ul {
    right:100%;
    top: 0;
}
.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    float: left;
}
.main-navigation ul > li:hover > ul {
    opacity: 1;
    right:0;
    z-index: 9999;
}
.main-navigation ul ul ul ul {
    display: none;
}
.main-navigation ul ul ul li:hover > ul {
    display: block;
}
.main-navigation ul ul li:hover > ul {
    opacity: 1;
    right:100%;
}
.main-navigation li li {
    float: none;
    display: block;
}
.main-navigation ul li li:first-child > a {
    border-left: none;
}
.main-navigation ul li a {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding: 30px 15px;
    position: relative;
    z-index: 99;
    font-weight: 500;
}
.main-navigation ul ul a {
    border-bottom: 0px;
    border-left: medium none;
    border-right: medium none;
    box-shadow: none;
    font-size: 15px;
    height: auto;
    padding: 9px 15px;
    text-align: left;
    width: 100%;
}
.main-navigation ul li.menu-item-has-children ul.sub-menu li a,
.home.page .header-collapse ul li a {
    color: #fff;
}
.home.page .header-collapse ul li a:hover {
    color: #ff9900;
}
.main-navigation ul li.menu-item-has-children ul.sub-menu li a:hover{
	background:rgba(255,33,79,1); 
}
.main-navigation ul li.menu-item-has-children ul.sub-menu li a,
.main-navigation ul li.menu-item-has-children ul.sub-menu li a:hover{
	-webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;	
}
.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    right: 10px;
     transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    position: absolute;
    top: 50%;
}
.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 50%;
}
.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}
#mobile-trigger {
    display: none;
}
#mobile-menu {
    display: none;
}
/*comment and post navigation*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next,
#infinite-handle span {
    background: #df0c38;
    float: left;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
}
#infinite-handle span {
    font-size: 1.5;
    font-size: 15px;
    color: #fff;
}
#infinite-handle {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}
.comment-navigation .nav-previous:hover,
.posts-navigation .nav-previous:hover,
.post-navigation .nav-previous:hover,
.comment-navigation .nav-next:hover,
.posts-navigation .nav-next:hover,
.post-navigation .nav-next:hover,
#infinite-handle span:hover {
    background: #df0c38;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
}
.comment-navigation .nav-previous::before,
.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before {
    content: "\f100";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
    color: #fff;
}
.comment-navigation .nav-next::after,
.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
    content: "\f101";
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 5px;
    color: #fff;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
    color: #fff;
}
.nav-links {
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}
.nav-links .page-numbers {
    border: 1px solid;
    padding: 5px 10px;
}
.nav-links .page-numbers.current,
.nav-links a.page-numbers:hover {
    background: #ff9900 none repeat scroll 0 0;
    border-color: #ff9900;
    color: #ffffff;
}
.nav-links .page-numbers.dots {
    border: none;
}
/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    /* It should be ablolute */
    
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.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;
    /* It should be clip auto */
    
    color: #21759b;
    display: block;
    font-size: 15px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.alignnone {
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}
/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#home-page-widget-area::after,
#home-page-widget-area::before,
#featured-slider::after,
#featured-slider::before {
    content: "";
    display: table;
}
.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
    clear: both;
}
/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {
    margin: 30px 0 0;
}
#home-page-widget-area .widget {
    margin: 0;
}
.widget:first-child {
    margin: 0;
}
/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}
#home-page-widget-area .widget-title {
    color: #2d4351;
    display: block;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 35px;
    overflow: hidden;
    padding-left: 0px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#home-page-widget-area .widget-title span {
    position: relative;
}
#home-page-widget-area .widget-title span::before {
    background-color: #df0c38;
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    width: 100px;
    right: 100%;
    margin-right: 30px;
    top: 46%;
}
#home-page-widget-area .widget-title span::after {
    background-color: #df0c38;
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    width: 100px;
    left: 100%;
    margin-left: 30px;
    top: 46%;
}
/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/
/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.entry-meta > span,
.entry-footer > span,
.single-post-meta > span {
    margin: 0 10px 0 0;
}
.entry-meta > span a,
.single-post-meta > span a,
.entry-footer > span a {
    color: #686868;
    font-style: italic;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}
.entry-meta > span::before,
.entry-footer > span::before,
.single-post-meta > span::before,
.entry-header > span::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "";
    color: #df0c38;
}

.entry-meta .byline .author.vcard {
    margin-left: 0px;
    margin-right: 0px;
}
.entry-footer span {
    margin-right: 15px;
}
span.comments-link::before {
    content: "\f086";
}
.entry-meta .posted-on::before,
.single-post-meta .posted-on::before {
    content: "\f073 ";
}
.entry-footer > .cat-links::before,
.entry-header > .cat-links::before,
.entry-meta  > .cat-links::before {
    content: "\f07c";
}
.entry-meta .byline::before,
.single-post-meta .byline::before {
    content: "\f2c0";
    margin-right: 3px;
}
.entry-footer .edit-link::before {
    content: "\f044";
}
.entry-footer .tags-links::before {
    content: "\f02c";
}
/*--------------------------------------------------------------

## Asides

--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}
.authorbox {
    background: #e6ffff;
    border: 1px solid #dddddd;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}
.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}
.authorbox .author-bio-posts-content {
    margin-top: 10px;
}
.authorbox .author-bio-posts-content p {
    margin: 0;
}
.authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}
#respond {
    clear: both;
    display: block;
    float: left;
    width: 97%;
}
#commentform label {
    display: inline-block;
    width: 100px;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.comments-area form#commentform p {
    float: left;
    width: 33.33%;
}
.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.comment-form {
    margin: 0 -15px;
}
.comments-area form#commentform p.logged-in-as,
.comments-area form#commentform p {
    padding: 0 15px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}
#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url {
    width: 50%;
}
.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 33.33%;
    float: left;
}
.comment-list li.comment::after {
    content: inherit;
    display: none;
}
.comment-list li {
    padding-left: 0;
}
.comment {
    background-position: 0 -74px;
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list .comment{
    margin-bottom: 15px;
}

ol.comment-list .comment:first-child {
    margin-bottom: 0px;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}
ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}
ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 0px;
}
.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}
.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}
.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}
.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}
#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}
.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}
.comment-metadata {
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 10px;
}
.comment-reply-link {
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 1px 15px 3px;
    border-radius: 2px;
}
a.comment-reply-link:hover {
    color: #fff;
}
.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}
.comment-respond label {
    display: block;
    font-weight: normal;
}
.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
#commentform label {
    display: inline-block;
    width: 100px;
}
/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 10px 0;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------

## Custom Css Starts 

--------------------------------------------------------------*/

#page {
    position: relative;
    margin: 0 auto;
}
.container {
    max-width: 1210px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
section {
    margin: 0px;
    padding: 75px 0;
}
.grey-bg{
	background: #fafafa;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.inner-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
.v-center {
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
p,
li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #6a6a6a;
}

#content {
    padding: 0;
    padding-bottom: 50px;
    clear: both;
}

.page-template-home #content{
    padding-bottom: 0px;
}

.button:visited,
a.btn-white:visited:hover {
    color: #fff;
}
a.btn-white:visited {
    color: #ff214f;
}
a.btn-black,
.home-two a.btn-black,
.home-three a.btn-black {
    background: #2e2e2e;
    border: 1px solid #2e2e2e;
    color: #fff;
}
a.btn-white,
.home-two a.btn-white,
.home-three a.btn-white {
    background: #fff;
    border: 1px solid #fff;
    color: #ff214f;
}
a.btn-black:hover,
a.btn-white:hover {
    background: #ff214f;
    border-color: #ff214f;
}
.button-holder {
    float: left;
    width: 100%;
    text-align: center;
}
/* Social Widgets css starts */

.social-widgets {
    display: inline-block;
}
.social-widgets ul {
    list-style: none;
    margin: 0;
}
.social-widgets > ul li {
    width: auto;
    padding-left: 0;
}
.social-widgets ul li,
.social-widgets ul li a {
    display: inline-block;
}
.social-widgets ul li {
    margin-right: 10px;
    line-height: 1;
}
.social-widgets ul li a {
    font-size: 0;
    line-height: 1;
    height: 40px;
    width: 40px;
    background: transparent;
    text-align: center;
    border: 1px solid #a1a1a1;
    border-radius: 50%;
}
.social-widgets ul li a::before {
    color: #808080;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 1;
    font-size: 20px;
    line-height: 39px;
}
.social-widgets ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}
.social-widgets ul li a[href*="twitter.com"]::before {
    content: "\f099";
}
.social-widgets ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}
.social-widgets ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}
.social-widgets ul li a[href*="youtube.com"]::before {
    content: "\f167";
}
.social-widgets ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}
.social-widgets ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}
.social-widgets ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}
.social-widgets ul li a[href*="github.com"]::before {
    content: "\f113";
}
.social-widgets ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}
.social-widgets ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}
.social-widgets ul li a[href$="/feed/"]::before {
    content: "\f09e";
}
.social-widgets ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}
.social-widgets ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}
.social-widgets ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}
.social-widgets ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}
.social-widgets ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}
.social-widgets ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}
.social-widgets ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}
.social-widgets ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}
.social-widgets ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}
.social-widgets ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}
.social-widgets ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}
.social-widgets ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}
.social-widgets ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}
.social-widgets ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}
.social-widgets ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}
.social-widgets ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}
.social-widgets ul li a[href*="angel.co"]::before {
    content: "\f209";
}
.social-widgets ul li a[href*="slack.com"]::before {
    content: "\f198";
}
/*social links hover effect */

.social-widgets ul li a:hover:before {
    color: #fff;
}
.social-widgets ul li a:hover {
    border-color: rgba(0, 0, 0, 0);
}
.social-widgets ul li a[href*="facebook.com"]:hover {
    background-color: #3b5998;
}
.social-widgets ul li a[href*="twitter.com"]:hover {
    background-color: #00aced;
}
.social-widgets ul li a[href*="plus.google.com"]:hover {
    background-color: #dd4b39;
}
.social-widgets ul li a[href*="/feed/"]:hover {
    background-color: #dc622c;
}
.social-widgets ul li a[href*="wordpress.org"]:hover,
.social-widgets ul li a[href*="wordpress.com"]:hover {
    background-color: #45bbe6;
}
.social-widgets ul li a[href*="github.com"]:hover {
    background-color: #4183c4;
}
.social-widgets ul li a[href*="linkedin.com"]:hover {
    background-color: #007bb6;
}
.social-widgets ul li a[href*="pinterest.com"]:hover {
    background-color: #cb2027;
}
.social-widgets ul li a[href*="flickr.com"]:hover {
    background-color: #ff0084;
}
.social-widgets ul li a[href*="vimeo.com"]:hover {
    background-color: #aad450;
}
.social-widgets ul li a[href*="youtube.com"]:hover {
    background-color: #bb0000;
}
.social-widgets ul li a[href*="instagram.com"]:hover {
    background-color: #517fa4;
}
.social-widgets ul li a[href*="dribbble.com"]:hover {
    background-color: #ea4c89;
}
.social-widgets ul li a[href*="skype.com"]:hover {
    background-color: #12a5f4;
}
.social-widgets ul li a[href*="digg.com"]:hover {
    background-color: #333;
}
.social-widgets ul li a[href*="codepen.io"]:hover {
    background-color: #000;
}
.social-widgets ul li a[href*="reddit.com"]:hover {
    background-color: #ff4500;
}
.social-widgets ul li a[href*="mailto:"]:hover {
    background-color: #1d62f0;
}
.social-widgets ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}
.social-widgets ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}
.social-widgets ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}
.social-widgets ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}
.social-widgets ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}
.social-widgets ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}
.social-widgets ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}
.social-widgets ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}
.social-widgets ul li a[href*="soundcloud.com"]:hover {
    background-color: #ff5500;
}
.social-widgets ul li a[href*="wordpress.org"]:hover {
    background-color: #45bbe6;
}
.social-widgets ul li a[href*="jsfiddle.net"]:hover {
    background-color: #4679bd;
}
.social-widgets ul li a[href*="tripadvisor.com"]:hover {
    background-color: #86c171;
}
.social-widgets ul li a[href*="foursquare.com"]:hover {
    background-color: #2d5be3;
}
.social-widgets ul li a[href*="angel.co"]:hover {
    background-color: #000;
}
.social-widgets ul li a[href*="slack.com"]:hover {
    background-color: #56b68b;
}
/* Social link hover effect */
/* Social Widgets css ends */
/*--------------------------------------------------------------

## Header Css Starts 

--------------------------------------------------------------*/

.site-header,
.top-header,
.top-header .top-header-content,
.site-header .bottom-header {
    float: left;
    width: 100%;
}
.site-header,
.home.banner-inactive .site-header{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
}

.home.slider-inactive .site-header,
.banner-inactive .site-header{
    position: static;
    left: auto;
    top: auto;
}

.site-header .bottom-header,
.home.banner-inactive .site-header .top-header,
.home.banner-inactive .site-header .bottom-header {
    background: rgba(0, 0, 0, 0.15);
}

.home.slider-inactive .site-header .top-header,
.home.slider-inactive .site-header .bottom-header,
.banner-inactive  .site-header .top-header,
.banner-inactive .site-header .bottom-header{
    background:#a8a8a8; 
}

.top-header,
.home.banner-inactive .top-header{
    background: rgba(0, 0, 0, 0.15);
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2)
}

.top-header .top-header-content .top-menu-warp,
.top-header .top-header-content .top-menu-warp ul,
.top-header .top-header-content .top-menu-warp ul li,
.top-header .top-header-content .top-menu-warp ul li a {
	display: inline-block;
}
.top-header .top-header-content .top-menu-warp ul{
	list-style: none;
	margin:0;
}
.top-header .top-header-content .top-menu-warp ul li a{
	color: #fff;
	padding: 0px 10px;
}
.top-header .top-info-left {
    float: left;
}
.top-header .top-info-right {
    float: right;
}
.top-contact-info {
    display: inline-block;
}
.top-contact-info span {
    color: #fff;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1;
}
.top-contact-info span:first-child {
    padding-left: 0px;
}
.top-contact-info span:last-child {
    border-right: 0px;
}
.top-contact-info span i {
    font-size: 15px;
    color: #fff;
    font-family: "FontAwesome";
    float: left;
    margin-right: 15px;
    line-height: 1;
}
.top-header .social-widgets ul li a {
    height: auto;
    width: auto;
    border: 0;
}
.top-header .social-widgets ul li a::before {
    color: #fff;
    font-size: 15px;
    line-height: 1;
}
.top-header .social-widgets ul li a:hover {
    background: transparent;
}
.site-branding {
    float: left;
    margin-top: 8px;
}
.site-title {
    color: #fff;
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: 600;
}
.site-title a span {
    color: #ff214f;
    font-weight: 600;
}
.site-title a,
.site-description {
    color: #fff;
    line-height: 1;
    margin-bottom: 0px;
}
.main-navigation-wrapper {
    float: right;
}
#main-nav {
    float: left;
}



/*--------------------------------------------------------------

## Featured Slider Starts 

--------------------------------------------------------------*/

#featured-slider,
#main-banner,
.slick-main-slider,
.slick-main-slider .item,
#main-banner .caption h2,
#main-banner .caption p,
#main-banner .button-holder {
    float: left;
    width: 100%;
}
#featured-slider {
    padding: 0px;
}
.slick-main-slider .item {
    min-height: 600px;
    position: relative;
}
.slick-main-slider .item:focus {
    outline: none;
}
.overlay,
.overlay-dark,
.caption-holder {
    position: relative;
}
.overlay:before,
.overlay-dark:before {
    background: rgba(0, 0, 0, 0.30);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.overlay-dark:before {
    background: rgba(0, 0, 0, 0.70);
}
.caption-holder {
    float: left;
    transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    position: absolute;
    top: 50%;
}
#main-banner .caption {
    float: left;
    width: 50%;
    transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    position: absolute;
    top: 50%;
}
.top-header-active #main-banner .caption {
	margin-top: 50px;
} 
#main-banner .caption h2 {
    color: #fff;
    font-weight: 700;
    font-size: 35px;
    line-height: 50px;
    text-transform: uppercase;
}
#main-banner .caption p {
    color: #fff;
    margin-bottom: 25px;
}
#main-banner .button-holder {
    text-align: left;
}
#main-banner .button-holder .button {
    margin-right: 10px;
}
/* Slick Slider css */

.slick-dots,
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    margin: 0;
    width: 100%;
    float: left;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

.slick-main-slider .slick-dots {
    bottom: 30px;
}

.slick-dots li {
    list-style: none;
}
.slick-dots li button {
    background: rgba(0, 0, 0, 0.45);
    padding: 0;
    font-size: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    border: 0;
}
.slick-dots li.slick-active button {
    background: #ff214f;
    box-shadow: none;
}
.slick-prev,
.slick-next {
    padding: 0px;
    font-size: 0px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #ff214f;
    text-align: center;
    background: #ff214f;
    border-radius: 50%;
    transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    position: absolute;
    top: 50%;
    z-index: 9;
    opacity: 0;
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
    opacity: 1;
}
.slick-prev {
    left: 5px;
}
.slick-next {
    right: 5px;
}
.slick-prev:before,
.slick-next:before {
    display: inline-block;
    font-size: 25px;
    color: #fff;
    line-height: 36px;
    font-family: "FontAwesome";
}
.slick-prev:before {
    content: "\f104";
}
.slick-next:before {
    content: "\f105";
}
.slick-prev:focus,
.slick-next:focus {
    box-shadow: none;
    outline: none;
    border-color: currentColor;
}
.slick-main-slider .slick-prev,
.slick-main-slider .slick-next {
    border-color: #fff;
    background: transparent;
}
.slick-main-slider .slick-prev:before,
.slick-main-slider .slick-next:before {
    color: #fff;
}
/* Main banner slick css */
/*--------------------------------------------------------------

## About Us & Features Section Styles Starts 

--------------------------------------------------------------*/

.about-us-section,
.about-us-section .about-us-wrapper .description-holder h3,
.about-us-section .about-us-wrapper .description-holder h2,
.about-us-section .about-us-wrapper .description-holder p,
.features-wrapper,
.features-section,
.features-section .features-holder,
.features-item .features-inner,
.features-item .features-text-wrap,
.features-item .features-text-wrap h2,
.features-item .features-text-wrap p {
    float: left;
    width: 100%;
}
.image-holder,
.description-holder {
    width: 50%;
}
.about-us-section .about-us-wrapper {
    display: table;
    width: 100%;
}
.about-us-section .about-us-wrapper .image-holder,
.about-us-section .about-us-wrapper .description-holder {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.about-us-section .about-us-wrapper .image-holder {
    padding-right: 15px;
    line-height: 0;
}
.about-us-section .about-us-wrapper .description-holder {
    padding-left: 15px;
}
.about-us-section .about-us-wrapper .description-holder h3 {
    color: #ff214f;
    font-size: 15px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
}
.about-us-section .about-us-wrapper .description-holder h2 {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 5px;
}
.features-section {
    padding-top: 0px;
}
.features-section .features-holder {
    padding-top: 75px;
    border-top: 1px solid #ddd;
}
.features-item {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.33%;
    vertical-align: top;
    margin-left: -3px;
    margin-bottom: 30px;
}
.features-item .features-inner {
    position: relative;
}
.features-item .feature-icon {
    position: absolute;
    left: 0;
    top: 0;
}
.features-item .feature-icon span {
    font-size: 40px;
    color: #6a6a6a;
}
.features-item .features-text-wrap {
    padding-left: 70px;
}
.features-item .features-text-wrap h2,
.features-item .features-text-wrap h2 a {
    color: #313131;
    font-size: 18px;
}
.features-item .features-text-wrap h2 {
    margin-bottom: 10px;
}
.features-item .features-text-wrap p {
    margin-bottom: 0px;
}

/*--------------------------------------------------------------

## Advanced Cta Styles Starts 

--------------------------------------------------------------*/

.advanced-cta-section,
.cta-content,
.cta-content p,
.cta-content h3,
.cta-content h2 {
    float: left;
    width: 100%;
}
.advanced-cta-section {
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
}
.cta-content {
    width: 70%;
    position: relative;
}
.cta-content h3 {
    color: #fff;
    font-size: 15px;
    margin-bottom: 12px;
    font-family: 'Open Sans', sans-serif;
}
.cta-content h2 {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 12px;
}
.cta-content p {
    color: #fff;
}
.cta-content a.button {
    border: 2px solid #fff;
    background: transparent;
}
.cta-content a.button:hover {
    border-color: #ff214f;
    background: #ff214f;
}

/*--------------------------------------------------------------

## Servcies Section Styles Starts 

--------------------------------------------------------------*/

.services-section,
.section-title,
.section-title p,
.section-title h2,
.services-wrapper,
.service-item .service-inner,
.service-item .service-thumb,
.service-item .service-thumb img,
.service-item .service-text-wrap,
.service-item .service-text-wrap h2,
.service-item .service-text-wrap p {
    float: left;
    width: 100%;
}
.services-section {
    padding-bottom: 45px;
}
.section-title {
    text-align: center;
    margin-bottom: 50px;
}
.section-title p,
.theme_toolkit_team .section-title h2,
.theme_toolkit_portfolio .section-title h2,
.theme_toolkit_partners .section-title h2,
.theme_toolkit_testimonials .section-title h2 {
    color: #ff214f;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}
.section-title h2,
.theme_toolkit_team .section-title p,
.theme_toolkit_portfolio .section-title p,
.theme_toolkit_partners .section-title p,
.theme_toolkit_testimonials .section-title p {
    color: #313131;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 1.4;
}
.service-item {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
    margin-bottom: 30px;
    margin-left: -3px;
}
.service-col-4 .service-item {
    width: 25%;
}
.service-col-3 .service-item {
    width: 33.33%;
}
.service-col-2 .service-item {
    width: 50%;
}
.service-col-1 .service-item {
    width: 100%;
}
.service-item .service-inner {
    position: relative;
    overflow: hidden;
}
.service-item .service-thumb img {
    position: relative;
    top: 0;
}
.service-item:hover .service-thumb img {
    top: -86px;
}
.service-item .service-text-wrap {
    padding: 20px;
    background: #fff;
    text-align: center;
    position: absolute;
    bottom: -86px;
}
.service-item:hover .service-text-wrap {
    bottom: 0;
}
.service-item .service-text-wrap h2 {
    font-size: 18px;
    margin-bottom: 0px;
}
.service-item .service-text-wrap h2 a {
    color: #313131;
}
.service-item .service-text-wrap p {
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.service-item .service-text-wrap,
.service-item:hover .service-text-wrap,
.service-item:hover .service-thumb img,
.service-item .service-thumb img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
/*--------------------------------------------------------------

## Our Team Section Styles Starts 

--------------------------------------------------------------*/

.theme_toolkit_team {
    padding-bottom: 45px;
    background: #fafafa;
}
.tt-team-col-4 .tt-team-item {
    margin-left: -4px;
}
.tt-team-item .tt-team-inner {
    position: relative;
    overflow: hidden;
}
.tt-team-item .tt-team-content-wrap {
    background: #ff214f;
    padding: 15px;
    text-align: center;
    position: absolute;
    bottom: -53px;
}
.tt-team-item:hover .tt-team-content-wrap {
    bottom: 0;
}
.tt-team-item .tt-team-content-wrap h3.tt-team-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0px;
}
.tt-team-item .tt-team-content-wrap span {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}
.tt-team-item .tt-team-content-wrap span a {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tt-team-item .tt-team-content-wrap .tt-team-social {
    padding-top: 15px;
    border-top: 1px solid #fff;
    margin-top: 15px !important;
}
.tt-team-item .tt-team-content-wrap .tt-team-social li a {
    height: auto;
    width: auto;
    border: 0;
    background: transparent;
}
.tt-team-item .tt-team-content-wrap .tt-team-social li:last-child {
    margin-right: 0px;
}
.tt-team-item .tt-team-content-wrap .tt-team-social li a::before {
    color: #fff;
    font-size: 15px;
    line-height: 1;
}
.tt-team-item .tt-team-content-wrap .tt-team-social li a:hover {
    background: transparent;
}
.tt-team-item:hover .tt-team-content-wrap,
.tt-team-item .tt-team-content-wrap {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
/*--------------------------------------------------------------

## Portfolio Section Starts 

--------------------------------------------------------------*/

.theme_toolkit_portfolio,
.tt-portfolio-item-main,
.tt-portfolio-item .tt-portfolio-wrapper,
.tt-portfolio-item .tt-portfolio-thumb,
.tt-portfolio-item h3.tt-portfolio-title,
.tt-portfolio-item h3.tt-portfolio-title a,
.tt-portfolio-item .tt-portfolio-thumb img,
.tt-portfolio-item .tt-portfolio-text-wrap,
.tt-portfolio-item .tt-portfolio-text-wrap p,
.filter-list {
    float: left;
    width: 100%;
}
.theme_toolkit_portfolio{
    padding-bottom: 70px;
}
.tt-portfolio-item {
    float: left;
    text-align: center;
    display: none;
    padding: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
}
.tt-portfolio-item .tt-portfolio-wrapper {
    position: relative;
    overflow: hidden;
}
.tt-portfolio-item .tt-portfolio-thumb img {
    position: relative;
    top: 0;
}
.tt-portfolio-item:hover .tt-portfolio-thumb img {
    top: -62px;
}
.tt-portfolio-item .tt-portfolio-text-wrap h3.tt-portfolio-title,
.tt-portfolio-item .tt-portfolio-text-wrap h3.tt-portfolio-title a {
    color: #313131;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.tt-portfolio-item .tt-portfolio-text-wrap {
    padding: 20px;
    background: #fff;
    position: absolute;
    bottom: -62px;
}
.tt-portfolio-item:hover .tt-portfolio-text-wrap {
    bottom: 0;
}
.tt-portfolio-item .tt-portfolio-text-wrap p {
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tt-portfolio .filter-list {
    text-align: center;
    list-style: none;
    margin-bottom: 40px;
    margin-left: 0px;
}
.filter-list li {
    display: inline-block;
    padding: 7px 32px;
    border: 1px solid #ddd;
    background: transparent;
    cursor: pointer;
    border-radius: 25px;
    margin: 0px 10px;
}
.filter-list li.active,
.filter-list li:hover {
    background: #ff214f;
    color: #fff;
    border-color: #ff214f;
}
.filter-list li.active,
.filter-list li:hover,
.tt-portfolio-item:hover .tt-portfolio-text-wrap,
.tt-portfolio-item .tt-portfolio-text-wrap,
.tt-portfolio-item:hover .tt-portfolio-thumb img,
.tt-portfolio-item .tt-portfolio-thumb img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
/*--------------------------------------------------------------

## Partners Section Styles Starts 

--------------------------------------------------------------*/

.tt-partners-wrap,
.our-partners-section,
.tt-partners,
.tt-partners-main {
    float: left;
    width: 100%;
}
.theme_toolkit_partners {
    background: #fafafa;
}
.tt-partners-main .tt-partners-item {
    float: left;
}
.tt-partners {
    position: relative;
}
.tt-partners-main .slick-dots {
    bottom: -30px;
}
.tt-partners-main .slick-prev,
.tt-partners-main .slick-next {
    height: auto;
    width: auto;
    border: 0;
    background: transparent;
}
.tt-partners-main .slick-prev {
    left: -20px;
}
.tt-partners-main .slick-next {
    right: -30px;
}
.tt-partners-main .slick-prev:focus,
.tt-partners-main .slick-next:focus {
    background: transparent;
    outline: none;
    box-shadow: none;
}
.tt-partners-main .slick-prev:hover,
.tt-partners-main .slick-next:hover {
    background: transparent;
}
.tt-partners-main .slick-prev:before,
.tt-partners-main .slick-next:before {
    font-size: 30px;
    line-height: 1;
    color: #515151;
}
.tt-partners-main .slick-prev:hover:before,
.tt-partners-main .slick-next:hover:before {
    color: #ff214f;
}
/*--------------------------------------------------------------

## Client Testimonials Styles Starts 

--------------------------------------------------------------*/

.theme_toolkit_testimonials,
.tt-testimonials-wrap,
.tt-testimonials,
.tt-testimonial-item-main .tt-testimonial-item,
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-inner,
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption,
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-meta,
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-meta .tt-testimonial-title,
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-meta p {
    float: left;
    width: 100%;
}
.tt-testimonials {
    text-align: center;
}
.tt-testimonials .tt-testimonial-item-main {
    display: inline-block;
    width: 70%;
    float: none;
    padding-bottom: 50px;
}
.tt-testimonial-item-main .tt-testimonial-item {
    padding: 50px 5px 5px 5px;
    margin-bottom: 0px;
}
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-inner {
    background: #fafafa;
    padding: 0px 50px 50px 50px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}
.slick-slider .slick-slide:focus {
    outline: none;
}
.tt-testimonial-item-main .tt-testimonial-item figure,
.tt-testimonial-item-main .tt-testimonial-item figure img {
    display: inline-block;
    margin: 0;
}
.tt-testimonial-item-main .tt-testimonial-item figure {
    margin-top: -50px;
    margin-bottom: 50px;
}
.tt-testimonial-item-main .tt-testimonial-item figure img {
    border-radius: 50%;
    border: 10px solid #fff;
    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.21);
}
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-meta .tt-testimonial-title {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #313131;
}
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption {
    position: relative;
}
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption:before,
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption:after {
    content: "\f10d";
    color: #ff214f;
    font-family: "FontAwesome";
    font-size: 50px;
    opacity: 0.7;
    position: absolute;
}
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption:before {
    top: -65px;
    left: 0;
}
.tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption:after {
    content: "\f10e";
    right: 0;
    bottom: -65px;
}
.tt-testimonial-item-main .slick-prev {
    left: -60px;
}
.tt-testimonial-item-main .slick-next {
    right: -60px;
}
/*--------------------------------------------------------------

## Blog Sections Styles Starts 

--------------------------------------------------------------*/

.blog-section,
.blog-wrapper,
.blog-item .blog-inner,
.blog-item .blog-thumb,
.blog-item .blog-thumb img,
.blog-item .blog-text-wrap,
.blog-item .blog-text-wrap h2,
.blog-item .blog-text-wrap p {
    float: left;
    width: 100%;
}
.blog-section {
    padding-bottom: 45px;
}
.blog-item {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
    margin-bottom: 30px;
    margin-left: -3px;
}
.blog-item .blog-inner {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}
.blog-item .blog-inner:hover {
    box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.20);
}
.blog-col-4 .blog-item {
    width: 25%;
}
.blog-col-3 .blog-item {
    width: 33.33%;
}
.blog-col-2 .blog-item {
    width: 50%;
}
.blog-col-1 .blog-item {
    width: 100%;
}
.blog-item .blog-text-wrap {
    padding: 20px;
    background: #fff;
}
.blog-item .blog-text-wrap h2,
.blog-item .blog-text-wrap h2 a {
    color: #313131;
    font-size: 18px;
}
.blog-item .blog-text-wrap h2 {
    margin-bottom: 10px;
}
.blog-item .blog-text-wrap p {
    margin-bottom: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ddd;
}
.byline,
.posted-on {
    display: inline-block;
}
.byline:before,
.posted-on:before {
    color: #6a6a6a;
    margin-right: 10px;
    font-size: 15px;
    font-family: "FontAwesome";
}
.byline:before {
    content: "\f2c0";
}
.posted-on:before {
    content: "\f274";
}
.blog-item .blog-text-wrap .byline {
    float: left;
}
.blog-item .blog-text-wrap .posted-on {
    float: right;
}
.blog-item .blog-inner,
.blog-item .blog-inner:hover {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
/*--------------------------------------------------------------

## Inner Page Styles Starts 

--------------------------------------------------------------*/
#primary {
    float: left;
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
}

.page-template-full-width-page #primary {
	width: 100%;
}

#sidebar-primary {
    float: left;
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
}

.global-layout-left-sidebar #primary {
    float: right;
}

.global-layout-right-sidebar #sidebar-primary {
    float: right;
}

.global-layout-no-sidebar #primary {
    width: 100%;
}

.page-title {
    font-size: 40px;
    color: #434343;
    position: relative;
    padding-bottom:10px;
    width: 100%;
    float: left;
    font-weight: 400;
    line-height: 1;
    border-bottom: 1px solid #eae9e9
}

.page-title span {
    color: #ff214f;
    display: inline-block;
}

#featured-banner,
#featured-banner img,
.banner-title {
    float: left;
    width: 100%;
}

#featured-banner {
    padding: 220px 0px 65px 0px;
    position: relative;
}

.banner-inactive  #featured-banner {
    padding-top: 65px;
}

.banner-title{
    text-align: center;
    position: relative;
}

.banner-title h2 {
    display: inline-block;
    color: #fff;
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: 400;
}

/*----------------------
## Blog Page Starts
-----------------------*/
#primary .post,
#primary .page,
.search-results #primary .product,
#primary .post .featured-thumb,
#primary .page .featured-thumb,
#primary .post .content-wrap,
#primary .page .content-wrap  {
    display: inline-block;
    width: 100%;
}

#primary .post,
.search-results #primary .product {
    margin-bottom: 30px;
}

.blog  #primary .post:last-child,
.single-post #primary .post {
    margin-bottom: 0px;
}

#primary .page .entry-title,
#primary .post .entry-title,
.search-results #primary .product .entry-title{
    margin-top: 0px;
}

#primary .page .entry-title a,
#primary .post .entry-title a,
.search-results #primary .product .entry-title a{
    color: #313131;
}

#primary .page .featured-thumb,
#primary .post .featured-thumb {
    line-height: 0;
}

#primary .post .content-wrap,
#primary .product  .content-wrap{
    padding-top: 20px;
}

.page-content-wrap .entry-content {
    margin-top: 0px;
}

.page .featured-thumb {
    margin-bottom: 20px;
}

.entry-meta > span a, 
.single-post-meta > span a, 
.entry-footer > span a {
    font-style: normal;
}

.entry-footer > span a {
    color:#848484;
}

#primary .post .content-wrap .entry-footer,
#primary .page .content-wrap .entry-footer,
.search-results #primary .product .content-wrap .entry-footer {
    padding: 10px 0px;
    border-top: 1px solid #eae9e9;
} 

.single-post #primary .post .content-wrap .entry-footer {
    border-top: 0px;
}

/*----------------------
## Breadcrumb Starts
-----------------------*/

#breadcrumb{
    float: left;
    width: 100%;
}

#breadcrumb {
    text-align: center;
    background: transparent;
    padding: 10px 30px;
    position: relative;
}

#breadcrumb,
#breadcrumb ul,
#breadcrumb ul li {
    display: inline-block;
}

#breadcrumb ul {
    margin: 0;
    list-style: none;
}
#breadcrumb ul li:last-child {
    margin-right: 0px;
}
#breadcrumb ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}
#breadcrumb ul li:after {
    color: #fff;
    content: "\f105";
    font-size: 15px;
    font-family: "FontAwesome";
    margin: 0px 15px;
}

#breadcrumb ul li:last-child:after {
    display: none;
}

#breadcrumb ul li:last-child a,
#breadcrumb ul li:last-child span {
    color: #fff;
    font-weight: 500;
}
/* Pagination starts */

.pagination {
    float: left;
    width: 100%;
    padding: 20px 0px 0px 0px;
}
.pagination .nav-links {
    padding: 0px;
    margin-bottom: 0px;
}
.pagination .nav-links .page-numbers {
    display: inline-block;
    background: #ff214f;
    color: #fff;
    padding: 15px;
    line-height: 1;
    border: 1px solid #ff214f;
    margin-right: 4px;
}
.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:hover {
    background: transparent;
    color: #ff214f;
    border-color: #ff214f;
}
/* pagination ends */

/*--------------------------------------------------------------

## Sidebar Widgets Starts

--------------------------------------------------------------*/

.sidebar form.search-form,
#footer-widgets form.search-form {
    position: relative;
}
.sidebar form.search-form input[type="search"],
#footer-widgets form.search-form input[type="search"] {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #ddd;
}
.sidebar form.search-form button[type="submit"],
#footer-widgets form.search-form button[type="submit"] {
    float: left;
    width: 20%;
    font-size: 15px;
    height: 43px;
    width: 43px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 0px;
    padding: 0;
}
.sidebar form.search-form button[type="submit"] i,
#footer-widgets form.search-form button[type="submit"] i {
    color: #ff214f;
    font-size: 15px;
    line-height: 43px;
    display: inline-block;
    font-family: "FontAwesome";
}
.sidebar .widget {
    margin-bottom: 30px;
    text-align: left;
    padding: 15px;
    border: 1px solid #ddd;
}
.sidebar .widget .widget-title {
    color: #434343;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.sidebar .widget .widget-title {
    margin-bottom: 20px;
}
.sidebar .widget ul {
    margin: 0;
    text-align: left;
    list-style: none;
}
.sidebar .widget ul li,
.sidebar .widget ul li a {
    color: #808080;
    font-size: 15px;
    width: 100%
}
.sidebar .widget ul li {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 7px;
}

.sidebar .widget ul li a:hover {
    color: #ff214f;
}
.sidebar .widget ul li:last-child {
    margin-bottom: 0px;
}
.sidebar .widget ul li:before{
    content: "\f101";
    font-family: "FontAwesome";
    float: left;
    position: absolute;
    top: 0px;
    left: 0;
}

/* Calender css */

table#wp-calendar caption {
    padding: 5px;
    border: 1px solid #ddd;
    border-bottom: 0px;
}

/* Post Navigation starts */

.post-navigation {
    float: left;
    width: 100%;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next,
#infinite-handle span {
    padding: 0px;
    width: 50%;
    background: transparent;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    padding-right: 15px;
    text-align: left;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    padding-left: 15px;
    text-align: right;
}
.post-navigation .nav-links .nav-previous a,
.post-navigation .nav-links .nav-next a,
.comment-navigation .nav-previous::before,
.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before,
.comment-navigation .nav-next::after,
.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
    color: #434343;
    font-size: 18px;
}
.post-navigation .nav-links .nav-previous:hover a,
.post-navigation .nav-links .nav-next:hover a,
.post-navigation .nav-links .nav-previous:hover:before,
.post-navigation .nav-links .nav-next:hover:after {
    color: #ff214f;
}
.comment-navigation .nav-previous:hover,
.posts-navigation .nav-previous:hover,
.post-navigation .nav-previous:hover,
.comment-navigation .nav-next:hover,
.posts-navigation .nav-next:hover,
.post-navigation .nav-next:hover,
#infinite-handle span:hover {
    background: transparent;
}

/*--------------------------------------------------------------
## Search No-results page Starts
--------------------------------------------------------------*/
.search-no-results section {
    padding: 0px;
}

.search-no-results  .no-results.not-found p {
    float: left;
    color: #999;
}

.search-no-results  .no-results.not-found form,
.search-no-results  .no-results.not-found form.search-form input[type="search"],
.search-no-results .no-results.not-found form.search-form input[type="text"] {
    float: left;
    width: 100%;
}

.search-no-results  .no-results.not-found form{
    position: relative;
}

.search-no-results  .no-results.not-found form.search-form input[type="search"],
.search-no-results .no-results.not-found form.search-form input[type="text"] {
    padding: 10px;
    box-sizing: border-box;
}

.search-no-results .no-results.not-found form.search-form input[type="submit"],
.search-no-results .no-results.not-found form.search-form button[type="submit"]{
    position: absolute;
    right: 0;
    background-color: #ff214f;
    color: #fff; 
    border:0;
    padding: 0;
    line-height: 1;
    height: 43px;
    width: 43px;
    border-radius: 0px;
}

.search-no-results .no-results.not-found  form.search-form input[type="submit"]:hover,
.search-no-results .no-results.not-found form.search-form button[type="submit"]:hover{
    background-color: #ff214f;
    color: #fff;
    border:0;
}

/*--------------------------------------------------------------
## Error 404 Page Starts
--------------------------------------------------------------*/
.error-404.not-found,
.error-404.not-found  form.search-form input[type="search"],
.error-404.not-found  form.search-form input[type="text"],
.error-404.not-found .page-header {
    float: left;
    width: 100%;
}

.error-404.not-found {
    padding: 0px;
}

.error-404.not-found  form.search-form {
    position: relative;
    display: inline-block;
    width: 60%;
}

.error-404.not-found  form.search-form input[type="search"],
.error-404.not-found  form.search-form input[type="text"]{
    padding: 10px;
    box-sizing: border-box;
}

.error-404.not-found  form.search-form input[type="submit"],
.error-404.not-found  form.search-form button[type="submit"]{
    position: absolute;
    right: 0;
    background-color: #ff214f;
    color: #fff; 
    border:0;
    padding: 0;
    line-height: 1;
    height: 43px;
    width: 43px;
    border-radius: 0px;
}

.error-404.not-found  form.search-form input[type="submit"]:hover,
.error-404.not-found  form.search-form button[type="submit"]:hover{
    background-color: #ff214f;
    color: #fff;
    border:0;
}

.error404 #primary,
.error-404.not-found .page-header {
    width: 100%;
    text-align: center;
}

.error404 #primary {
    padding-bottom: 50px;
}

.error-404.not-found .page-header .page-title {
    float: none !important;
    display: inline-block !important;
    width: 60% !important;
}

/*--------------------------------------------------------------

## Contact Page Styles Starts 

--------------------------------------------------------------*/
.wpcf7,
.wpcf7 form.wpcf7-form,
.wpcf7 form.wpcf7-form label,
.wpcf7 form.wpcf7-form input,
.wpcf7 form.wpcf7-form textarea {
    float: left;
    width: 100%;
}

.wpcf7 form.wpcf7-form input,
.wpcf7 form.wpcf7-form textarea {
    margin-bottom: 15px;
    margin-top: 5px;
}

.wpcf7 form.wpcf7-form input[type="submit"]{
    width: auto;
}


/*--------------------------------------------------------------

## Footer Styles Starts 

--------------------------------------------------------------*/

.site-footer,
#footer-widgets,
#footer-widgets .footer-active-4,
#footer-widgets .footer-active-3,
#footer-widgets .footer-active-2,
#footer-widgets .footer-active-1,
.site-info-holder {
    float: left;
    width: 100%;
}
#footer-widgets {
    background: #353535;
    padding: 75px 0px;
    position: relative;
}
#footer-widgets .widget-column {
    padding-left: 15px;
    padding-right: 15px;
}
#footer-widgets .footer-active-4 {
    width: 25%;
}
#footer-widgets .footer-active-3 {
    width: 33.33%;
}
#footer-widgets .footer-active-2 {
    width: 50%;
}
#footer-widgets .footer-active-1 {
    width: 100%;
}
#footer-widgets section {
    padding: 0;
}
#footer-widgets .widget ul,
.site-footer .site-links ul {
    list-style: none;
    margin: 0;
}
#footer-widgets .widget ul li {
    margin-bottom: 7px;
    position: relative;
}
#footer-widgets .widget ul li:before {
    color: #9c9c9c;
    content: "\f101";
    font-family: "FontAwesome";
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 0;
}
#footer-widgets .widget ul li {
    padding-left: 22px;
}
#footer-widgets .widget ul.contact-info li:before {
    display: none;
}
#footer-widgets .widget ul.contact-info li {
    padding-left: 0px;
}
#footer-widgets p,
#footer-widgets .widget ul li,
#footer-widgets .widget ul li a {
    color: #9c9c9c;
    font-size: 15px;
}
#footer-widgets .widget ul li i {
    font-size: 15px;
    color: #9c9c9c;
    margin-right: 15px;
    font-family: "FontAwesome";
}
#footer-widgets .widget.widget_recent_posts ul li a {
    position: relative;
    padding-left: 30px;
}
#footer-widgets .widget.widget_recent_posts ul li a:before {
    color: #808080;
    content: "\f115";
    font-size: 15px;
    font-family: "FontAwesome";
    left: 0;
    top: 0px;
    position: absolute;
    line-height: 1;
}
#footer-widgets .widget .widget-title {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 13px;
}
#footer-widgets p {
    margin-bottom: 15px;
}
#footer-widgets .social-widgets ul li a {
    font-size: 0px;
    height: auto;
    width: auto;
    border: 0;
}
#footer-widgets .widget.social-widgets {
    margin-top: 0px;
}
#footer-widgets .social-widgets ul li a:hover {
    background: transparent;
}
#footer-widgets .social-widgets ul li:before {
    display: none;
}
#footer-widgets .social-widgets ul li {
    padding-left: 0px;
}
#footer-widgets .social-widgets ul li a:before {
    line-height: 1;
    color: #9c9c9c;
    font-size: 15px;
}
#footer-widgets .social-widgets ul li {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
#footer-widgets .widget_newsletter form,
#footer-widgets .widget_newsletter form input {
    float: left;
    width: 100%;
}
#footer-widgets .widget_newsletter form {
    position: relative;
}
#footer-widgets .widget_newsletter form input {
    color: #9c9c9c;
    padding: 11px;
    border: 0;
    line-height: 1;
}
#footer-widgets .widget_newsletter form button[type="submit"] {
    border-radius: 0px;
    position: absolute;
    right: 0px;
    padding: 10px;
}
#footer-widgets .widget_newsletter form button[type="submit"] i {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-family: "FontAwesome";
}
.site-footer {
    background: #1e1e1e;
    padding-top: 25px;
    padding-bottom: 25px;
}
.site-footer .copyright-wrapper{
    text-align: center;
}
.site-footer .copyright {
    display: inline-block;
    margin-right: 5px;
    color: #9c9c9c;
}
.site-footer .site-info,
.site-footer .site-info a {
    color: #9c9c9c;
    display: inline-block;
}

.tagcloud a {
    color: #9c9c9c;
    display: inline-block;
    font-size: 14px !important;
    padding: 5px 10px;
    border:1px solid #9c9c9c;
    margin:0px 5px 10px 0px;
}

/*-------------------------------------- 

14.0 Mean Menu  Css Styles

----------------------------------------*/

.mean-container .mean-bar {
    background: transparent;
    box-shadow: none;
    z-index: 999;
}
.mean-container a.meanmenu-reveal span {
    background: #fff;
}
.mean-container .mean-nav ul li a {
    background: #ff214f;
}
.mean-container a.meanmenu-reveal {
    color: #fff;
    top: 0px;
}
.mean-container .mean-nav {
    margin-top: 73px;
}
.mean-container .mean-nav ul li a {
    text-shadow: none;
}
.mean-container .mean-nav ul li a.mean-expand {
    z-index: 999;
}
/* Go to top */

.gotop {
    background-color: #ff214f;
    border-radius: 50%;
    height: 53px;
    width: 53px;
    bottom: 50px;
    color: #fff;
    display: none;
    float: right;
    position: fixed;
    right: 10px;
    text-align: center;
    z-index: 99999;
    transition: all 0.5s ease-in-out 0s;
}
.gotop i {
    font-size: 20px;
    color: #fff;
    line-height: 53px;
}

/*--------------------------------------------------------------

## Media Starts Starts 

--------------------------------------------------------------*/

@media screen and (max-width: 1180px) {
    .container {
        max-width: 100%;
    }
    .tt-partners-main .slick-prev {
        left: 0;
    }
    .tt-partners-main .slick-next {
        right: 0;
    }
    .filter-listli {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1023px) {
    #main-banner .caption,
    .cta-content,
    .tt-testimonials .tt-testimonial-item-main {
        width: 80%;
    }
    .about-us-section .about-us-wrapper .description-holder h2{
        font-size: 20px;
        line-height: 1.5;
    }
    .cta-content h2 {
        font-size: 25px;
        line-height: 1.5;
    }

    #primary {
        width: 60%;
    }

    #sidebar-primary {
        width: 40%;
    }

    .main-navigation ul li a {
    	padding-left: 10px;
    	padding-right: 10px;
    }
}

@media screen and (max-width: 991px){

    .main-navigation ul li a {
    	padding-left: 5px;
    	padding-right: 5px;
    	font-weight: 400;
    }	

}

@media screen and (max-width: 850px) {
    /* Mean MEnu css */
    
    #main-nav {
        display: none;
    }
    .mean-container .main-navigation ul li.menu-item-has-children > a::after,
    .mean-container .main-navigation ul li.page_item_has_children > a::after {
        display: none;
    }
    .mean-container .mean-nav {
        overflow: hidden;
    }
    .main-navigation ul li ul {
        position: relative;
        top: 0;
        left: 0 !important;
        opacity: 1;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        z-index: 99999999;
        height: 52px;
        width: 52px;
        line-height: 52px;
        color: #fff !important;
        background: transparent;
        box-shadow: none;
        padding: 0 !important;
        border-left: 1px solid rgba(255, 255, 255, 0.5) !important;
    }
    .mean-container .mean-nav ul li a.mean-expand.mean-clicked,
    .mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover,
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: #ff214f;
    }
    .mean-container .main-navigation ul li.menu-item-has-children > a,
    .mean-container .main-navigation ul li.page_item_has_children > a {
        padding-right: 40px;
    }
    .mean-container .mean-nav ul li li a {
        width: 100%;
        opacity: 1;
    }
    .mean-container .mean-nav ul li li li a {
        width: 100%;
    }
    .mean-container .main-navigation ul li.menu-item-has-children ul.sub-menu li a {
        color: #fff;
    }
    .mean-container .mean-nav ul li a:hover {
        background: #ff214f;
    }
    /* Mean Menu css ends */
    
    .site-branding {
        position: relative;
        z-index: 99999;
        margin-top: 0px;
    }
    .site-header .bottom-header {
	    padding: 10px 0px 17px 0px;
	}
    .counter-item {
        width: 50%;
    }
    .service-col-4 .service-item,
    .tt-team-col-4 .tt-team-item,
    .portfolio-col-4 .tt-portfolio-item,
    .blog-col-4 .blog-item {
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    #main-banner .caption h2 {
        font-size: 28px;
        line-height: 1.5;
    }
    .top-contact-info span {
        padding-left: 5px;
        padding-right: 5px;
    }
    .social-widgets ul li {
        margin-right: 5px;
    }
    .about-us-section .about-us-wrapper .image-holder,
    .about-us-section .about-us-wrapper .description-holder,
    #footer-widgets .footer-active-4,
    #footer-widgets .footer-active-3 {
        width: 100%;
        float: left;
        display: block;
    }
    .about-us-section .about-us-wrapper .image-holder{
        padding-right: 0px;
    }
    .about-us-section .about-us-wrapper .description-holder{
        padding-top: 30px;
        padding-left: 0px;
    }

    .image-holder,
    .description-holder,
    .features-item,
    .tt-testimonials .tt-testimonial-item-main {
        width: 100%;
    }
    .tt-testimonial-item-main .slick-next {
        right: 0;
    }
    .tt-testimonial-item-main .slick-prev {
        left: 0;
    }
    .features-item {
        margin-left: 0px;
    }
    .cta-content h2 {
        font-size: 20px;
        line-height: 1.5;
    }
    .service-col-3 .service-item,
    .tt-team-col-3 .tt-team-item,
    .blog-col-3 .blog-item {
        width: 50%;
    }
    .service-item:hover .service-thumb {
        margin-top: 0px;
    }
    .service-item .service-text-wrap,
    .tt-team-item .tt-team-content-wrap,
    .tt-portfolio-item .tt-portfolio-text-wrap {
        position: static;
        bottom: auto;
    }
    .tt-portfolio-item:hover .tt-portfolio-thumb img,
    .service-item:hover .service-thumb img {
        top: 0;
    }
    .section-title h2 {
        font-size: 25px;
    }
    #footer-widgets .widget-column {
        margin-bottom: 30px;
    }
    #footer-widgets .widget-column:last-child {
        margin-bottom: 0px;
    }
    .top-header .top-info-left,
    .top-header .top-info-right {
        width: 100%;
        text-align: center;
    }
    #primary,
    #sidebar-primary{
        width: 100%;
    }
}

@media screen and (max-width: 551px) {
    .cta-content,
    .service-col-2 .service-item,
    .service-col-3 .service-item,
    .service-col-4 .service-item,
    .tt-team-col-4 .tt-team-item,
    .tt-team-col-3 .tt-team-item,
    .tt-team-col-2 .tt-team-item,
    .tt-portfolio-col-4 .tt-portfolio-item,
    .tt-portfolio-col-3 .tt-portfolio-item,
    .tt-portfolio-col-2 .tt-portfolio-item,
    .blog-col-4 .blog-item,
    .blog-col-3 .blog-item,
    .blog-col-2 .blog-item,
    #footer-widgets .footer-active-2 {
        width: 100%;
    }
    .blog-item,
    .tt-team-item,
    .service-item {
        margin-left: 0px;
    }
    #main-banner .caption {
        width: 90%;
    }

}
@media screen and (max-width: 479px) {
    .site-title {
        font-size: 26px;
    }
    .mean-container .mean-nav {
        margin-top: 67px;
    }
    #main-banner .caption h2 {
        font-size: 18px;
    }
    .tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-inner {
        padding: 0px 20px 20px 20px;
    }
    .tt-testimonial-item-main .slick-dots {
        bottom: 15px;
    }
    .top-header .top-info-left,
    .top-header .top-info-right {
        width: 100%;
        text-align: center;
    }
    .top-header .top-info-right {
        margin-top: 10px;
    }
    .top-contact-info span:last-child {
        margin-top: 5px;
    }
    #main-banner .caption {
        margin-top: 50px;
    }
    .tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption:before,
    .tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption:after {
        font-size: 30px;
    }
    .tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption:after {
        right: -14px;
        bottom: -45px;
    }
    .tt-testimonial-item-main .tt-testimonial-item .tt-testimonial-caption:before {
        top: -45px;
        left: -14px;
    }

}