/*
Theme Name: Better Health
Theme URI: https://www.canyonthemes.com/downloads/better-health
Author: canyonthemes
Author URI: https://www.canyonthemes.com
Description: Better Health  is a capable and competent, professional and robust, serious and reliable responsive WordPress multipurpose website theme. Better Health has been developed as a powerful platform for the effortless crafting of feature-rich medical industry websites.
The advanced theme options and available various widgets with drag and drop features will help to customize your site as your need.  Some of the available options are awesome slider section, header options, footer options, layout design options,Color options, widget options, custom copyright options integrated social icons using menu, reset color option and lots of other available options will allow you to create unique website as you want. Medical practices, medical organizations and related businesses find in Better Health a staunch ally in bringing the benefits of their practice to a worldwide audience. Try Better Health today!
Version: 0.0.5
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: better-health
Tags:  custom-logo, one-column, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog, portfolio, e-commerce, footer-widgets

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.
Better Health is based on Underscores http://underscores.me/, (C) 2012-2017 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 WORDPRESS DEFAULT STYLE:
=========================================
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries

/* --------------------------------------
=========================================
TABLE OF CONTENTS CUSTOM STYLE :
=========================================
01) Common Style
02)Top Header
03)Logo
04)Navbar
05)Banner
06)Section 1
07)Section 2
08)Section 3
09)Section 4
10)Section 5
11)Section 6
12)Section 7
13)Section 8
14)Section 9
15)Section 10
16)Footer top
17)Footer Bottom
18)Section 11
19)Section 12
20)Section 13
21)Section 14
23)Inner Title bar
24)Section 16
25)Section 17
26)Section 18
27)Section 19
28)Section 20
29)Section 21

*/


/*--------------------------------------------------------------
# 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: #fff; /* Fallback for when there is no custom background color defined. */
}

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

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

figure {
    margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}
 .gallery-caption {}
 .wp-caption-text{}
  .wp-caption{}


  p.site-title{font-size:36px;}

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



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}


a:hover,
a:focus,
a:active {
    color: #333;
}

a:focus {
    outline: thin dotted;
}

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


.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 {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
    background: #eeb500;
    color: #fff;
    position: relative;
    transition: all 0.3s ease 0s;
}
.section-margine .nav-links .nav-previous a:hover,
.section-margine .nav-links .nav-next a:hover {
    background: #0387b9;
    color: #fff;
}
.nav-links .nav-next a {
    float: right;
    padding: 10px 25px;
}
.nav-links .nav-previous a {
    float: left;
    padding: 10px 25px;
}
.posts-navigation {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear: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 {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

.widget-area .container {
    max-width: 100%;
}

.widget-area [class*="col-"] {
    width: 100%;
}

aside{
    float: left;
}
.widget .container {
    max-width: 100%;
}
aside .container {
    width: auto;
}
aside .section-title{
    text-align: left;
}
/*--------------------------------------------------------------
# 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;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area{
    padding-right: 30px;
}
.comments-title{
    margin: 30px 0;
    font-size: 18px;
}
.comments-area .comment-list{
    margin: 0;
    padding: 0;
    background: #fbfbfb;
}
.comments-area .comment-list li {
    border: 1px solid #e5e5e5;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 15px;
}
.comments-area .comment-body{
    overflow: hidden;
}
.comments-area .comment-body .comment-author,
.comments-area .comment-body .comment-metadata{
    display: inline;
}
.comments-area .comment-body .comment-author .says{
    display: none;
}
.comments-area .comment-body .comment-metadata time{
    color: #5293ce;
    font-size: 14px;
    font-weight: 400;
    margin-left: 30px;
}
.comments-area .comment-body .comment-author img{
    border-radius: 50%;
    height: 70px;
    margin-right: 10px;
    overflow: hidden;
    width: 70px;
}
.comments-area .comment-body .comment-author b{
    font-size: 18px;
    color: #333;
}
.comments-area .comment-body .comment-content {
    border-top: 1px solid #e6e6e6;
    margin: 15px 0;
    padding: 15px 0;
}
.comments-area .comment-body .comment-content p{
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}
.comments-area .comment-body .reply{
    margin-bottom: 10px;
    float: right;
}
.comments-area .comment-body .reply a{
    text-align: right;
    line-height: 26px;
    padding: 2px 12px;
    display: inline-block;
    background: #00aef0;
    color: #fff;
}
.comment-content a {
    word-wrap: break-word;
}
.comment-form label{
    width: 100%;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
    width: 100%;
}
.bypostauthor {
    display: block;
}
.comment article {
    background: #fff;
    padding: 15px;
}
.comment .children li {
    padding: 0;
    /* padding-top: 10px; */
}

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



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

## Galleries

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

.gallery {

    margin-bottom: 1.5em;

}



.gallery-item {

    display: inline-block;

    text-align: center;

    vertical-align: top;

    width: 100%;

}



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

}



/************************************
 01)Common CSS 
*************************************/

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

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

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
    color:#575757;
}

html,
body {
    height: 100%
}

body {
    font-family: 'Roboto', sans-serif; 
    font-weight: 400;
    color:#777777;
}

a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: 0 solid
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.btn {
    padding: 10px 20px;
    font-weight: 300;
    border-radius: 0;
}
.btn-sm{
    padding: 6px 15px;
}

.btn-primary {
    color: #fff;
    background-color: #00aef0;
    border-color: #00aef0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0393ca;
    border-color: #0393ca;
}

.btn-secondary {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.nopadding {
    padding-left: 0;
    padding-right: 0;
}

.read-more {
    color: #00aef0;
    font-size: 14px;
    font-weight: 300;
}

.read-more:hover {
    text-decoration: underline;
    color: #00aef0;
}

p {
    line-height: 26px;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.section-margine {
    padding: 80px 0;
}
.over-bg{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(41, 134, 226, 0.5);
}
/*** Heading Lines ***/
.title-head{
    margin-bottom: 40px;
    text-align: center;
}
.line-heading .line-left,
.line-heading .line-right {
  width: 55px;
  height: 0;
  border-top: 1px dashed #00AEF0;
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle; 
}
.line-heading .line-left {
  margin-right: 30px; 
}
.line-heading .line-right {
  margin-left: 30px; 
}
.line-middle {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  position: relative;
  line-height: 17px;
  color: #fff;
  font-size: 16px;
  background: #00AEF0;
  border-radius: 50%;
}
.line-middle:before, 
.line-middle:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #00AEF0;
    top: 7px;
}
.line-middle:before {
    left: -20px; 
}
.line-middle:after {
    right: -20px; 
}


/************************************
02)TOP HEADER
*************************************/

.top-header {
    background: #cc2a31 !important;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
}
.menu-social-container .social-icons {
    margin-left: 0;
}


li.current-menu-item a {color:#00AEF0;}
.contact-detail2 {
    margin: 0;
}

.contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 23px 0 0;
    margin-bottom: 0;
    margin-right: 35px;
}
.contact-detail2 li:last-child {
    margin-right: 0;
}
.make-booking .makebooking {
    padding: 10px 20px !important;
    border: none;
    float: right;
    font-weight: 700;
    background: #028bbf;
    color: #fff;
    font-size: 15px;
    border-radius: 3px;
    margin: 5px 0;
}
.contact-detail2 li a {
    color: #5f5f5f;
    font-size: 13px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0.5px;
}
.contact-detail2 li a i {color:#cc2a31 !important}
.social-icons {
    list-style: outside none none;
    padding: 10px 0;
    margin-bottom: 0;
    margin-left: 0;
}
.social-icons li {
    margin-right: 10px;
    display: inline;
}
.social-icons li:last-child,
.social-icons li:last-child a{
    margin-right: 0!important;
    padding-right: 0!important;
}
.social-icons a {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}

.social-icons a:hover {
    color: #00AEFF
}
.social-links  ul li a:before {
    content: "\f0c1";
    font-family: FontAwesome, sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}
.social-links  ul li a[href*="facebook.com"]:before {
    content: "\f09a";
}
.social-links ul li a[href*="twitter.com"]:before {
    content: "\f099";
}
.social-links ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}
.social-links ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}
.social-links ul li a[href*="youtube.com"]:before {
    content: "\f167";
}
.social-links ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
}
.social-links ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}
.social-links ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
}
.social-links ul li a[href*="github.com"]:before {
    content: "\f113";
}
.social-links ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
}
.social-links ul li a[href*="flickr.com"]:before {
    content: "\f16e";
}
.social-links ul li a[href$="/feed/"]:before {
    content: "\f09e";
}
.social-links ul li a[href*="foursquare.com"]:before {
    content: "\f180";
}
.social-links ul li a[href*="instagram.com"]:before {
    content: "\f16d";
}
.social-links ul li a[href*="tumblr.com"]:before {
    content: "\f173";
}
.social-links ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
}
.social-links ul li a[href*="vimeo.com"]:before {
    content: "\f194";
}
.social-links ul li a[href*="digg.com"]:before {
    content: "\f1a6";
}
.social-links ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}
.social-links ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}
.social-links ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}
.social-links ul li a[href*="mailto:"]:before {
    content: "\f0e0";
}
.social-links ul li a[href*="skype.com"]:before {
    content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
    content: "\f17d";
}


.social-links ul li a{
    line-height: 0; 
    font-size: 0;
    color: transparent; 
 }


/************************************
03)Logo
*************************************/

.navbar-brand {
    float: left;
    height: auto;
    padding: 8px 0;
    font-size: 18px;
    line-height: 20px;
}

.custom-logo-link {
    width: 250px;
    float: left;
    padding:0px 0;
}
.site-description {
    margin-bottom: 0;
}
.better-health-info {
    float: right;
}
.icon-box {
    float: left;
    margin-right: 20px;
    font-size: 24px;
    color: #00aef0;
}
.icon-box--description .fa {
    margin-right: 5px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 30px;
    float:left;
}


/************************************
04)Navbar
*************************************/
.main-menu {
    padding: 10px 0;
    background:#cc2a31;
}
.navbar {
    margin-bottom: 0;
}
.main-menu .nav>li>a:focus, 
.main-menu .nav>li>a:hover {
    background-color:inherit;
}
.nav .open>a {background-color:#cc2a31}
.current-menu-item a{
    color: #00aef0;
}
.header-shade {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
}

.navbar-fixed-top {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
    margin-top: 0 !important;
    padding: 10px 0 !important;
    background: #fff !important;
    position: fixed;
}
.navbar-nav > li > a {
    font-family: 'Poppins', Roboto;
    color: #fff;
    font-size: 16px; padding-top:5px; padding-bottom:5px
}

.navbar-fixed-top .navbar-nav>li>a {
    background: transparent !important;
	color:#333;
}
.navbar-fixed-top .navbar-nav>li>a:hover, .navbar-fixed-top .navbar-nav>li>a:focus {color:#cc2a31}
.navbar-menu .navbar-right .dropdown-menu {
    left: 0!important;
}
.dropdown-menu{
    padding: 0;
    border: 0;
    box-shadow: none;
    top:40px;
}
.dropdown-menu .divider {
    margin: 0;
}

.dropdown-menu > li > a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #cc2a31;
    padding: 10px;
    border-bottom: 1px solid #e64148;
}

.dropdown-menu> li >a:hover {
    color: #fff !important;
    background-color: #cc2a31;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover {background: #cc2a31;}
.navbar-menu {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 15px 0;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}

.navbar-menu .navbar-nav>li>a {
    background: transparent !important;
    font-weight: 500;
}
.navbar-menu .navbar-nav>li:last-child>a{
    padding-right: 0!important;
}
.navbar-menu .navbar-nav>li>a:hover,
.navbar-menu .navbar-nav>li>a:active {
    background-color: transparent;
}

.navbar-menu .navbar-nav>.open>a,
.navbar-menu .navbar-nav>.open>a:focus,
.navbar-menu .navbar-nav>.open>a:hover {
    color: #00aef0;
    background-color: #fff;
}

.navbar-menu .navbar-nav>li>.dropdown-menu {
    margin-top: 20px;
}
.main-menu .navbar-collapse ul.navbar-right {
    float: left !important;
    margin-right: 0 !important;
    margin-left: -15px;
}
.main-menu .navbar-collapse {
    padding-left: 0px !important;
    float: left;
}
.top-header .search {
    float: right;
    position: relative;
    padding: 0 15px;
}
.top-header .search .searchsubmit {
    display: none;
} 
.top-header .blog-search-field {
    display: none;
    position: absolute;
    right: 14px;
    width: 300px;
    top: 10px;
    z-index: 999;
}
p.search-btn {
    border-left: 1px solid #dc3a41;
    border-right: 1px solid #dc3a41;
    cursor: pointer;
    font-size:16px;
    margin: 0;
    padding:2px 10px;
}
.search p {
    color: #fff;
}

/************************************
05)Banner
*************************************/

#main-slide .item {
    min-height:620px;
    color: #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
}
@media (max-width: 1285px) {
    #main-slide .item {
        min-height: 500px; /* adjust for smaller screens */
    }
}
#main-slide .item img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 35%;
    padding: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    /* -webkit-transform: translateY(-50%);
    transform: translateY(-50%); */
}

#main-slide .slider-content.text-left {
    left: 10%;
}

#main-slide .slider-content.text-right {
    right: 10%;
}

.slider-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
}
.slider-content p{
    color: #fff;  display:none
}
.slide-title {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin: 15px 0; 
    text-transform: uppercase;
    letter-spacing: 2px;
}

.slide-sub-title {
    font-style: normal;
    font-size:26px;
    line-height:36px;
    margin: 0px 0; padding:17px 30px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
	background:rgba(0, 0, 0, 0.6); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;
	display:none;
}

.slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    padding-left: 40%;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px;
}

.slider-text .slide-head {
    font-size: 36px;
    color: #0052a5;
    position: relative;
}

.slider-img {
    display: block;
    position: absolute;
    top: -80px;
    left: 20%;
    width: 314px;
    max-height: 100%;
}

.slider-img img {
    display: block;
    position: relative;
    max-height: 100%;
    width: auto;
}

.slider.btn {
    margin: 5px;
    border: 2px solid transparent;
}

.slider.border {
    background: none;
    border: 2px solid #fff;
}

.slider.border:hover {
    background: #00AEF0;
    border: 2px solid transparent;
}


/* Carousel control */

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px;
    border-radius: 100%;
    border: 0;
    background: rgba(255, 255, 255, .5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background: #00AEF0;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right,
#main-slide .carousel-indicators {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right,
#main-slide:hover .carousel-indicators {
    opacity: 1;
    filter: alpha(opacity=100);
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .carousel-control .fa-angle-left {
    left: 20px;
}

#main-slide .carousel-control .fa-angle-right {
    right: 20px;
}

#main-slide .carousel-control i {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(204, 42, 49, 0.5);
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    top: 50%;
    width: 50px;
    z-index: 1;
}

#main-slide .carousel-control i:hover {
    background: #cc2a31;
}

.carousel .item.active .effect2 {
    -webkit-animation: fadeInLeft 1s ease-in 350ms both;
    animation: fadeInLeft 1s ease-in 350ms both;
}

.carousel .item.active .effect3 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 300ms both;
    animation: fadeInLeft 1.5s ease-in-out 300ms both;
}

.carousel .item.active .effect4 {
    -webkit-animation: lightSpeedIn 1.5s ease-in 300ms both;
    animation: lightSpeedIn 1.5s ease-in 300ms both;
}

.carousel .item.active .effect5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .effect6 {
    -webkit-animation: fadeInRight 1s ease-in 200ms both;
    animation: fadeInRight 1s ease-in 200ms both;
}

.carousel .item.active .effect7 {
    -webkit-animation: fadeInRight 1.5s ease-in 300ms both;
    animation: fadeInRight 1.5s ease-in 300ms both;
}



/************************************
06)Section 1
*************************************/

.section-1-box {
    padding: 20px 0;
    text-align: center;
}
/*
.section-1-box-icon-background {
    border-width:2px;
    border-style: solid;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto 25px auto;
}
*/
#section1 .row {
    display: flex;
}
section#section1 {
    margin-top: -7%;
}
.section-1-box-icon-background {
    margin-bottom: 20px;
}
section#section1 .section-1-box {
    text-align: left;
    display: inline-block;
    padding: 40px 30px;
}
#section1 .section-1-box-icon-background i {
    margin-bottom: 20px;
    color: #fff;
    font-size: 36px;
}

#section1 .section-1-box h4 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 15px 0;
    text-align: left;
}

#section1 .section-1-box p {
    color: #fff;
    font-size: 14px;
}
#section1 .col-md-3.col-sm-6:nth-child(odd),#section1 .col-md-4.col-sm-6:nth-child(odd),#section1 .col-md-6.col-sm-6:nth-child(odd),

#section1 .col-md-12.col-sm-6:nth-child(odd)

{
    background: #00aef0;
}
#section1 .col-md-3.col-sm-6:nth-child(even),#section1 .col-md-4.col-sm-6:nth-child(even),

#section1 .col-md-6.col-sm-6:nth-child(even),#section1 .col-md-12.col-sm-6:nth-child(even)
{
    background: #05a1dc;
}
#section1 .col-md-3.col-sm-6:nth-child(odd):hover {
    background: #0394cc;
    transition: 0.5s;
}
#section1 .col-md-3.col-sm-6:nth-child(even):hover {
    background: #01a7e6;
    transition: 0.5s;
}
@media (max-width: 768px) {
    #section1 .col-md-3.col-sm-6 .row{
        margin-right: 0;
        margin-left: 0;
    }
    .section-5-box-text-cont {
        padding: 70px 20px;
    }
    #section1 .row {
        display: block;
    }
    aside {
        float: none;
      }
      .slide-sub-title {
        font-size: 32px;
        line-height: 46px;
      }
      .navbar-fixed-top {
        position: relative;
      }
      .portfolioFilter a {
        margin-bottom: 15px;
      }  
    
}

/************************************

07)Section 2

*************************************/

#section2 {
    position: relative;
    margin: 0;
    padding: 0;
}

.section-2-box-left figure {
    margin-bottom: 15px;
}
.wel-img{
    position:relative;
}
.half-bg-right {
    width: 75%;
    margin: 0 auto;
}

.section-2-box-left h4 {
    font-size: 18px;
    color: #555555;
    margin: 15px 0;
}

.section-2-box-left a{
    margin: 15px 0;
}

.section-2-box-right{
    padding: 100px 0 100px 0;
}
.section-2-box-right h2{
    margin-bottom: 20px;
}
.section-2-box-right h3{
    color: #ffffff;
}

.section-2-box-right p {
    color: #696868;
}
.section-2-box-right a.readmore {
    float: none;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 15px;
    color: #fff;
}
.section-2-box-right a.readmore:hover{
    color: #000;
}
.section-2-box-right ul{
    padding: 0;
    margin: 15px 0;
}

.section-2-box-right ul li{
    list-style: none;
    color: #fff;
    font-weight: 300;
    padding: 5px 0;
}

.section-2-box-right .btn{
    width: 100%;
    border: 0;
    margin-bottom: 15px;
    font-weight: 300;
}

@media (max-width: 768px) {
    .half-bg-right {
        display: none;
    }
    #section2 {
        margin: 70px 0 0;
    }
    .section-2-box-right {
        padding: 0 30px;
    }

    .better-health-info {
        display: none;
    }
    .main-menu .navbar-collapse {
        padding: 0 15px !important;
    }

    .search {
        display: none;
    }   
}

/************************************
08)Section 3
*************************************/

.section3-background {
    background: #333333 url(../images/m3.jpg) no-repeat center;
    background-size: cover;
}

.section-3-box {
    padding: 70px 0;
    text-align: center;
}

.section-3-box figure {
    color: #00AEF0;
    margin: 10px 0;
}

.section-3-box h3 {
    font-size: 30px;
    color: #fff;
}

.section-3-box h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
}


/************************************
09)Section 4
*************************************/

.section-4-box {
    padding: 20px 0;
    overflow: hidden;
}

.section-4-box-icon-cont {
    float: left;
    width: 30px;
    margin: 0 23px 53px 0;
}

.section-4-box-icon-cont i {
    color: #00aef0;
}

.section-4-box-text-cont {
    margin: 0 0 0 15px;
}

.section-4-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.section-4-box-text-cont p {
    color: #777;
    font-size: 14px;
}

.section-4 .right h2 {
    margin-bottom: 10px;
}
.section-4 .right b {
    font-size: 14px;
    font-weight: normal;
}
.section-4 ul.section {
    float: left;
    width: 100%;
    padding: 0 3% 22px 0;
    margin: 25px 0 0 0;
   /* background: #fff; */
}

.section-4 .section li {
    float: left;
    padding: 0;
    margin: 0;
    width: 75%;
    list-style: none;
}
.section-4 .section li a {
    font-size: 12px;
    color: #fff;
}
.section-4 .section li.left {
    float: left;
    width: 65px;
    color: #2cb1e9;
    font-size: 40px;
}
.section-4 .section li strong {
    font-size: 18px;
    color: #1889c1;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    color:#6c6c6c;
}
.border-bottom{
    border-bottom: 1px solid #eeeeee;
}

/************************************
10)Section 5
*************************************/
.section-5-background.section-margine{
    padding: 0;
    background: #6f6f6f;
}
.section-5{
    background:#f7f7f7;
    padding: 50px 0;
    border-top: 1px solid #eee;
}
 
.section-5-box-text-cont h2,
.section-5-box-text-cont p{
    color: #fff;
    margin-bottom: 20px;
}
.section-5-box-text-cont {
    padding: 70px 80px;
}
.section-5-box-img-cont img {
    width: 100%;
}
.my-team .my-team-member {
    margin-bottom: 20px;
}
.my-team .my-team-member:last-of-type {
    margin-bottom: 0;
}
.my-team .my-team-member .my-member-img {
    overflow: hidden;
    background-color: #FFF;
}
.my-team .my-team-member .my-member-img img {
    width: 100%;  
}
.my-team .my-team-member .my-team-detail {
    background-color: #00AEF0;
    padding: 6px 6px;
    position: relative;
}
.my-team .my-member-name {
    color: #FFF; 
    margin: 15px 0       
}
.my-team .my-member-post {
    color: #FFF;    
    font-size: 14px;
}
.my-team .my-member-social {
    position: absolute;
    top: -25px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.my-team .my-team-member:hover .my-member-social {
    top: -43px;
    opacity: 1;
}
.my-team .my-member-social ul li {
    margin-top: 6px;
    list-style: none;
    display: inline-block;
}
.my-team .my-member-social ul li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    border: 1px solid #00AEF0;
    background-color: #00AEF0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.my-team .my-member-social ul li a:hover {
    color: #3498DB;
    background-color: #FFF;
    border: #3498DB 1px solid;
}
@media(min-width:992px) {   
    .my-team .my-team-member {
        margin-bottom: 0;
    }
    
}


/************************************
11)Section 6
*************************************/

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

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

.section-title h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: #555555;
}

.section-6-box {
    margin-bottom: 20px;
}

.section-6-box h3 {
    font-size: 20px;
    color: #555555;
    margin-top: 30px;
}

.section-6-box p {
    font-size: 14px;
    color: #777;
}


/************************************
12)Section 7
*************************************/

.section-7-background {
    background-color: #252525;
    background-position: center;
    padding: 100px 0 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.section-7-box-text-cont {
    text-align: left;
}

.section-7-box-text-cont h2 {
    color: #fff;
}

.section-7-box-text-cont p {
    color: #fff;
    margin: 0 0 40px 0;
}

/************************************

13)Section 8

*************************************/



.mytestimonial{

    background: url(../images/m4.jpg) no-repeat center;

    background-size: cover;

    padding: 100px 0;

}

.client-quote {

    color: #fff;

    max-width:700px;

    display: inline-block;

}

.client-name {

    color: #fff;

}

.client-quote i {

    color: #fff;

    font-size: 20px;

    padding: 0 12px;

}

#testimonial .carousel-indicators {

    bottom: -60px;

}

#testimonial .carousel-indicators li,

#testimonial .carousel-indicators .active {

    width: 60px;

    border: none;

    background-color: transparent;

}

#testimonial .carousel-indicators li img {

    width: 60px;

    height: 60px;

    border: 2px solid #FFF;

    border-radius: 50%; 

    opacity: 0.3;  

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

}

#testimonial .carousel-indicators li.active img {

    opacity: 1;  

    border: 2px solid #3399CC;

}

.single-testimonial {

    display: inline-block;

    background: rgba(0, 0, 0, 0.48);

    padding: 40px;

    border-bottom: 3px solid #00aef0;

}

.testimonial-wrapper{
background-color: rgba(17, 150, 204, 0.5) !important;
padding: 30px;
}
.testimonial-wrapper .text-white{
    color: #fff;
}
.thumb{
    margin-bottom: 30px;
}
.test-content p{
    margin-bottom: 25px;
}

.test-content .author{
    font-size: 18px;
    margin: 10px;
}
.test-content .title{
    font-size: 15px;
}
.bh-testimonial.owl-carousel .owl-item img {
    display: inline-block;
    width: 100px;
}
.bh-testimonial.owl-theme .owl-dots .owl-dot span {
    border-color: #1196CC;
}

.bh-testimonial.owl-carousel .owl-dots .owl-dot span {
    background: #D6D6D6;
    border-radius: 50%;
    display: block;
    height: 12px;
    margin: 5px 3px;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 12px;
}
.bh-testimonial.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 10px;
}
.bh-testimonial.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.bh-testimonial.owl-carousel .owl-dots .owl-dot.active span{
    background: #1196CC;
}



/************************************
14)Section 9
*************************************/

.section-9-background {
    background: #f7f7f7;
    padding: 25px;
}


/************************************
15)Section 10
*************************************/

.section-10-background {
    background: #00aef0;
    padding: 40px 0;
}

.section-10-box-text-cont h3 {
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    font-weight: 500;
}
.section-10-box-text-cont h3 span{
    color:#333;
    font-weight: 700;
}
.section-10-box-text-cont p {
    color: #fff;
    font-style: italic;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.section-10-btn-cont {
    text-align: right;
    margin:0;
}
.section-10-btn-cont .btn {
    background: rgb(2, 139, 191) none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 15px 50px;
    border: 0;
}

/************************************
16)Footer top
*************************************/
#custom_html-5 {margin-bottom:0px;}
.footer-top {
    padding: 35px 0 20px;
    background:#0077EB !important; position:relative;
    color: #7e7e7e;
    font-size: 14px !important;
}
.footer-top:after { display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; content:""; background:rgba(0, 0, 0, 0.8)}
.footer-top .container {position:relative; z-index:1;}
.footer-top p {
    font-size: 14px; line-height:32px;
    margin-bottom: 0;
}
.footer-top p a {
    font-size: 14px; color:#fff; padding-left:4px;
    margin-bottom: 0;
}

.footer-top-box {
    margin:0px auto;
    overflow: hidden;
}

.footer-top h4 {
    color: #fff;
    text-transform: capitalize;
}
.footer-top-box li{
    padding: 5px 0 10px 0;
    border-bottom: 1px dotted #333;
}
.footer-top-box li:last-child{
    border-bottom: 0!important;
}
.footer-top-box h5{
    margin-bottom: 5px;
}
.footer-top-box .widget-img-thumb {
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 60px;
}
.footer-top-box .widget-content {
    overflow: hidden;
}
.footer-top-box .widget-date{
    font-size: 12px;
}
.footer-top .input-holder {
    position: relative;
}

.footer-top .input-holder input[type="email"] {
    width: 100%;
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 39px;
    padding: 10px 20px;
}

.footer-top .input-holder label {
    position: absolute;
    top: 0;
    right: -4px;
    text-align: center;
    cursor: pointer;
}

.footer-top .input-holder label i {
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 20px;
    color: #fff;
}

.footer-top .input-holder input[type="submit"] {
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    line-height: 0;
    text-indent: -999px;
}

.footer-top .submit-bgcolor {
    background-color: #00aef0;
}

.footer-top ul {
    list-style-type: none;
    padding-left: 0;
}

.footer-top ul li {
    margin: 0 0 10px 0; background:url(https://shaktianodes.com//wp-content//uploads/2018/06/list-bg.png) no-repeat left 3px; border:none; padding:0px 0px 0px 29px
}

.footer-top ul li a {
    color: #fff;
}

.footer-top ul li a:hover {
    color: #fff;
}

.tag a {
    margin: 5px;
    color: #7e7e7e;
    padding: 5px;
    float: left;
    border: 1px solid #7e7e7e;
}

.tag a:hover {
    color: #fff;
    border: 1px solid #fff;
}


/***************************************
17)Footer Bottom
****************************************/

.footer-bottom {
    font-size: 14px;
    padding:10px 0;
    background-color: #0079AA !important;
    color: #7e7e7e;
}

.footer-bottom ul.social-buttons {
    list-style-type: none;
    margin: 15px auto;
    padding: 0;
}

.footer-bottom ul.social-buttons li a {
    display: block;
    background-color: #282c2f;
    height: 30px;
    width: 30px;
    border-radius: 0;
    font-size: 16px;
    line-height: 30px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.footer-bottom ul.social-buttons li a:hover {
    background-color: #0393ca;
}

.footer-bottom .copyright {
    color: #fff;
    margin: 0; width:100%; text-align:center; font-size:13px;
}
.footer-top-box strong,
.footer-top-box b{
    font-weight: 300;
}

/************************************
18)Section 11
*************************************/

.section-11-box {
    padding: 20px 0;
    text-align: center;
}

.section-11-box-icon-background {
    height: 80px;
    width: 80px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}

.section-11-box-icon-background i {
    margin-top: 28px;
    color: #fff;
}

.section-11-box h4 {
    text-transform: uppercase;
    color: #555555;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.section-11-box p {
    color: #777;
    font-size: 14px;
}


/************************************
19)Section 12
*************************************/

#section-12 {
    padding: 25px 0;
    margin: 50px auto 50px auto;
}

.portfolioFilter {
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 15px 10px;
    color: #45bbff;
}

#section-12 p {
    margin-bottom: 100px;
}

.portfolioFilter a {
    color: #45bbff;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #00aef0;
    padding: 8px 25px;
    display: inline-block;
    margin-right: 15px;
}

.portfolioFilter a.current {
    color: #fff;
    background: #00adef;
}
.portfolioFilter a:hover {
    color: #fff;
    background: #00adef;
}

.portfolioContainer a img {
    margin: 15px auto;
    width: 100%;
    height: 100%;
}

.portfolioContainer1 a img {
    /*margin:15px auto;*/
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope-image-work .overlay {
  position: absolute;
  top: 15px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(14, 14, 14, 0.70);
}

.isotope-image-work a:hover .overlay {
  opacity: 1;
}
.overlay > h4 {
    color: #fff;
    position: absolute;
    text-align: center;
    top: 20%;
    width: 100%;
}
.isotope-image-work .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.overlay i {
    background: #00adef none repeat scroll 0 0;
    border-radius: 3px;
    padding: 10px;
}
.test-work {
    position: relative;
    overflow: hidden;
    margin: 0;
}
.overlay-hidden {
    height: 100%;
    overflow: hidden;
    margin-bottom: -15px;
}




/************************************
20)Section 13
*************************************/

.section-13 {
    background: #00aef0;
    padding: 70px 0;
}

.section-13 h2 {
    color: #fff;
    font-weight: 200;
}

.section-13 p {
    color: #fff;
}

.section-13 .light {
    color: #fff;
    width: 20%;
    margin: 30px auto 40px auto;
}

.section-13 .btn {
    color: #00aef0;
    font-weight: 600;
}

.section-13 .btn-default {
    border-color: transparent;
}


/************************************
21)Section 14
*************************************/
.section-14-box{
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}
.blog-list .section-14-box{
    background: #fbfbfb;
    padding: 20px;
    border: 1px solid #eee;
}
.section-14-box h3 {
    margin-top: 15px;
    margin-bottom: 5px;
}

.section-14-box h3 a {
    font-size: 16px;
    color: #555555;
}

.section-14-box h3 a:hover {
    font-size: 16px;
    color: #999;
}
.blog-list .section-14-box h3 {
    text-align: left;
}
.section-14-box p {
    font-size: 14px;
    color: #777;
    line-height: 26px;
    margin: 15px 0;
}


.section-14-box .comments {
    margin:15px 0;
    text-align: center;
}
.blog-list .section-14-box .comments {
    margin: 5px 0;
    text-align: left;
}
.section-14-box .comments a {
    color: #fff;
}
.blog-list  .section-14-box .comments a {
    margin-right: 15px;
    font-size: 12px;
    color: #868686;
}
.blog-list .section-14-box .comments a .fa {
    margin-right: 5px;
}
.section-14-box ul {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
}

.section-14-box ul li {
    margin: 20px 0;
}

.section-14-box ul li a {
    color: #777;
}

.section-14-box ul li a:hover {
    text-decoration: none;
    color: #00aef0;
}

.section-14-box .underline {
    border-bottom: 2px solid #00aef0;
    padding: 0 0 15px 0;
}

.section-14-box ul li a.tag {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #777;
}

.section-14-box ul li a.tag:hover {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #00aef0;
    color: #00aef0;
}

.blog-search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 20px 0 0 0;
}

.search-form button {
    background: #ffffff;
    border: none;
    float: right;
    margin-top: -32px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.comment-form-container {
    margin: 70px auto;
    ;
}

.comment-form-container h4 {
    margin: 0 0 35px 0;
}

.comment-form-container .nopadding-left {
    padding-left: 0;
}

.comment-form-container input.form-control {
    height: 50px;
}

.comment-form-container .form-control {
    border-radius: 0;
    padding: 10px 15px;
}
.front-blog-date span {
    display: block;
}
.front-blog-date {
    float: left;
    padding-right: 15px;
}
.fornt-blog-title-cat .btn {
    border: none;
    background: transparent;
    color: #919292;
    padding: 0;
}
.heading-date-cat .btn-primary {
    background-color: transparent;
    border: none;
    padding: 0;
}
.front-blog-date .publish-date {
    background: #f3f2f2;
    padding: 3px 10px;
    font-size: 18px;
    font-weight: bold;
}
.front-blog-date .publish-month {
    padding: 0;
    color: #fff;
    margin-top: 3px;
}
a.btn.btn-primary.btn-sm .fa {
    margin-right: 5px;
}
a.readmore {
    float: left;
    padding: 6px 15px;
    margin-top: 5px;
    color: #fff;
}
a.readmore:hover {
    transition: 0.5s;
}


/************************************
22)Section 15
*************************************/

.section17-background {
    background: #CCC;
    padding: 40px 0 30px 0;
}

.team-member {
    background: #fff;
}


/************************************
23)Inner Title bar
*************************************/

.inner-title {
    background: #00aef0;
    padding: 30px 0;
}

.inner-title h2 {
    color: #fff;
    text-transform: capitalize;
    margin-top: 6px;
}

.breadcrumbs ul {
    float: right;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500
}

.breadcrumbs ul li {
    display: inline-block;
    color: #fff !important;
    margin: 0 0 0 5px
}

.breadcrumbs ul li:after {
    content: "\f101";
    font-family: "FontAwesome";
    font-size: 12px;
    color: #fff;
    margin: 0 0 0 9px
}

.breadcrumbs ul li:last-child:after,
.breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li a {
    color: #fff !important;
    font-weight: 600
}

.breadcrumbs ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.breadcrumbs ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

.breadcrumbs ul li:first-child,
.breadcrumbs ul li:last-child {
    color: #fff;
    background: 0
}

.breadcrumbs ul li:last-child {
    padding: 0;
    background: 0
}

h2.trail-browse{display: none;}

/************************************
24)Section 16
*************************************/


.section16  .single-location{
    text-align: center;
    margin-bottom: 50px;
}
.section16 .loc-icon {
    display:block;
    margin-bottom: 25px;
}
.section16 .loc-content {
    color: #282828;
    font-size: 14px;
    display:block;
    font-weight: 300;
    line-height: 15px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
.section16 .success,
.section16 .error {
    display: none;
    margin-bottom: 48px;
}

.section16 .success {
    color: green;
}

.section16 .error {
    color: red;
}

.section16 .success .fa,
.section16 .error .fa {
    font-size: 18px;
    margin-right: 5px;
}

.section16 input[type="text"] {
    border-radius: 0;
    padding: 10px 15px;
    height: 50px;
}

.section16 textarea {
    border-radius: 0;
    padding: 25px 15px;
}

.section16 iframe {
    width: 100% !important;
}

.section16 .address {
    margin: 20px 0;
}

.section16 .address h4 {
    color: #00aef0;
}


/************************************
25)Section 17
*************************************/

.section17 {
    background: #eeeef0;
    padding: 70px 0;
}

.team-member1 {
    background: #fff;
    padding: 5px;
    margin: 10px auto;
    overflow: hidden;
}

.team-member1 .team-member1-img-cont {
    float: left;
    width: 100%;
}

.team-member1 .team-member1-img-cont img {
    min-height: 167px;
}

.team-member1 .team-member1-details {
    float: left;
    padding: 0 10px;
    width: 100%;
}

.team-member1 .team-member1-details h4 {
    margin: 10px 0 0 0;
    padding: 0;
}

.team-member1 .team-member1-details p {
    color: #878787;
    margin: 5px 0 5px 0;
}

.team-member1 .team-member1-details .sub {
    margin: 10px 0 10px 0;
}

.team-member1 .team-member1-details p i {
    margin: 0 10px 0 0;
    font-size: 16px;
}


/************************************
26)Section 18
*************************************/

.section18{
    margin: 0;
}
.section18-border .textcont {
    margin: 10px;
}
.section18 .textcont h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #555555;
    line-height: 35px;
}

.section18 .textcont p {
    margin-bottom: 20px;
    color: #777;
}
.section18 .mission-vision{
    padding: 20px 0;
}
.section18 .mission-vision h4{
    margin: 20px 0;
}

/************************************
27)Section 19
*************************************/

.section19 {
    margin: 50px auto ;;
}
.section19 h1 {
    font-size: 10em;
    font-weight: 700;
    color: #00aef0;
    text-align: center;
}

.section19 h3 {
    text-align: center;
}

.section19 h3 {
    margin-top:50px;
    margin-bottom: 30px;
}

.section19 .btn-primary {
    border-radius: 0;
    display: inline-block;
    margin: 15px 20px 0 0;
}


/************************************
28)Section 20
*************************************/

.section20 {
    margin: 70px auto;
}

.section-20-box {
    padding: 25px 0;
    overflow: hidden;
}

.section-20-box-icon-cont {
    float: left;
    width: 23px;
    margin: 0 15px 85px 0;
}

.section-20-box-icon-cont i {
    color: #00aef0;
}

.section-20-box-text-cont {
    margin: 0 0 0 15px;
}

.section-20-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 3px 0 15px 0;
}

.section-20-box-text-cont p {
    color: #777;
    font-size: 14px;
}


/************************************
29)Section 21
*************************************/

.section21 {
    margin: 70px auto;
}

.section-21-box {
    padding: 25px 0;
    overflow: hidden;
}
/************************************
30)Section 22
*************************************/

.section22{
    background:#f8f8f8;
    padding: 50px 0;
}
.section-22-box-text-cont{
    padding: 100px 0;
}
/************************************
31)Section 23
*************************************/
.appointment .modal-header{
    background:#00aef0;
    color: #fff;
}
.appointment input,
.appointment select,
.appointment textarea{
    border-radius: 0;
    box-shadow: none;
}
.appointment label {
    color: #333;
    font-size: 12px;
    font-weight: 600;
}

section#section4 {
    background: #f9f9f9;
    margin: 0;
}
.service-img {
    margin-bottom: 0;
}
.mytestimonial .carousel-control.right, 
.mytestimonial .carousel-control.left
{
    background-image: none;
}
.mytestimonial .carousel-control {
    top: 40%;
}
.footer-top-box ul {
    margin-left: 0;
    margin-top: 30px;
}
.tagcloud a {
    font-size: 15px !important;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
    padding: 5px;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
    text-transform: capitalize;
}
.footer-top-box .tagcloud {
    margin-top: 30px;
}
.footer-top ul li a {
    display: block;
}
.footer-top-box .post-date {
    font-size: 10px;
    color: #585858;
}


/* --- Added by bimal ----*/
.feature-image {
    margin-bottom: 15px;
}
#secondary li {
    list-style: none;
    margin-bottom: 50px;
}
#secondary .widget-title {
    border-bottom: 2px solid #00aef0;
    padding: 0 0 15px 0;
    text-transform: uppercase;
    font-size: 20px;
    color: #777777;
}
#secondary .widget {
    border: 1px solid #eee;
    padding: 15px 15px;
    margin-left: 0;
    margin-right: 0;
    background: #fdfcfc;
    border-radius: 0 15px;
}
#secondary li ul {
    margin-left: 0;
    padding-left: 0;
}
#secondary li ul li {
    margin: 20px 0;  
}
.left-sidebar .left-block {
    float: right;
}
.blog-list .navigation {
    clear: both;
    display: table;
    width: 100%;
}
.comment-form input, 
.comment-form textarea 
{
    width: 100%;
}
.comment-form .form-submit input {
    width: auto;
    margin-top: 20px;
    color: #fff;
    background-color: #0393ca;
    border: none;
    padding: 10px 20px;
    font-weight: 300;
    border-radius: 0;
}
.comment-list .children li article {
    background: #fff;
    border: none;
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 15px;
}
.comment-list .children li  {
    border: none;
}
.wpcf7-form label,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea
{
    width: 100%;
}
.section16 input[type="email"] {
    border-radius: 0;
    padding: 10px 15px;
    height: 50px;
}
.textcont h3 {
    text-transform: initial;
}
.wpcf7-form .wpcf7-submit {
    width: auto;
    margin-top: 20px;
    color: #fff;
    background-color: #0393ca;
    border: none;
    padding: 10px 20px;
    font-weight: 300;
    border-radius: 0;
}
#section14 .section-14-box img {
    width: 100%;
}
.wpcf7-form label {
    color: #9a9999;
    font-weight: 500;
    font-size: 12px;
}
.page blockquote {
    padding: 10px 20px;
    margin: 0 0 20px 30px;
    font-size: 14px;
    border-left: 5px solid #00AEF0;
    font-style: italic;
    background: #eee;
}
.post blockquote {
    padding: 10px 20px;
    margin: 0 0 20px 30px;
    font-size: 14px;
    border-left: 5px solid #00AEF0;
    font-style: italic;
    background: #eee;
}
.blog-list .section-14-box .comments a:hover {
    color: #00AEF0;
    transition: 0.5s;
}
.social-links ul li a:hover:before {
    color: #babbbb;
    transition: 0.5s;
}
.powered_by {
    float: right;
    color: #999;
    margin: 20px 0 20px 0;
}
.powered_by a {
    color: #999;
}
.copyright {
    float: left;
}
.make-appointment {
    position: fixed;
    top: 50%;
    right: 0;
}
.make-appointment .btn {
    padding: 10px;
    background: #f00021;
    font-size: 20px;
    color: #fff;
}
.make-appointment .btn:hover {
    background-color: #00aef0;
    transition: 0.5s;
}
.textcont ul li, 
.section-14-box ul li
{
    list-style-type: circle;
    line-height: 30px;
}
.textcont ul, 
.section-14-box ul
{
    margin-left: 0;
    margin-top: 20px;
}
.textcont ul
{
    margin-left: 0;
    margin-top: 0px;
}
.section-14-box ul {
    padding-left: 20px;
}


/* ---- Added footer section ----*/
.contact-link {
    margin-top: 0; 
}
.section-contact-full {
    padding: 30px 15px;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}
.contact-link-img img {
    position: absolute;
    top: -81px;
}.contact-link-desc {
    padding-left: 20px;
    color: #fff;
}
.contact-link-desc p {
    font-size: 16px;
}
.contact-link-desc h5 {
    font-size: 20px;
    color: #fff;
}
.contact-link-img {
    position: relative;
    padding-right: 15px;
}
a.contact-us:hover {
    background: #fff;
    transition: 0.5s;
}
.contact-us {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 15px;
}
.contact-link-btn {
    text-align: right;
}
.top-widget-contacts {
    background-color: #161616;
    padding: 30px;
    margin-bottom: 30px;
}
.top-widget-contacts .widget-contact-icon {
    margin-right: 20px;
    margin-left: 20px;
    font-size: 32px;
}
.top-widget-contacts .widget {
    padding-left: 40px;
    border-left: 2px solid #1f1f1f;
}
.top-widget-contacts .widget:first-child {
    border-left: none;
}
.top-widget-contacts-title {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
}
.top-widget-contacts-content {
    font-size: 16px;
    text-transform: capitalize;
}


@media screen and (max-width: 1199px) {
    .contact-link-img img {
        top: -42px;
    }
}
@media screen and (max-width: 992px) {
    .section-contact-full {
        padding: 15px 15px;
    }
    .contact-us {
        margin-top: 5px;
    }
    .contact-link-img img {
        top: -29px;
    }
    .top-widget-contacts .widget {
        border-left: none;
    }
    section#section1 .section-1-box {
        margin-bottom: 15px;
    }
    .section-5-box-text-cont {
        padding: 70px 30px;
    }
}


.section-14-img {
    margin: -20px;
    margin-bottom: 20px;
}
.section-14-box .comments.comment-archive .btn-primary {
    background: transparent;
    border: none;
    padding: 0;
}
.section-14-box .comments.comment-archive .front-blog-date .publish-date {
    padding: 3px 15px;
    border:1px solid;
}
.section-14-box .comments.comment-archive .front-blog-date .publish-month {
    margin-top: 0;
}
.comments.comment-archive {
    float: left;
}
.section-14-box .comments.comment-archive a {
    margin-right: 0;
}
.blog-inner-title-meta h3 {
    margin-top: 4px;
}
.section-14-box .blog-inner-title-meta h3 a {
    font-size: 20px;
    color: #222222;
}
.section-14-meta a {
    color: #afaeae;
    margin-right: 10px;
}
.section-14-meta {
    margin-top: 10px;
    text-transform: capitalize;
}
.section-14-meta .fa {
    margin-right: 5px;
}
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
    text-align: center;
}
.scrollup i {
    color: #fff;
    line-height: 34px;
    font-weight: bold;
    font-size: 24px;
}
.mytestimonial .carousel-control.left, 
.mytestimonial .carousel-control.right
{
    font-size: 36px;
}


@media(min-width:768px){
  .portfolioContainer .col-sm-4 {
    width: 33%;
  }  
  
  .navbar-right .dropdown-menu {
    left: 0 !important;
  }
  aside {
    float: none;
  } 
   
}

@media(min-width:992px){
  .portfolioContainer .col-md-3 {
    width: 24.8%;
  }
  
}



/*New style*/
.strong-view.modern .testimonial-content p:last-of-type {color:#000 !important}
/*.carousel-inner .item:after {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); content:""}*/
.carousel-inner .item .slider {background:#cc2a31}
.pagetitle {width:100%; height:auto; margin:0px 0px 40px 0px; padding:0px; font-size:35px; text-align:center; color:#cc2a31; font-weight:600;text-transform:uppercase; position:relative;}
.pagetitle:after {content:""; position:absolute; left:40%; bottom:-18px; height:2px; width:20%; background:#0077EB;}
.pagetitle:before {content:""; position:absolute; left:48%; right:48%; bottom:-18px; height:2px; width:5%; background:#cc2a31; z-index:1}
.bx-wrapper {padding:30px 0px !important;} 
.gs_logo_single {border:1px solid #ddd;}

.textwidget {width:100%; height:auto; margin:0px; padding:70px 0px 0px; }

.textwidget.widget-s1 {width:100%; height:auto; margin:0px; padding:70px 0px 0px; background:url(https://shaktianodes.com/wp-content/uploads/2018/06/bg-1.png) left top no-repeat; background-size: 11% auto;}
.textwidget.widget-s1 pre {background:none; margin-top:35px; border:none;}
.textwidget.widget-s1 .pagetitle {margin-bottom:30px}
.textwidget.widget-s2 {width:100%; height:auto; margin:0px 0px 0px; padding:50px 0px; background: url(https://shaktianodes.com/wp-content/uploads/2018/06/bg-2.png) right top no-repeat;background-size: 17% auto;}

.textwidget.widget-s3 {width:100%; height:auto; margin:0px; padding:50px 0; background:#fcfcfc url(https://shaktianodes.com/wp-content/uploads/2018/06/bg-1.png) left top no-repeat; background-size: 17% auto;}
.textwidget.widget-s3 .pagetitle {margin-bottom:70px} 
.client_block {width:100%; height:auto; margin:0px; padding:0}

.textwidget.widget-s4 {width:100%; height:auto; margin:0px; padding:50px 0px 70px; background:url(https://shaktianodes.com/wp-content/uploads/2018/06/bg-2.png) right top no-repeat;  background-size: 17% auto;}

.shakti_block {width:100%; height:auto; margin:30px 0px 0px; min-height:262px; padding:20px; background:#fff; box-shadow: 0px 0px 24px #ddd; -webkit-box-shadow: 0px 0px 24px #ddd; -moz-box-shadow: 0px 0px 24px #ddd; -o-box-shadow: 0px 0px 24px #ddd; text-align:center; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }

.shakti_block .img_box.first {margin:0px; padding:0px; width:100%; height:150px; display:inline-block; text-align:
center; background:url(https://shaktianodes.com/wp-content/uploads/2018/08/1.jpg) no-repeat center center; }

.shakti_block .img_box.second {margin:0px; padding:0px; width:100%; height:150px; display:inline-block; text-align:
center; background:url(https://shaktianodes.com/wp-content/uploads/2018/08/2.jpg) no-repeat center center; }

.shakti_block .img_box.third {margin:0px; padding:0px; width:100%; height:150px; display:inline-block; text-align:
center; background:url(https://shaktianodes.com/wp-content/uploads/2018/08/3.jpg) no-repeat center center; }

.shakti_block .img_box.four {margin:0px; padding:0px; width:100%; height:150px; display:inline-block; text-align:
center; background:url(https://shaktianodes.com/wp-content/uploads/2018/07/large1-1.png) no-repeat center center; }

.shakti_block .img_box.five {margin:0px; padding:0px; width:100%; height:150px; display:inline-block; text-align:
center; background:url(https://shaktianodes.com/wp-content/uploads/2018/08/4.jpg) no-repeat center center; }

.shakti_block .img_box.six {margin:0px; padding:0px; width:100%; height:150px; display:inline-block; text-align:
center; background:url(https://shaktianodes.com/wp-content/uploads/2018/08/5.jpg) no-repeat center center; }

.shakti_block h3 {text-align:center; margin:0px; padding:0px; font-size:18px; text-align:center; color:#cc2a31; font-weight:500; line-height:32px;}

.certifications_block {width:100%; height:auto;  min-height:220px; margin:30px 0px 0px; padding:20px; background:#fff;  box-shadow:inset 0px 0px 24px #ddd; -webkit-box-shadow:inset 0px 0px 24px #ddd; -moz-box-shadow:inset 0px 0px 24px #ddd; -o-box-shadow:inset 0px 0px 24px #ddd;}

.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box, .cycle-slide .testimonial-box {width:1150px; height:auto; margin:0px auto; padding:50px; /*background:#fff; box-shadow:inset 0px 0px 24px #ddd; -webkit-box-shadow:inset 0px 0px 24px #ddd; -moz-box-shadow:inset 0px 0px 24px #ddd; -o-box-shadow:inset 0px 0px 24px #ddd*/ }
.box-image {margin-bottom:10px;	}
.testimonial-box p {margin:0px; padding:0px; font-size:18px; text-align:center; color:#333; line-height:28px; color:#333;}
.testimonial-box .box-title {display:none;}
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-companyname {margin:10px 0; padding:0px; font-size:16px; text-align:center; color:#333; font-weight:600}
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-designation {margin:0px 0; padding:0px; font-size:16px; text-align:center; color:#333; font-weight:600}
.top-widget-contacts, .powered_by {display:none}
#custom_html-3 .textwidget, #custom_html-4 .textwidget, #custom_html-5 .textwidget, #custom_html-7 .textwidget {padding:24px 0 0; color:#fff;}
.slider.btn.btn-secondary {display:none}
.textwidget widget-s3 pre {background:#fdfdfd}



#footer-top .textwidget.widget-s1, #footer-top .textwidget.widget-s2, #footer-top .textwidget.widget-s3 {background:none;}

/*About Us*/
.inner-title {background:#0077EB !important /*url(https://shaktianodes.com/wp-content//uploads/2018/06/about-us.jpg) no-repeat left top / cover*/; position:relative;}
.inner-title .container {position:relative; z-index:1;}
.inner-title:after {display:none; content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.7)}
.about_us {width:100%; height:auto; float:left; margin:0px; padding:30px 0px 0px;}
.about_us .pagetitle {margin-bottom:60px;}
.about_block p {text-align:justify; color:#333; line-height:26px; font-size:14px;}
.about_us img.img-responsive {border:1px solid #ddd; padding:15px; margin:0px 0px 0px;}



.about_second {width:100%; height:auto; margin:0px; padding:20px 0px 0px;}
.about_second h3 {margin:0px; padding:0px 0px 0px; text-align:left; color:#333; font-size:18px; line-height:33px; width:100%}
.about_second ul {width:100%; height:auto; margin:0px 0px 14px; padding:0px;}
.about_second ul li {width:100%; height:auto; margin:3px 0px; padding:0px 0 0 20px; display:inline-block; font-size:15px; text-align:left; color:#333; background:url(https://shaktianodes.com/wp-content//uploads/2018/06/list-bg1.png) no-repeat left 8px;}
.about_second p {text-align:justify; color:#333; line-height:26px; font-size:14px;}

.leadership {width:100%; height:auto; margin:0px 0px 0px; padding:70px 0px;}
.leadership h2.pagetitle {margin-bottom:60px;}
.leadership_box {width:100%; height:auto; min-height:582px; padding:15px; margin:0px; box-shadow:inset 0px 0px 24px #ddd; -webkit-box-shadow:inset 0px 0px 24px #ddd; -moz-box-shadow:inset 0px 0px 24px #ddd;-ms-box-shadow:inset 0px 0px 24px #ddd; -o-box-shadow:inset 0px 0px 24px #ddd;}
.leadership_box .leader_img {margin:0px 0px 20px;}
.leadership_box .leader_img img.img-responsive {border:none; margin:0px; padding:0px;}
.leadership_box p {text-align:justify;}
.breadcrumbs {display:none}
.owl-stage .owl-item .carousel-item {border:5px solid #ddd; padding:0px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}

/*Contact Us*/
#post-109 {width:100%; height:auto; margin:0px; padding:30px 0px 50px;}
#post-109 .wpcf7-form label {margin:0px; padding:0px 0px 10px 0px; font-size:14px; text-align:left; color:#333;}
#post-109 .wpcf7-form-control {border:1px solid #ddd; margin:0px; height:44px; font-size:13px; text-align:left; color:#333; padding:0px 10px; box-shadow:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
#post-109 textarea.wpcf7-form-control {height:150px;}
#post-109 .wpcf7-form-control.wpcf7-submit {height:auto; background:#cc2a31; padding:10px 30px; color:#fff; line-height:normal; font-size:15px; font-weight:500}
#post-109 .wpcf7-form-control.wpcf7-submit:hover, #post-109 .wpcf7-form-control.wpcf7-submit:focus {border:1px solid #cc2a31; box-shadow:none; padding:10px 30px; margin:0px;}
#post-109 .wpb_text_column.wpb_content_element {width:100%; height:auto; margin:10px 0px 0px; padding:30px; background:#f9f9f9; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
#post-109 h3 {font-size:20px; text-align:left; color:#cc2a31; padding:0px 0px 7px;}
#post-109 i {padding-right:7px;}
#post-109 p a:hover {color:#cc2a31}

/*OUR VALUE*/
.our_value {width:100%; height:auto; padding:15px 0px 0px; margin:0px;}
.our_value .pagetitle {margin-bottom:30px;}
.our_value p {font-size:15px; text-align:left; line-height:26px; padding-bottom:10px;}
.our_value h3 {text-align: center;  margin:0px 0px 10px; padding: 0px; font-size:22px; text-align: left; color: #cc2a31;   font-weight: 500;  line-height:28px;}
.our_value ul {width:100%; height:auto; padding:0px 0px 0px; margin:0px;}
.our_value ul li {width: 100%; height: auto; margin: 3px 0px; padding: 0px 0 0 20px; display: inline-block; font-size: 15px; text-align: left; color: #333; background: url(https://shaktianodes.com/wp-content//uploads/2018/06/list-bg1.png) no-repeat left 8px;}

/*Why Shakti*/
#post-597 .textwidget.widget-s4 {background:none;}
#post-597 .certifications_block {margin-top:0px;}

/*Our cliental*/
.cliental_box {width:100%; height:140px; padding:20px; border:1px solid #ddd; margin-bottom:30px; text-align:center;}
.cliental_box img {display:inline-block; text-align:center;}

/*Our Services*/
.our_services {width:100%; height:auto; margin:0px; padding:15px 0px;}
.our_services p {margin:0px; padding:0px; font-size:18px; text-align:center; color:#333; line-height:28px}
.our_services h3 {text-align: center;  margin:0px 0px 10px; padding: 0px; font-size:22px; text-align: left; color: #cc2a31;   font-weight: 500;  line-height:28px;}
.services_box {width:100%; height:auto; margin:30px 0px 0px; padding:20px; box-shadow:0px 0px 10px #ccc; background:#fff; min-height:373px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.our_services ul {margin:0px; padding:0px; text-align:left;}
.our_services ul li {width: 100%; height: auto; margin: 3px 0px; padding: 0px 0 0 20px; display: inline-block; font-size: 15px; text-align: left; color: #333; background: url(https://shaktianodes.com/wp-content//uploads/2018/06/list-bg1.png) no-repeat left 8px;
}
.our_services ul li a {font-size: 15px; text-align: left; color: #333;}
.our_services ul li a:hover,
.our_services ul li a:focus {color:#cc2a31}

.our_services.one_services p {font-size:15px; text-align:left; line-height:26px; padding-bottom:10px;}
.our_services.one_services ul {padding-bottom:15px}
.table-responsive {margin-top:30px;}
.table-responsive .table {border:1px solid #ddd;}
.table-responsive .table tr td {border-left:1px solid #ddd;  text-align:center;     color: #0076a7}
.table-responsive .table tr td:first-child{border-left:none;}
.table-responsive .table .thead-dark {background:#0076a7; height:50px;}
.table>thead>tr>th {color:#fff; padding: 16px 0px; text-align:center}
.table-responsive h4 {font-size:20px; padding-bottom:10px; color:#cc2a31}

.subproduct {width:100%; height:auto; margin:15px 0px 30px 0px; padding:0px;}


/*Img_hover*/

/* To Navigation Style */
.codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 1em 2em;
	text-decoration: none;
	letter-spacing: 1px;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Related demos */
.related {
	clear: both;
	padding: 6em 1em;
	font-size: 120%;
}

.related > a {
	display: inline-block;
	margin: 20px 10px;
	padding: 25px;
	border: 1px solid #4f7f90;
	text-align: center;
}

.related a:hover {
	border-color: #39545e;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}

.related a h3 {
	margin: 0;
	padding: 0.5em 0 0.3em;
	max-width: 300px;
	text-align: left;
}

/* Demo ad design */
body #cdawrap {
	background: none;
	top: 50px;
	border: none;
}

body #cdawrap a {
	color: #fff !important;
}

body #cda-remove {
	color: #fff;
}

@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	max-height: 360px;
	width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	border:2px solid #ddd;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300; font-size:18px; color:#fff;
}

.grid figure h2 span {
	font-weight: 800; font-size:25px; color:#cc2a31
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */


/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background:none;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-goliath h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding:10px 30px; background:rgba(204, 42, 49, 1);
}
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding:10px 30px; background:rgba(204, 42, 49, 1)
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	color:#fff;
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
	bottom:-8px;
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}
@media (max-width:1500px) {
#main-slide .item {min-height: 477px;} 
}
@media (max-width:1200px) {
#main-slide .item {min-height: 385px}
}
@media (max-width:1024px) { 
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box, .cycle-slide .testimonial-box {width:100%;}
.shakti_block h3 {font-size:18px; line-height:28px;}
#main-slide .item {height:340px; min-height:111px; background-size:100% auto; background-repeat:no-repeat;}
.shakti_block .img_box {background-size:75% auto !important;}
.shakti_block {min-height:285px;}
}
@media (max-width:991px) { 
#main-slide .item {height:240px;}
}
@media (max-width:767px) { 
.custom-logo-link {padding-left:15px;}	
.navbar-default .navbar-toggle {border-color: #ddd; margin-top: 40px;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
.navbar-default .navbar-toggle {background:#cc2a31; border:none;}
.main-menu {padding:0px;}
.main-menu .navbar-collapse {padding: 0; width: 100%; margin: 0px;}
.main-menu .navbar-collapse ul.navbar-right {float: left !important; margin-right: 0 !important; margin-left: 0; width: 100%;}
.navbar-nav > li > a {text-align:center;}
#main-slide .item {height:260px; background-size:100% auto;}
.slide-sub-title {font-size: 13px; line-height: 25px; margin-top: -19px;}
.carousel .item p {display:none;}
.textwidget.widget-s1, .textwidget.widget-s2, .textwidget.widget-s3, .textwidget.widget-s4, .textwidget.widget-s5 {padding:50px 0px 0px;}
.pagetitle {font-size:25px;}
.bx-wrapper {padding:0px 0px !important}
.certifications_block {margin:0px 0px 30px}
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box, .cycle-slide .testimonial-box {width:100%;}
.leadership_box {min-height:inherit; margin-bottom:30px;}
.textwidget.widget-s4 .pagetitle {margin-bottom:50px} 
.textwidget.widget-s3, .textwidget.widget-s4 {background-size:100% auto}
.textwidget.widget-s1 {background-size:60% auto}
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box, .cycle-slide .testimonial-box {padding:20px;}
	.testimonial-box p {font-size:14px; text-align:justify;}
	.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-companyname span, .cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-designation span {display:none;}
		.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-companyname, .cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-designation {font-size:15px; line-height:28px;}
	.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-designation {padding-bottom:7px;}
}


@media (max-width:500px) { 
#main-slide .item {height:126px;}
}

.ngg-galleryoverview.default-view {
    text-align: left !important;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail {
    border: 1px solid #A9A9A9 !important;
    margin: 5px !important;
    margin-right: 5px !important;
}
