/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Normalize
2. Typography
3. Elements
4. Forms
5. Navigation
    5.1. Links
    5.2. Menus
6. Accessibility
7. Alignments
8. Clearings
9. Widgets
10. Content
    10.1. Posts and pages
    10.2. Asides
    10.3. Comments
11. Infinite scroll
12. Media
    12.1. Captions
    12.2. Galleries
13. Custom Css Starts
    13.1. Social Widgets Css Starts
    13.2. Header Css Starts
    13.3. Featured Slider Starts 
    13.4. Features Section Starts
    13.5. Cta Section Styles Starts 
    13.6. About Us Section Styles Starts
    13.7. Counter Section Starts 
    13.8. Portfolio Section Styles Starts
    13.9. Pricing Section Styles Starts 
    13.10. Team Section Styles Starts  
    13.11. Testimonials Styles Starts
    13.12. Blog Section Starts 
        13.12.1. Blog Single Page Styles Starts
    13.13. Contact Section Starts 
    13.14. Client Section Starts
    13.15. Inner Page Styles Starts 
        13.15.1. Breadcrumb Starts 
        13.15.2. Blog Page Starts
        13.15.3. Sidebar Widgets Starts  
    13.17. Footer Styles Starts 
14. Mean Menu  Css Styles 
15. Custom Media Starts 

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

/*--------------------------------------------------------------
# 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;
}

a,
a:visited,
a:hover,
a:focus,
a:active,
.entry-meta > span::before,
.entry-footer > span::before,
.single-post-meta > span::before{
    color: #fe6619;
}

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: #222222;
    font-size: 15px;
    line-height: 1.5;
}

body {
    color: #808080;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 15px 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 30px;
}

h3{
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 15px;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #f3f3f3;
    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. */
    margin-left:40px;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


td, th {
    border: 1px solid #ddd;
    padding: 10px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.comment-reply-link,
 a.button, 
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
    color: #fff;
    background: #33b7ff;
    font-size: 15px;
    line-height: 1;
    padding: 15px 35px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    border-radius:0px;
    position: relative;
    border: 0;
}

button:hover,
.comment-reply-link:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
 button:active,
.comment-reply-link:active,
a.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #fe6619;
}


button,
.comment-reply-link,
 a.button, 
 input[type="button"],
 input[type="reset"],
 input[type="submit"],
 button:hover,
.comment-reply-link:hover,
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: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: none;
    box-shadow: none;
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
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"],
input[type="tel"]{
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding:5px;
}

textarea {
    padding: 6px 0 6px 9px;
    width: 100%;
    resize: none;
}

button:visited,
.comment-reply-link:visited,
 a.button:visited {
    color: #fff;
 }

::-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 {
    text-decoration: inherit;
}

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: #ffffff;
    left: -9999px;
    margin: 0;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity 0.4s ease-in-out 0s;
    z-index: -9999;
}

.main-navigation ul ul ul {
    left:100%;
    top: 0
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
}

.main-navigation ul > li:hover > ul {
    opacity: 1;
    left: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;
    left:100%;

}
.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation ul li li:first-child > a {
    border-left: none;
}

.main-navigation ul li {
    margin-right: 20px;
    margin-left: 20px;
}

.main-navigation ul li:last-child {
    margin-right: 0px;
}

.main-navigation ul li a {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0px;
    position: relative;
    z-index: 99;
    font-weight: 400;
    text-transform: uppercase;
}

.main-navigation ul li a:after {
    background: #fe6619;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100% !important;
    height: 2px;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
}

.main-navigation ul li.current-menu-item a:after,
.main-navigation ul li a:hover:after {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.main-navigation ul li.current-menu-item a:after,
.main-navigation ul li a:hover:after,
.main-navigation ul li a:after{
    -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 ul a:after {
    display: none;
}

.main-navigation ul ul a {
    border-bottom: 1px solid #ddd;
    border-left: medium none;
    border-right: medium none;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
    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{
    color: #222222;
    font-size: 14px;
}

.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 {
    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,
.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: #f3f3f3;
    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;
}
.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 {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    width: 100px;
    right: 100%;
    margin-right: 30px;
    top: 46%;
}

#home-page-widget-area .widget-title span::after {
    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 {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right:8px;
    content: "";
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

.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 {
    content: "\f07c";
}

.entry-meta .byline::before,
.single-post-meta .byline::before {
    content: "\f007";
}

.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 {
    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: 15px;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 10px 30px 10px 70px;
    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 {
    background-color: #fff;
    position: relative;
    margin: 0 auto;

}

.container {
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

section {
    margin: 0px;
    padding: 20px 0;
}

.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,arial,helvatica;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
 
}

#content {
    padding: 0;
    clear: both;
}

.overlay {
    position: relative;
}

.overlay:before {
    background: rgba(0,0,0,0.50);
    content:"";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inner-page #content{
    padding: 100px 0px;
}

.button-holder {
    float: left;
    width: 100%;
    text-align: center;
}

.button-holder .button {
    margin: 0px 10px;
}

.button-holder .button.secondary-button {
    background: #fe6619;
}

.button-holder .button.secondary-button:hover {
    background: #33b7ff;
}

/* Preloader */

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 999999;
}

.loader {
   width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  border-radius:50%;

  animation: colors 4s infinite ease-in, scale 2s infinite ease-in;
}

.loader:after {
    content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #ecf0f1;
  transform-origin: left top;
  animation: rotate 1s infinite linear;
  border-radius:50%;
}

@keyframes scale {
  from {
    width: 40px;
    height: 40px;
  }
  25% {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
  }
  50% {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
  }
  75% {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
  }
  to {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
  }
}

@keyframes colors {
  from {
    background-color: #2ecc71;
  }
  25% {
    background-color: #e74c3c;
  }
  50% {
    background-color: #3498db;
  }
  75% {
    background-color: #9b59b6;
  }
  to {
    background-color: #2ecc71;
  }
}

@keyframes rotate {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}


/* Slick Slider css */

.slick-slider {
    text-align: center;
    position: relative;
}

.slick-slider .slick-slide:focus {
    outline: none;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
    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: 5;
    font-size: 0;
    padding: 0;
    height: 40px;
    width: 40px;
    background: #33b7ff;
    border:0;
    text-align: center;
    opacity: 0;
}

.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
    opacity: 1;
}

.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
    background: #fe6619;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    line-height: 40px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-family: 'FontAwesome';
}  

.slick-slider .slick-prev:before {
    content: "\f104";
}

.slick-slider .slick-next:before {
    content: "\f105";
}

.slick-slider .slick-prev {
    left: 0px;
}

.slick-slider .slick-next {
    right: 0px;
}

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

.slick-dots li {
    display: inline-block;
    margin:0px 5px;
}

.slick-dots li button {
    background: transparent;
    padding:0;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0);
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
    border: 1px solid #fe6619;
    color: #fe6619;
}

.slick-dots li button:focus,
.slick-slider .slick-prev:focus,
.slick-slider .slick-next:focus {
    box-shadow: none;
}

.slick-dots li button:hover {
    background: transparent;
}

.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next,
.slick-slider .slick-prev,
.slick-slider .slick-next  {
    -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;
}

/*--------------------------------------------------------------
## 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;
    margin-bottom: 0px;
    line-height: 0;
}

.social-widgets ul li, 
.social-widgets ul li a {
    display: inline-block;
}

.social-widgets ul li {
    margin-right: 5px;
    line-height: 1;
}

.social-widgets ul li a {
    font-size: 0;
    line-height: 1;
    height: 34px;
    width: 34px;
    background:transparent; 
    text-align: center;
    border:1px solid #a1a1a1;
}

.social-widgets ul li a::before {
    color: #808080;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 1;
    font-size: 15px;
    line-height: 32px;
}

.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-widgets ul li a,
.social-widgets ul 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;
}

/* Social link hover effect */

/* Social Widgets css ends */

/*--------------------------------------------------------------
## Header Css Starts 
--------------------------------------------------------------*/

.site-header{
    float: left;
    width: 100%;
}

.site-header{
    background: transparent;
    position: fixed;
    left:0;
    top:0;
    z-index: 999;
    padding: 15px 0px;
}

.main-navigation-wrapper {
    float: right;
}

#main-nav,
.site-branding {
    float: left;
    height: 100px;
}

.site-branding .site-title {
    font-size: 25px;
    margin-bottom: 0px;
    line-height: 1;
    text-transform: uppercase;
}

.site-branding .site-title a{
    color: #fe6619;
}

.site-branding .site-description {
    margin-bottom: 0px;
    color: #fff;
    margin-left: 40px;
}

.slogan
{

    margin-top: 0px;
    width: 300px;

}

/* Fixed header On */

.fixed-header-on .site-header {
    
        background:black;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.20);
}

.fixed-header-on .site-branding .site-description {
    color: #808080;
}

.fixed-header-on .main-navigation ul li a {
    color:white;
}

.site-header,
.fixed-header-on .site-header {
    -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;
}

/*--------------------------------------------------------------
## Featured Slider Starts
--------------------------------------------------------------*/

#featured-slider,
#featured-slider #main-banner,
.slick-main-slider,
.slick-main-slider .item,
.video-holder,
.banner-image-holder,
.video-wrap,
.video-wrap .video-wrap-inner {
    float: left;
    width: 100%;
}

#featured-slider {
    padding:0;
}

#featured-slider #main-banner.video-banner .overlay:before{
    z-index: 9;
}

#featured-slider #main-banner.video-banner .video-wrap-inner .caption-holder {
    z-index: 10;    
}

.video-wrap {
    overflow: hidden;
}

.slick-main-slider .item,
.video-wrap .video-wrap-inner {
    min-height: 600px;
    position: relative;
}

.video-holder video.video-player{
    position: absolute; 
    left:0; 
    top:0; 
    display: block;
    height: 100%;
    width: 100%;
}

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

.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%;
    width: 100%;
    left: 0;
}

.slick-main-slider .item.caption-center .caption-holder,
.caption-center .caption-holder {
    text-align: center;
} 

.slick-main-slider .item.caption-left .caption-holder,
.slick-main-slider .item.caption-left .caption-holder .button-holder,
.caption-left .caption-holder,
.caption-left .caption-holder .button-holder {
    text-align: left;
} 

.slick-main-slider .item.caption-right .caption-holder,
.slick-main-slider .item.caption-right .caption-holder .button-holder,
.caption-right .caption-holder,
.caption-right .caption-holder .button-holder {
    text-align: right;
} 

#main-banner .caption {
    display: inline-block;
    width: 80%;
    margin-left:-260px;
}

#main-banner .caption span,
#main-banner .caption h2 {
    color: #fff;
    display: inline-block;
    font-weight: 400;
}

#main-banner .caption span {
    font-size: 18px;
    margin-bottom: 10px;
}

#main-banner .caption h2 {
    font-size: 35px;
    margin-bottom: 25px;
}

.slick-main-slider .item.caption-left .caption-holder .button-holder .button,
.caption-left .caption-holder .button-holder .button {
    margin: 0px 20px 0px 0px;
}

.slick-main-slider .item.caption-right .caption-holder .button-holder .button,
.caption-right .caption-holder .button-holder .button {
    margin: 0px 0px 0px 20px;
}

.slick-main-slider .item .caption-holder .button-holder,
.slick-main-slider .item .caption-holder .caption span {
    opacity: 0;
}

.slick-main-slider .item.slick-active .caption-holder .button-holder,
.slick-main-slider .item.slick-active .caption-holder .caption span {
    opacity: 1;
}

.slick-main-slider .item.caption-left .caption-holder .caption h2{
    padding-left: 60px
}

.slick-main-slider .item.caption-left.slick-active .caption-holder .caption h2{
    padding-left: 0px;   
}

.slick-main-slider .item.caption-right .caption-holder .caption h2{
    padding-right: 60px;
}

.slick-main-slider .item.caption-right.slick-active .caption-holder .caption h2{
    padding-right:0px;
}

.slick-main-slider .item .caption-holder .button-holder,
.slick-main-slider .item .caption-holder .caption span,
.slick-main-slider .item.slick-active .caption-holder .button-holder,
.slick-main-slider .item.slick-active .caption-holder .caption span,
.slick-main-slider .item.caption-left .caption-holder .caption h2 {
    -webkit-transition:all 0.4s linear 0.8s;
        -moz-transition: all 0.4s linear 0.8s;
        -o-transition: all 0.4s linear 0.8s;
        transition: all 0.4s linear 0.8s;
}

.slick-main-slider .item.caption-left.slick-active .caption-holder .caption h2,
.slick-main-slider .item.caption-right .caption-holder .caption h2,
.slick-main-slider .item.caption-right.slick-active .caption-holder .caption h2 {
    -webkit-transition:all 0.5s linear 1s;
    -moz-transition: all 0.5s linear 1s;
    -o-transition: all 0.5s linear 1s;
    transition: all 0.5s linear 1s;
}

.banner-image-holder {
    position: relative;
    min-height: 600px;
}

/*--------------------------------------------------------------
## Features Section Starts 
--------------------------------------------------------------*/

.features-section,
.section-title,
.features-wrapper,
.features-item .features-inner,
.features-item .features-icon,
.features-item .features-text-content,
.features-item .features-text-content h2,
.features-item .features-text-content p {
    float: left;
    width: 100%;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 15px;
}

.section-title.title-in-left {
    text-align: left;
}

.section-title.title-in-right {
    text-align: right;
}

.section-title:after {
    background: #33b7ff;
    content:"";
    width: 70px;
    height: 2px;
    display: inline-block;
    transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    position: absolute;
    left: 50%;
    bottom:0;
}

.section-title.title-in-left:after {
    left: 0;
    transform: none;
}

.section-title.title-in-right:after {
    right: 0;
    left: auto;
    transform: none;
}

.section-title h2 {
    display: inline-block;
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 0px;
}

.section-title h2 span {
    color: #fe6619;
}

.features-section {
    padding-bottom: 30px;
}

.features-item {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -3px;
    margin-bottom: 30px;
    text-align: center;
}

.features-col-4 .features-item {
    width: 25%;
    margin-left: -4px;
}

.features-col-3 .features-item {
    width: 33.33%;  
}

.features-col-2 .features-item {
    width: 50%;   
}

.features-col-1 .features-item {
    width: 100%;   
}

.features-item .features-icon {
    text-align: center;
    margin-bottom: 25px;
}

.features-item .features-icon span {
    display: inline-block;
    font-size: 40px;
    color: #fe6619;
}

.features-item:nth-child(2n) .features-icon span {
    color: #33b7ff;
}

.features-item .features-text-content h2,
.features-item .features-text-content h3,
.features-item .features-text-content h4,
.features-item .features-text-content h5,
.features-item .features-text-content h6 {
    margin-bottom: 10px;
}

.features-item .features-text-content p {
    margin-bottom: 0px;
}

.features-item .features-inner {
    position: relative;
    padding: 40px 15px;
}

.features-item .features-inner:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    z-index: 9;
    content: "";
    height: 0px;
    position: absolute;
    width: 0px;
    border-left: 1px solid #fe6619;
    border-top: 1px solid #fe6619;
    visibility: hidden;
}

.features-item .features-inner:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    z-index: 9;
    content: "";
    height: 0px;
    position: absolute;
    width: 0px;
    border-top: 1px solid #fe6619;
    border-right: 1px solid #fe6619;
    visibility: hidden;
}

.features-item .features-text-content:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 9;
    content: "";
    height: 0px;
    position: absolute;
    width: 0px;
    border-left: 1px solid #fe6619;
    border-bottom: 1px solid #fe6619;
    visibility: hidden;
}

.features-item .features-text-content:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    z-index: 9;
    content: "";
    height: 0px;
    position: absolute;
    width: 0px;
    border-right: 1px solid #fe6619;
    border-bottom: 1px solid #fe6619;
    visibility: hidden;
}

.features-item:nth-child(2n) .features-inner:before,
.features-item:nth-child(2n) .features-inner:after,
.features-item:nth-child(2n) .features-text-content:before,
.features-item:nth-child(2n) .features-text-content:after {
    border-color: #33b7ff; 
}

.features-item:hover .features-inner:before,
.features-item:hover .features-inner:after,
.features-item:hover .features-text-content:before,
.features-item:hover .features-text-content:after {
    visibility: visible;
    transition: all 0.4s ease 0s;
    width: 60px;
    height: 60px;
}

.features-item:hover .features-inner:before,
.features-item:hover .features-inner:after,
.features-item:hover .features-text-content:before,
.features-item:hover .features-text-content:after,
.features-item .features-inner:before,
.features-item .features-inner:after,
.features-item .features-text-content:before,
.features-item .features-text-content:after {
    -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;
}

/*--------------------------------------------------------------
## Cta Section Styles Starts 
--------------------------------------------------------------*/

.cta-section,
.cta-content,
.cta-content .cta-content-inner,
.cta-content .cta-content-inner p,
.cta-image {
    float: left;
    width: 100%;
}

.cta-section {
    padding: 0;
    position: relative;
    background: #f9f9f9;
}

.cta-content,
.cta-image {
    width: 50%;
}

.cta-content {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 50px;
}

.cta-content .cta-content-inner p {
    margin-bottom: 40px;
}

.cta-image {
    position: absolute;
    height: 100%;
    right: 0;
}

.cta-content .button-holder{
    text-align: left;
}

.cta-section .section-title {
    margin-bottom: 40px;
}

.cta-content .button-holder .button {
    margin: 0px 20px 0px 0px;
}

/*--------------------------------------------------------------
## About Us Section Styles Starts 
--------------------------------------------------------------*/

.about-section,
.about-content-wrap .about-featured-image img,
.about-content-wrap .about-text-content h2,
.about-content-wrap .about-text-content h3,
.about-content-wrap .about-text-content h4,
.about-content-wrap .about-text-content h5,
.about-content-wrap .about-text-content h6,
.about-content-wrap .about-text-content p,
.about-content-wrap .about-text-content ul,
.about-content-wrap .about-text-content ul li,
.skills-wrapper,
.skills-wrapper .skill-item,
.meter,
.meter > span {
    float: left;
    width: 100%;
}

.about-content-wrap {
    display: table;
    width: 100%;
}

.about-content-wrap .about-featured-image,
.about-content-wrap .about-text-content {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.about-content-wrap .about-featured-image {
    background: #33b7ff;
}

.about-content-wrap .about-featured-image img {
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: -30px;
}

.about-content-wrap .about-text-content {
    padding-left: 90px;
}

.about-content-wrap .about-text-content h2,
.about-content-wrap .about-text-content h3,
.about-content-wrap .about-text-content h4,
.about-content-wrap .about-text-content h5,
.about-content-wrap .about-text-content h6 {
    margin-bottom: 30px;   
}

.about-content-wrap .about-text-content ul {
    list-style: none;
    margin:0;
    margin-bottom: 30px;
}

.about-content-wrap .about-text-content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.about-content-wrap .about-text-content ul li:last-child {
    margin-bottom: 0px;
}

.about-content-wrap .about-text-content ul li:before {
    content:"\f00c";
    color: #fe6619;
    font-family: "FontAwesome";
    position: absolute;
    top:0;
    left:0;
}

.meter > span { 
    height: 5px; 
    position: relative;
    margin:0px 0px 30px 0px;
    background: #e9e9e9;
    border-radius: 0px;
}

.skills-wrapper .skill-item:last-child .meter > span{
    margin-bottom: 0px;
}

.meter .ui-widget.ui-widget-content {
    border:0;
}

.meter > span > .ui-progressbar-value {
    display: block;
    background:#33b7ff;
    height: 100%;
    position: relative;
    overflow: hidden;
    border:0;
    margin:0;
    width:0;
    border-radius: 0px;
    
     -webkit-transition: width 3s ease-in-out;
    -moz-transition: width 3s ease-in-out;
    -o-transition: width 3s ease-in-out;
    transition: width 3s ease-in-out;
}

.about-content-wrap .about-text-content .skills-wrapper h2, 
.about-content-wrap .about-text-content .skills-wrapper h3, 
.about-content-wrap .about-text-content .skills-wrapper h4, 
.about-content-wrap .about-text-content .skills-wrapper h5, 
.about-content-wrap .about-text-content .skills-wrapper h6 {
    margin-bottom: 10px;
    float: left;
    width: auto;   
}

.skills-wrapper .skill-item .skill-value {
    color: #868686;
    float: right;
    font-size: 15px;
}

/*--------------------------------------------------------------
## Counter Section Starts 
--------------------------------------------------------------*/

.facts-counter-section,
.counter-wrapper,
.counter-item .counter-inner,
.counter-item .counter-icon,
.counter-item  .counter-text-wrap,
.counter-item  .counter-text-wrap .count,
.counter-item  .counter-text-wrap p{
    float: left;
    width: 100%;
}

.facts-counter-section {
    padding: 100px 0px;
    background: #fe6619;
}

.facts-counter-section .section-title {
    display: none;
}

.facts-counter-section .section-title h2 span {
    color: #fff;
}

.counter-item {
    display: inline-block;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    margin-left: -4px;
    vertical-align: top;
}

.counter-item .counter-icon {
    text-align: center;
    margin-bottom: 28px;
}

.counter-item .counter-icon span{
    font-size: 50px;
    color: #fff;
    display: inline-block;
}

.counter-item  .counter-text-wrap .count {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    display: inline-block;
    width: auto;
    float: none;
}

.counter-item  .counter-text-wrap .count.plus:after {
    content: "+";
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    margin-left: 10px;
    display: inline-block;
}

.counter-item  .counter-text-wrap p{
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
}

/*--------------------------------------------------------------
## Portfolio Section Styles Starts 
--------------------------------------------------------------*/

.portfolio-section,
.portfolio-wrapper,
.portfolio-item .portfolio-inner,
.portfolio-item .portfolio-image,
.portfolio-item h2,
.portfolio-item h2 a,
.portfolio-item .portfolio-image img,
.portfolio-item .portfolio-hover,
.portfolio-item .portfolio-hover p,
#filter-list  {
    float: left;
    width: 100%;
}

.portfolio-col-4 .portfolio-item {
    width: 25%;
}

.portfolio-col-3 .portfolio-item {
    width: 33.33%;
}

.portfolio-col-2 .portfolio-item {
    width: 25%;
}

.portfolio-col-1 .portfolio-item {
    width: 25%;
}

.portfolio-item {
    float: left;
    text-align: center;
    display: none;
    padding: 5px;
}

.portfolio-item .portfolio-inner {
    position: relative;
    overflow: hidden;
}

.portfolio-item .portfolio-image img {
    position: relative;
    top:0;
}

.portfolio-item:hover .portfolio-image img {
    top:-93px;
}

.portfolio-item h6,
.portfolio-item h6 a,
.portfolio-item h5,
.portfolio-item h5 a,
.portfolio-item h4,
.portfolio-item h4 a,
.portfolio-item h3,
.portfolio-item h3 a,
.portfolio-item h2,
.portfolio-item h2 a {
    color: #222;
    margin-bottom: 0px;
}

.portfolio-item .portfolio-hover {
    padding: 20px;
    background: #fff;
    position: absolute;
    bottom:-93px;
}

.portfolio-item:hover .portfolio-hover{
    bottom:0;
}

.portfolio-item .portfolio-hover p {
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#filter-list {
    text-align: center;
    list-style: none;
    margin-bottom:30px;
    margin-left: 0px;
}

#filter-list li {
    display: inline-block;
    cursor: pointer;
    padding-bottom: 10px;
    margin:0px 15px;
    position: relative;
}

#filter-list li:after {
    background: #fe6619;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100% !important;
    height: 2px;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
}

#filter-list li:hover:after,
#filter-list li.active:after{
        -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

button.lg-next:after,
button.lg-prev:after {
    height: 0;
    background: transparent;
}

#filter-list li:hover:after,
#filter-list li.active:after,
#filter-list li:after,
.portfolio-item:hover .portfolio-hover,
.portfolio-item .portfolio-hover,
.portfolio-item:hover .portfolio-image img,
.portfolio-item .portfolio-image 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;
}

/*--------------------------------------------------------------
## Pricing Section Styles Starts 
--------------------------------------------------------------*/

.pricing-section,
.pricing-plan-wrapper,
.pricing-item .pricing-inner,
.pricing-item .pricing-header,
.pricing-item .pricing-header .pricing-icon,
.pricing-item .pricing-header h2,
.pricing-item .pricing-header h4,
.pricing-item .pricing-header h4,
.pricing-item .pricing-header h5,
.pricing-item .pricing-header h6,
.pricing-item .pricing-header p,
.pricing-item .pricing-header .price-per-month,
.pricing-item .pricing-content,
.pricing-item .pricing-content .pricing-plan-features,
.pricing-item .pricing-content .pricing-plan-features ul,
.pricing-item .pricing-content .pricing-plan-features ul li,
.pricing-item .pricing-footer {
    float: left;
    width: 100%;
}

.pricing-section {
    background: #f9f9f9; 
}

.pricing-item {
    float: left;
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
}

.pricing-item.popular-plan {
    margin-top: 12px;
}

.pricing-item .pricing-inner {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.10);
}

.pricing-item .pricing-header,
.pricing-item .pricing-header .pricing-icon,
.pricing-item .pricing-header .price-per-month,
.pricing-item .pricing-footer {
    text-align: center;
}

.pricing-item .pricing-header .pricing-icon span {
    display: inline-block;
    font-size: 50px;
    margin-bottom: 15px;
}

.pricing-item .pricing-header {
    padding: 30px;
    padding-bottom: 90px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.pricing-item .pricing-header h2,
.pricing-item .pricing-header h4,
.pricing-item .pricing-header h4,
.pricing-item .pricing-header h5,
.pricing-item .pricing-header h6,
.pricing-item .pricing-header p {
    margin-bottom: 0px;
}

.pricing-item .pricing-header .price-per-month {
    position: absolute;
    bottom: -60px;
    left: 0;
}

.pricing-item .pricing-header .price-per-month span {
    background: #fe6619;
    border-radius: 50%;
    color: #fff;
    height: 120px;
    width: 120px;
    font-size: 25px;
    display: inline-block;
    line-height: 120px;
}

.pricing-item.popular-plan .pricing-header .price-per-month span {
    background: #33b7ff;
}

.pricing-item .pricing-content {
    padding: 90px 30px 30px 30px;
    text-align: center;
}

.pricing-item .pricing-content .pricing-plan-features ul {
    margin:0;
    list-style: none;
}

.pricing-item .pricing-content .pricing-plan-features ul li {
    padding: 10px 0px;
    border-bottom: 1px dotted #ddd;
}

.pricing-item .pricing-content .pricing-plan-features ul li:first-child {
    padding-top: 0px;
}

.pricing-item .pricing-content .pricing-plan-features ul li:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.pricing-item .pricing-footer {
    padding: 30px;
    border-top: 1px solid #ddd;
}

.pricing-item.popular-plan .pricing-footer .button {
    background: #fe6619;
}

.pricing-item.popular-plan .pricing-footer .button:hover {
    background: #33b7ff;
}

/*--------------------------------------------------------------
## Team Section Styles Starts 
--------------------------------------------------------------*/

.team-section,
.team-wrapper,
.team-item .team-inner,
.team-item .team-image,
.team-item .team-image img,
.team-item .team-info-wrap,
.team-item .team-info-wrap h2,
.team-item .team-info-wrap h3,
.team-item .team-info-wrap h4,
.team-item .team-info-wrap h5,
.team-item .team-info-wrap h6,
.team-item .team-info-wrap span,
.team-item .team-info-wrap p,
.team-item .team-info-wrap .social-widgets {
    float: left;
    width: 100%;
}

.team-section {
    padding-bottom: 70px;
}

.team-item {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    margin-left: -3px;
}

.team-col-4 .team-item {
    width: 25%;
    margin-left: -4px;
}

.team-col-3 .team-item {
    width: 33.33%;
}

.team-col-2 .team-item {
    width: 50%;
}

.team-col-1 .team-item {
    width: 100%;    
}

.team-item .team-image {
    overflow: hidden;
}

.team-item .team-image img {
    transform: none;
}

.team-item:hover .team-image img {
    transform: scale(1.1);
} 

.team-item .team-info-wrap {
    padding-top: 20px;
    text-align: center;
}

.team-item .team-info-wrap h2,
.team-item .team-info-wrap h3,
.team-item .team-info-wrap h4,
.team-item .team-info-wrap h5,
.team-item .team-info-wrap h6 {
    margin-bottom: 0px;
}

.team-item .team-info-wrap p {
    padding-top: 15px;
    border-top: 1px dotted #ddd;
}

.team-item .team-info-wrap span {
    margin-bottom: 10px;
    color: #33b7ff;
}

.team-item .team-image img,
.team-item:hover .team-image 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;
} 


/*--------------------------------------------------------------
## Testimonials Styles Starts 
--------------------------------------------------------------*/

.testimonials-section,
.client-testimonial-holder,
.testimonial-slider .testimonial-item,
.testimonial-slider .testimonial-item .testimonial-inner,
.testimonial-slider .testimonial-item .saying-box,
.testimonial-slider .testimonial-item .saying-box p,
.testimonial-slider .testimonial-item .personal-info,
.testimonial-slider .testimonial-item .personal-info h2,
.testimonial-slider .testimonial-item .personal-info h3,
.testimonial-slider .testimonial-item .personal-info h4,
.testimonial-slider .testimonial-item .personal-info h5,
.testimonial-slider .testimonial-item .personal-info h6,
.testimonial-slider .testimonial-item .personal-info p,
.testimonial-slider .testimonial-item .personal-info span {
    float: left;
    width: 100%;
}

.testimonials-section {
    padding: 100px 0px;
}

.testimonials-section .section-title {
    display: none;
}

.testimonials-section .section-title h2{
    color: #fff;
}

.client-testimonial-holder {
    position: relative;
    text-align: center;
}

.testimonial-slider {
    width: 70%;
    display: inline-block;
    padding-bottom: 60px;
}

.testimonial-slider.slick-slider .slick-next {
    right: -100px;
}

.testimonial-slider.slick-slider .slick-prev {
    left: -100px;
}

.testimonial-slider .testimonial-item .saying-box {
    position: relative;
    padding: 0px 25px;
}

.testimonial-slider .testimonial-item .saying-box:before,
.testimonial-slider .testimonial-item .saying-box:after {
    content: "\f10d";
    float: left;
    color: #fe6619;
    font-family: "FontAwesome";
    font-size: 25px;  
    position: absolute;
    top:0;
    left:0;  
}

.testimonial-slider .testimonial-item .saying-box:after {
    content: "\f10e";
    top: auto;
    left:auto;
    bottom: 0;
    right: 0;
}

.testimonial-slider .testimonial-item .saying-box p {
    color: #fff;
    font-size: 25px;
    line-height: 1.4;
    font-family: 'Raleway', sans-serif;
}

.testimonial-slider .testimonial-item .personal-info h2,
.testimonial-slider .testimonial-item .personal-info h3,
.testimonial-slider .testimonial-item .personal-info h4,
.testimonial-slider .testimonial-item .personal-info h5,
.testimonial-slider .testimonial-item .personal-info h6 {
    color: #33b7ff;
    font-weight: 400;
    margin-bottom: 0px;
}

.testimonial-slider .testimonial-item .personal-info p,
.testimonial-slider .testimonial-item .personal-info span {
    color: #fff;
    margin-bottom: 0px;
}

/*--------------------------------------------------------------
## Blog Section Starts 
--------------------------------------------------------------*/

.blog-section,
.blog-wrapper,
.blog-item .blog-image,
.blog-item .blog-image img,
.blog-item .blog-text-wrap,
.blog-item .blog-text-wrap span,
.blog-item .blog-text-wrap h2,
.blog-item .blog-text-wrap h3,
.blog-item .blog-text-wrap h4,
.blog-item .blog-text-wrap h5,
.blog-item .blog-text-wrap h6,
.blog-item .blog-text-wrap p {
    float: left;
    width: 100%;
}

.blog-section {
    padding-bottom: 70px;
}

.blog-item {
    display: inline-block;
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -3px;
    margin-bottom: 30px;
}

.blog-item .blog-image {
    overflow: hidden;
}

.blog-item .blog-image img {
    transform: none;
}

.blog-item:hover .blog-image img {
    transform: scale(1.1);
}

.blog-item .blog-text-wrap {
    padding-top: 20px;
}

.blog-item .blog-text-wrap h2,
.blog-item .blog-text-wrap h3,
.blog-item .blog-text-wrap h4,
.blog-item .blog-text-wrap h5,
.blog-item .blog-text-wrap h6,
.blog-item .blog-text-wrap h2 a,
.blog-item .blog-text-wrap h3 a,
.blog-item .blog-text-wrap h4 a,
.blog-item .blog-text-wrap h5 a,
.blog-item .blog-text-wrap h6 a {
    color: #222;
}

.blog-item .blog-text-wrap span,
.blog-item .blog-text-wrap h2,
.blog-item .blog-text-wrap h3,
.blog-item .blog-text-wrap h4,
.blog-item .blog-text-wrap h5,
.blog-item .blog-text-wrap h6,
.blog-item .blog-text-wrap p {
    margin-bottom: 10px;
}

.read-more {
    display: inline-block;
    color: #222;
    font-size: 18px; 
}

.read-more:after {
    content:"\f178";
    display: inline-block;
    color: #33b7ff;
    font-family: "FontAwesome";
    margin-left: 10px;
}

.read-more:hover:after {
    margin-left: 5px;
} 

.blog-item .blog-image img,
.blog-item:hover .blog-image img,
.read-more:after,
.read-more:hover:after {
    -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;
}

/*--------------------------------------------------------------
### Blog Single Page Styles Starts 
--------------------------------------------------------------*/

.blog-single-item,
.blog-single-item .entry-img,
.blog-single-item .content-wrap {
    float: left;
    width: 100%;
}

.post {
    margin-bottom: 30px;
}

.blog-single-item .entry-img {
    padding-right: 0px;
}

.blog-single-item .content-wrap {
    padding-left: 0px;
    padding-top: 30px;
}

.blog-single-item .content-wrap .entry-content {
    margin-top: 0px;
}

.blog-single-item .content-wrap .entry-title {
    margin-bottom: 15px;
    margin-top: 15px;
}

.blog-single-item .content-wrap p:last-child {
    margin-bottom: 0px;
}

.comments-area form#commentform p.form-submit{
    margin-bottom: 0px;
}

/*--------------------------------------------------------------
## Contact Section Starts 
--------------------------------------------------------------*/

.contact-section,
.map-holder,
.map-holder iframe,
.form-wrapper,
.form-wrapper form,
.form-wrapper .form-input,
.form-wrapper .form-input input,
.form-wrapper form textarea,
.contact-info,
.contact-info .contact-item,
.contact-info .contact-item .contact-inner,
.contact-info .contact-item .contact-info-text,
.contact-info .contact-item .contact-info-text h2,
.contact-info .contact-item .contact-info-text h3,
.contact-info .contact-item .contact-info-text h4,
.contact-info .contact-item .contact-info-text h5,
.contact-info .contact-item .contact-info-text h6,
.contact-info .contact-item .contact-info-text p {
    float: left;
    width: 100%;
}

.contact-section {
    background: #f9f9f9;
    padding:0;
    position: relative;
}

.contacts-content {
    float: right;
}

.map-holder,
.contacts-content,
.form-wrapper .form-input {
    width: 50%;
}

.map-holder {
    position: absolute;
    left:0;
    top:0;
    height: 100%;
}

.map-holder iframe {
    height: 100%;
    border:0;
}

.contacts-content {
    padding: 100px 0px 100px 50px;
}

.form-input-wrapper {
    margin-left: -10px;
    margin-right: -10px;
}

.form-wrapper .form-input {
    padding: 0px 10px;
    margin-bottom: 20px;
}

.form-wrapper form textarea {
    height: 150px;
    margin-bottom: 20px;
}

.form-wrapper form input[type="submit"] {
    border:0;
}

.contact-info {
    margin-top: 30px;
}

.contact-info .contact-item .contact-info-text h2,
.contact-info .contact-item .contact-info-text h3,
.contact-info .contact-item .contact-info-text h4,
.contact-info .contact-item .contact-info-text h5,
.contact-info .contact-item .contact-info-text h6{
    margin-bottom: 0px;
}

.contact-info .contact-item {
    margin-bottom: 30px;
}

.contact-info .contact-item:last-child {
    margin-bottom: 0px;
}

.contact-info .contact-item .contact-info-text p {
    margin-bottom: 0px;
}

.contact-info .contact-item .contact-icon {
    float: left;
}

.contact-info .contact-item .contact-inner {
    position: relative;
    padding-left: 80px;
}

.contact-info .contact-item .contact-icon {
    background: #fe6619;    
    position: absolute;
    left:0;
    top:0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
}

.contact-info .contact-item .contact-icon span,
.contact-info .contact-item .contact-icon i {
    font-size: 18px;
    line-height: 50px;
    color: #fff;
}

.contact-info .contact-item .contact-icon i {
    font-family: "FontAwesome";
}

.contact-info .contact-item:hover .contact-icon {
    background: #33b7ff;
}

.contact-info .contact-item:hover .contact-icon,
.contact-info .contact-item .contact-icon {
    -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;
}

/*--------------------------------------------------------------
## Client Section Starts 
--------------------------------------------------------------*/

.client-section,
.clients-slider-holder,
.clients-slider {
    float: left;
    width: 100%;
}

.client-section {
    padding: 50px 0px;
}

.client-section .section-title {
    display: none;
}

.clients-slider .item {
    float: left;
    text-align: center;
    padding: 0px 5px;
}

.clients-slider .item img {
    display: inline-block;
}

.clients-slider.slick-slider .slick-prev {
    left: -100px;
}

.clients-slider.slick-slider .slick-next {
    right: -100px;
}


/* Go to top */
.gotop {
    background-color: #fe6619;
    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;
}


/*--------------------------------------------------------------
## Inner Page Styles Starts 
--------------------------------------------------------------*/

.inner-page .site-header {
    position: static;
    left: auto;
    top:auto;
}

.inner-page .site-branding .site-description {
    color: #808080;
}

.inner-page .main-navigation ul li a {
    color: #222;
}

.inner-page-banner {
    float: left;
    width: 100%;
}

.inner-page-banner {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    text-align: center;
}

.page-title {
    font-size: 40px;
    color: #fff;
    position: relative;
    padding: 10px 0px;
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
}

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

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

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

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

.full-width-page > .container {
    width: 100%;
    max-width: 100%;
    padding:0;
}

.grey-bg {
    background: #f3f3f3;
}

.white-bg {
    background:#fff;
}

.page #primary section:first-child {
    padding-top: 30px;
}

.page #primary section:last-child {
    padding-bottom: 30px;
}

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

.breadcrumb {
    position: relative;
}

.breadcrumb ul {
    background: rgba(51,183,255,0.65);
    margin:0;
    list-style: none;
    display: inline-block;
    padding: 5px 20px;
}

.breadcrumb,
.breadcrumb li,
.breadcrumb li a {
    display: inline-block;
}

.breadcrumb li {
    float: left;
}

.breadcrumb li a {
    color: #fff;
}

.breadcrumb li a:after {
    content:"/";
    display: inline-block;
    margin:0px 10px;
}

.breadcrumb li:last-child a:after {
    display: none;
}

/*--------------------------------------------------------------
### Blog Page Starts
--------------------------------------------------------------*/

.blog-grid .blog-item{
    width: 50%;   
}

.blog-list .blog-item {
    width: 100%;
    margin-left: 0px;
}

/* Pagination starts */

.pagination {
    float: left;
    width: 100%;
    padding: 0;
}

.pagination {
    margin-top: 70px;
}

.pagination .nav-links {
    padding: 0px;
    margin-bottom: 0px;
}

.pagination .nav-links .page-numbers {
    display: inline-block;
    color: #808080;
    padding: 9px 14px;
    line-height: 1;
    margin-right: 4px;
    border-color: #fe6619;
}

.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:hover {
    background: #fe6619;
    color: #fff;
}

/* pagination ends */

/*--------------------------------------------------------------
### Sidebar Widgets Starts
--------------------------------------------------------------*/
.sidebar form{
    position: relative;
}

.sidebar form input[type="search"] {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #ddd;
}

.sidebar 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 button[type="submit"] i {
    color: #fe6619;
    font-size: 15px;
    line-height: 43px;
    display: inline-block;
    font-family: "FontAwesome";
}

.sidebar .widget {
    margin-bottom: 30px;
    margin-top:0px;
    text-align: left;
    display: inline-block;
    width: 100%;
}

.sidebar .widget:last-child {
    margin-bottom: 0px;
}

.sidebar .widget .widget-title{
    color: #434343;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
}

.sidebar .widget .widget-title:after {
    background: #fe6619;
    content: "";
    height: 2px;
    width: 100px;
    border-left: 50px solid #33b7ff;
    display: block;
    position: absolute;
    bottom: -1px;
}

.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 a {
    padding: 10px 0px;
    display: block;
}

.sidebar .widget.widget_product_categories ul li a span {
    float: right;
}

.sidebar .widget ul li:last-child {
    margin-bottom: 0px;
}

.sidebar .widget ul li a:before,
.sidebar .widget.widget_product_categories ul li a:before {
   content:"\f101";
   font-family: "FontAwesome";
   float: left;
   margin-right: 10px; 
}

.sidebar .widget.widget_product_categories ul li a:before{
  content:"\f115";  
}

/* Post Navigation starts */

.post-navigation {
    float: left;
    width: 100%;
}

.post-navigation .nav-links {
    padding:15px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.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;
}

.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;
}

.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: #fe6619;
}

/*--------------------------------------------------------------
## Footer Styles Starts 
--------------------------------------------------------------*/
.site-footer,
.footer-site-info,
#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%;
}

.site-footer {
    position: fixed;
    bottom: 0;
    left:0;
    z-index: -1;
}

#footer-widgets {
    background: #1f1f1f;
    padding: 10px 0px;
    position: relative;
}

#footer-widgets .widget-column {
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
}

#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,
.widget-area section{
    padding: 0;
}

#footer-widgets .widget ul,
.site-footer .site-links ul {
    list-style: none;
    margin: 0;
}

#footer-widgets .widget ul li {
    margin-bottom: 8px;
    display: inline-block;
    float: left;
    width: 100%;
}

#footer-widgets p,
#footer-widgets .widget ul li ,
#footer-widgets .widget ul li a{
    color: #8a8a8a;
    font-size: 15px;

}

#footer-widgets .widget ul.contact-listing li {
    position: relative;
    padding-left: 32px;
}

#footer-widgets .widget ul li i {
    font-size: 15px;
    color: #8a8a8a;
    font-family: "FontAwesome";
    position: absolute;
    top:8px;
    left: 0;
    line-height: 1;
}

#footer-widgets .widget.widget_recent_posts ul li a {
    /*position: relative;*/
    padding-left: 25px;
} 

#footer-widgets .widget.widget_recent_posts ul li {
    padding-left: 0px;
}

#footer-widgets .widget.widget_recent_posts ul li a:before {
    color: #8a8a8a;
    content:"\f101";
    font-size: 15px;
    font-family: "FontAwesome";
    left:0;
    top: 3px;
    position: absolute;
    line-height: 1;
}

#footer-widgets .social-widgets ul li a::before {
    color: #8a8a8a;
}

#footer-widgets .social-widgets ul li a:hover:before {
    color: #fff;
}

#footer-widgets .widget .widget-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
}


#footer-widgets p {
    margin-bottom: 28px;
}

#footer-widgets .social-widgets ul li a {
    font-size: 0px;
}

#footer-widgets .social-widgets ul{
    line-height: 0;
}

#footer-widgets .social-widgets ul li{
    padding-top:0px;
    padding-bottom: 0px;
    border-bottom:0px;
    margin-bottom: 0px;
    line-height: 0;
    width: auto;
    float: none;
}

#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: #707070;
    padding: 10px;
    height: 42px;
    line-height: 1;
    background: transparent;
    border:1px solid #8a8a8a;
}

#footer-widgets .widget_newsletter form button[type="submit"]{
    border-radius: 0px;
    position: absolute;
    right: 0px;
    height: 42px;
    width: 42px; 
    padding: 0;
    background: transparent;
    border:0;
    border-left: 1px solid #8a8a8a; 
    text-align: center;
}

#footer-widgets .widget_newsletter form button[type="submit"] i {
    display: inline-block;
    color: #707070;
    font-size: 14px;
    line-height: 42px;
    font-family: "FontAwesome";
}

.footer-site-info {
    background: #171717;
    padding: 30px 0px;
}

.footer-site-info .site-info{
    color: #8a8a8a;
}

.footer-site-info .site-info {
    text-align: center;
}

.footer-site-info .site-info a {
    color: #fe6619;
}

/*-------------------------------------- 
# Mean Menu  Css Styles
----------------------------------------*/
.mean-container .mean-bar {
    background: transparent;
    box-shadow: none;
    z-index: 999;

}

.mean-container a.meanmenu-reveal span {
    background: #fe6619;
}

.mean-container a.meanmenu-reveal {
    top: -3px;
    color: #fe6619;
}

.mean-container .mean-nav {
    margin-top: 68px;
}

.mean-container .mean-nav ul li a {
    text-shadow: none;
    background: #33b7ff;
}

.mean-container .mean-nav ul li a:hover {
    background: #fe6619;
}

.mean-container .mean-nav ul li a.mean-expand {
    z-index: 999;
}

/*-------------------------------------- 
# Error 404 Page Css Styles
----------------------------------------*/

.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%;
}

.inner-page #primary section.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;
    color: #fff; 
    border:0;
    padding: 14px 35px 15px 35px;
    line-height: 1;
    height: auto;
    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{
    color: #fff;
    border:0;
}

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

.error-404.not-found .page-content h2{
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 5px;
}


/*--------------------------------------------------------------
# Custom Media Starts 
--------------------------------------------------------------*/

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

    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .slick-slider .slick-prev, 
    .slick-slider .slick-next {
        opacity: 0;
    }

    .slick-slider:hover .slick-prev,
    .slick-slider:hover .slick-next {
        opacity: 1;
    }

}

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

    #main-banner .caption {
        width: 80%;
    }

    .section-title h2 {
        font-size: 30px;
    }

    .about-content-wrap .about-text-content {
        padding-left: 60px;
    }

}

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

    .features-col-4 .features-item,
    .portfolio-col-4 .portfolio-item,
    .team-col-4  .team-item {
        width: 50%;
    }

}

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

   /* 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: 60px;
        width: 60px;
        line-height:60px;
        color: #fff !important;
        background: transparent;
        box-shadow: none;
        padding: 0 !important;
        border-left: 1px solid rgba(255,255,255,0.5) !important;

    }

    .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 Menu css ends */

    .site-branding {
        position: relative;
        z-index: 99999;
        margin-top: 0px;
    } 

    .cta-content {
        padding-right: 30px;
    }

    .about-content-wrap .about-featured-image img {
        margin: 0;
    }

    .about-content-wrap .about-text-content {
        padding-left: 30px;
    }

}


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

    .cta-content .button-holder .button {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .counter-item {
        width: 50%;
        margin-left: -2px;
        margin:15px 0px 15px -2px;
    }

    .testimonial-slider {
        width: 85%;
    }

    .contacts-content {
        padding: 50px 0px 50px 50px;
    }

}

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

    #main-banner .caption h2 {
        font-size: 30px;
    }

    .features-col-3 .features-item,
    .portfolio-col-3 .portfolio-item,
    .team-col-3 .team-item,
    .team-col-4  .team-item,
    .team-col-3  .team-item,
    .blog-item{
        width: 50%
    }

    .cta-content, 
    .cta-image,
    .pricing-item,
    .testimonial-slider,
    .map-holder, 
    .contacts-content,
    #footer-widgets .footer-active-2,
    #footer-widgets .footer-active-3,
    #footer-widgets .footer-active-4,
    #primary,
    #sidebar-primary,
    .error-404.not-found form.search-form  {
        width: 100%;
    }

    #sidebar-primary {
        margin-top: 50px;
    }

    .contacts-content {
        padding-left: 0px;
    }

    #footer-widgets .widget-column {
        margin-bottom: 30px;
    }

    #footer-widgets .widget-column:last-child {
        margin-bottom: 0px;
    }

    .pricing-item {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .pricing-item:last-child {
        margin-bottom: 0px;
    }

    .cta-image {
        position: static;
        height: 200px;
    }

    .about-content-wrap .about-featured-image, 
    .about-content-wrap .about-text-content {
        width: 100%;
        display: block;
        float: left;
    }

    .about-content-wrap .about-text-content {
        padding-left: 0px;
        padding-top: 50px;
    }

    .portfolio-item .portfolio-hover,
    .map-holder {
        position: static;
        bottom: auto;
    }

    .map-holder iframe {
        height: 300px;
    }

    .portfolio-item:hover .portfolio-image img {
        top:0;
    }

    #filter-list li {
        margin: 5px 15px;
    }

    .site-footer {
        position: static;
    }

    #content {
        margin-bottom: 0px !important;
    }
    
}

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

    #main-banner .caption,
    .comments-area form#commentform p {
        width: 100%;
    }
    
    .testimonial-slider .testimonial-item .saying-box p {
        font-size: 20px;
    }

    .slick-main-slider .item .caption-holder .button-holder .button {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}



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

    
    #main-banner .caption {
        width: 100%;
    }

    #main-banner .caption h2,
    .section-title h2,
    .pricing-item .pricing-header h2 {
        font-size: 25px;
    }

    .features-col-4 .features-item,
    .features-col-3 .features-item,
    .features-col-2 .features-item,
    .counter-item,
    .portfolio-col-4 .portfolio-item,
    .portfolio-col-3 .portfolio-item,
    .portfolio-col-2 .portfolio-item,
    .team-col-4  .team-item,
    .team-col-3  .team-item,
    .team-col-2  .team-item,
    .blog-item,
    .form-wrapper .form-input,
    .blog-grid .blog-item {
        width: 100%;
        margin-left: 0px;
    }

}