/*

Theme Name: Better Health pro

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

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.

Quality Construction is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

*/



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

=========================================

TABLE OF CONTENTS 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%;

}

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;

}

.comment-reply-title{
    margin-bottom: 15px;
}
.comments-title{

    margin: 30px 0;

    font-size: 18px;

}

.comments-area .comment-list{

    margin: 0;

    padding: 0;

}

.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 a{

    font-size: 15px;

    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%;
    height:34px;

}

.bypostauthor {

    display: block;

} 
.comment-form input, 
.comment-form textarea {
    border: 1px solid #e3e3e3;
}


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

# 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: #00aef0;

    background-color: #fff;

    border-color: #fff;

}



.btn-secondary:hover {

    color: #00aef0;

    background-color: #efeded;

    border-color: #efeded;

}



.nopadding {

    padding-left: 0;

    padding-right: 0;

}

.rounded-rectangle .btn, 
.rounded-rectangle a.readmore,
.rounded-rectangle .wpcf7-form .wpcf7-submit,
.rounded-rectangle .readmore {
    border-radius: 4px;
}

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

}



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

}
.title-head p{
    margin: 15px 0;
}
.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: #00AEF0;

    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: 10px 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: 50px;

    letter-spacing: 0.5px;


}



.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

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


.custom-logo {
    width: 250px;
    float: left;
    padding: 15px 0;
}
.navbar-brand {

    float: left;

    height: auto;

    padding: 8px 0;

    font-size: 18px;

    line-height: 20px;

}



.logo-text {

    text-transform: none;

    font-size: 25px;

    vertical-align: bottom;

    line-height: 38px;

    letter-spacing: 1px;

    color: #777;

}

.logo-text samp {

    background: #00AEF0;

    float: left;

    margin-right: 5px;

    width: 40px;

    height: 40px;

    border-radius: 3px;

    text-align: center;

    line-height: 40px;

    color: #fff;

    font-weight: normal;

    font-size: 30px;

}

.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 {
    color: #00aef0;
    background: #f1f1f1;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    line-height: 45px;
    margin-right: 15px;
    text-align: center;
}



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

04)Navbar

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

.main-menu {

    padding: 10px 0;

    background:#f5f5f5;

}

.navbar {

    margin-bottom: 0;

}

.main-menu .nav>li>a:focus, 

.main-menu .nav>li>a:hover {

    background-color: transparent;

}

.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-size: 14px;

    font-weight: 400; 

    color: #222222;

    letter-spacing: 1px;

}



.navbar-fixed-top .navbar-nav>li>a {

    background: transparent !important;

}



.navbar-menu .navbar-right .dropdown-menu {

    left: 0!important;

}

.dropdown-menu{

    padding: 0;

    border: 0;

    box-shadow: none;

    top:60px;

}

.dropdown-menu .divider {

    margin: 0;

}



.dropdown-menu > li > a {

    font-size: 16px;

    font-weight: 400;

    color: #fff!important;

    background: #00aef0;

    padding: 10px;

    border-bottom: 1px solid #5dbde6;

}



.dropdown-menu> li >a:hover {

    color: #fff !important;

    background-color: #00aef0;

}



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

    width: 300px;

    top: 24px;

    z-index: 999;

}

p.search-btn {

    border-left: 1px solid #009adc;

    border-right: 1px solid #009adc;

    cursor: pointer;

    font-size: 20px;

    margin: 0;

    padding: 8px 10px;

}

.search p {

    color: #fff;

}



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

05)Banner

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



#main-slide .item {

    min-height: 700px;

    color: #fff;

    background-position: 50% 50%;

    -webkit-background-size: cover;

    background-size: cover;

    -webkit-backface-visibility: hidden;

}



#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: #212121;

}

.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: 52px;

    line-height: 58px;

    margin: 15px 0;

    color: #00AEF0;

    font-weight: 700;

    text-transform: uppercase;

}



.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(0, 174, 240, 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: #00AEF0;

}



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

}



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



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

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;

}

*/

section#section1 {

    margin-top: -10%;

}

#section1 .row {

    display: flex;

}

.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) {

    section#section1 {

        margin-top: 70px;

    }

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

    }

    #additionalservice.additional-services .col-md-12 {

        display: block;

    }

    

}



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

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;

    }   

    

}

@media (min-width: 992px) and (max-width: 1199px) {

    section#section1 .section-1-box {

        min-height: 272px;

    }

    .section-5-box-text-cont {

        padding: 70px 35px;

    }

}



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

08)Section 3

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

.section3-background {

    background-position: center !important;

    background-size: cover !important;

    background-attachment: fixed !important;

    margin-top: 0;

    position: relative;

}



.section-3-box {

    padding:0;

    text-align: center;

}



.section-3-box figure {

    color: #fff;

    margin: 10px 0;

}



.section-3-box h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    line-height: 40px;
    margin: 15px 0;
    width: 100%;
}



.section-3-box h4 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
    letter-spacing: 1px;
}

.section-3-box .icon-wrapper {

    position: relative;

    background: none;

    float: left;

    width: 100%;

    margin-bottom: 15px;

}

.icon-wrapper .fa {

    font-size: 32px;

}





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

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;


}



.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: 80px;
    color: #666;
}

.section-4 ul.section i {
    background: #f1f1f1;
    font-size: 30px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
}
.section-4 .section li strong {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.border-bottom{

    border-bottom: 1px solid #eeeeee;

}



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

10)Section 5

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

.section-5{

    background:#f7f7f7;

    padding: 50px 0;

    border-top: 1px solid #eee;

}

.section-5-background {

    background-color: #6f6f6f  !important;
    background-position: center;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    padding: 0;

}



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

    padding: 70px 0 20px;

}





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

15)Section 10

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



.section-10-background {
    padding: 50px 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 {
    padding: 10px 25px;
    font-size: 24px;
    font-weight: 600;
    background: #ffffff;
    color: #313131;
    border-radius: 4px;
    border: 0;
}





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

16)Footer top

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



.footer-top {

    padding: 0 0 25px;

    background-color: #1a1e21;

    color: #7e7e7e;

    font-size: 14px !important;

}



.footer-top p {

    font-size: 14px;

    margin-bottom: 0;

}



.footer-top-box {

    margin: 30px auto;

    overflow: hidden;

}



.footer-top h4 {
    color: #fff;
    text-transform: capitalize;
    font-size: 18px;
}

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

}



.footer-top ul li a {

    color: #7e7e7e;

}



.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: 20px 0;

    background-color: #111315;

    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: #999;

    margin: 20px 0 20px 0;

}

.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: 70px 0;
    margin: 0 auto;
    background: #f9f9f9;
}



.portfolioFilter {

    margin: 0 0 10px 0;

    overflow: hidden;

    padding: 15px 10px;

    color: #45bbff;

}


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

    width: 100%;

    height: 100%;

    margin: 15px auto;

}



.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(0, 174, 245, 0.70);

}



.isotope-image-work a:hover .overlay {

  opacity: 1;

}



.isotope-image-work .text {

  color: white;

  font-size: 20px;

  position: absolute;

  top: 50%;

  width:100%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

}

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

}





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

Section Department

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

#section-department {

    margin: 0;

    padding: 70px 0;

    background: #f9f9f9;

}

.section-department-box {

    background: #fff;

    margin-bottom: 30px;

}

.section-department-box img{

    width: 100%;

    border-bottom: 3px solid;

}

.department-title-content {

    padding:  10px 15px 25px;

    text-align: center;

    position: relative;

}

.department-title-content h3 a {

    font-size: 18px;

    color: #555555;

}

.department-title-content h3 {

    background: #fff;

    position: absolute;

    width: 92%;

    top: -15%;

    right: 3.6%;

    padding: 10px;

}

.no-image .department-title-content h3 {

    position: relative;

    top: 0;

    right: 0;

    background: transparent;

}

.department-title-content .readmore {

    float: none;

    padding: 10px 25px;

    display: inline-block;

    margin-top: 5px;

    color: #fff;

}

.department-title-content .readmore:hover {

    color: #000;

    transition: 0.5s;

}

.department-title-content p {

    font-size: 14px;

    color: #777;

    line-height: 26px;

    margin: 15px 0;

}



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

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;

    font-size: 20px;

    color: #555555;

}

.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;
    padding: 20px;
    background: #f5f5f5;
}



.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;
    color: :000;

}





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

22)Section 15

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



.section17-background {

    background: #CCC;

    padding: 40px 0 30px 0;

}



.team-member {

    background: #fff;

}

.my-member-social ul li {

    list-style-type: none;

    display: inline-block;

    border: 3px solid #fff;

    height: 36px;

    width: 36px;

    border-radius: 50%;

    background: #00aef0;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    transition: all 500ms ease;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    cursor: pointer;

}

.my-member-social ul li:hover {

    border: 3px solid #00aef0;

    background: #fff;

    color: #00aef0;

}

.my-member-social ul li:hover > a {

    color: #00aef0;

}

.my-member-social ul li a {

    color: #fff;

}

.my-member-social ul {

    margin-left: 0;

    padding-left: 0;

}

.my-member-social {

    position: absolute;

    top: -20px;

    width: 100%;

    left: 15px;

}

.team-social-icon {

    position: relative;

}

#team {

    position: relative;

}

#team .owl-prev {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    background: rgba(2, 139, 191, 0.56);

    color: #fff;

    padding: 10px;

}

#team .owl-next {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    background: rgba(2, 139, 191, 0.56);

    color: #fff;

    padding: 10px;

}







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

23)Inner Title bar

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



.inner-title {

    background: #00aef0;

    padding: 50px 0;

}



.inner-title h2 {

    color: #fff;

    text-transform: capitalize;

    margin-bottom: 5px;

}



.breadcrumbs ul {
    float: left;
    font-size: 13px;
    margin: 0;
    font-weight: 500;
    margin-left: 0;
    padding-left: 0;
}



.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

}





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

24)Section 16

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



.section16 {

    padding: 70px 0;

}

.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: 35px;

}



.section16 textarea {

    border-radius: 0;

    padding: 25px 15px;

}



.section16 iframe {

    width: 100% !important;
    height: 400px;

}



.section16 .address {

    margin: 20px 0;

}



.section16 .address h4 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}

.contact-info-right p {
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
}





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

25)Section 17

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



.section17 {

    background: #f9f9f9;

    padding: 70px 0;

    margin-top: 0;

}



.team-member1 {

    background: #fff;

    padding: 5px;

    margin: 10px auto;

    overflow: hidden;

}



.team-member1 .team-member1-img-cont {

    width: 100%;

}



.team-member1 .team-member1-img-cont img {

    min-height: 167px;

}



.team-member1 .team-member1-details {

    float: left;

    padding: 0 10px;

    width: 100%;

    margin-top: 25px;

    margin-bottom: 15px;

}



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



.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

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

#working-hour {

    position: relative;

}

.google-map-background {

    position: absolute;

    width: 100%;

    height: 100%;

}

.working-hour-box-right {

    background: #00aef0;

    color: #fff;

    padding: 50px 30px;

}

.working-hour-content p{
    color:#fff;
}
.entry-content.working-hour-content ul {

    padding-left: 0;

    margin-left: 0;

}

.entry-content.working-hour-content ul li{

    list-style-type: none;

    margin-left: 0;

    text-align: right;

    border-bottom: 1px solid #fff;

    padding: 15px 0;

}

.entry-content.working-hour-content ul li:last-child{

    border-bottom: none;

}

.entry-content.working-hour-content ul li span {

    float: left;

    font-weight: bold;

}







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

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 {

    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;

    font-size: 20px;

    color: #777777;

}

#secondary .widget {

    border: 1px solid #eee;

    padding: 15px 15px;

    margin-left: 0;

    margin-right: 0;

    background: #fdfcfc;

}

#secondary li ul {

    margin-left: 0;

    padding-left: 0;

}

#secondary li ul li {

    margin: 20px 0;  

}

.left-sidebar .left-block {

    float: right;

}
.pagination{
    width:100%;
}
.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: #f9f8f8;

    border: none;

    margin-top: 15px;

    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: 35px;

}

.textcont h3 {

    text-transform: capitalize;

}

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

}

.section-14-box ul {

    padding-left: 20px;

}





/* ---- Added footer section ----*/

.contact-link {

    margin-top: 100px;

}

.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 span{ 

    font-size: 22px;
    color: :#fff;

}

.contact-link-desc h5 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}

.contact-link-img {

    position: relative;

    padding-right: 15px;

}

a.contact-us:hover {

    background: #fff;

    transition: 0.5s;

}

.contact-us {

    color: #fff;

    font-size: 18px;

    border: 1px solid #fff;

    padding: 10px 20px;

    display: inline-block;

    margin-top: 15px;
    border-radius: 4px;

}

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

    }

    .make-booking {

        display: none;

    }

}





.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: 5px;

}

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

}

.section-14-meta .fa {

    margin-right: 5px;

}

.scrollup {

    width: 40px;

    height: 40px;

    position: fixed;

    bottom: 50px;

    right: 50px;

    display: none;

    text-align: center;
    border-radius: 3px;
    z-index: 9999;

}

.scrollup i {

    color: #fff;

    line-height: 34px;

    font-weight: bold;

    font-size: 24px;

}

.mytestimonial .carousel-control.left, 

.mytestimonial .carousel-control.right

{

    font-size: 36px;

}

h2.about-us-title {

    font-weight: 400;

}

.about-us-box-right {

    padding: 20px;

    border: 1px solid #EEF;

}

#about-us {

    margin-bottom: 50px;

}

.page-template-template-about-us .accent-bg {
    margin-top: 35px;
}



/*------ Additional services ---------*/

.additional-services .col-md-12 {

    display: flex;

}

.additional-services .col-md-12 .col-md-4.col-sm-4:nth-child(odd) {

    background: #00aef0;

}

.additional-services .col-md-12 .col-md-4.col-sm-4:nth-child(even) {

    background: #0394cc;

}

.additional-services-content {

    padding: 50px 30px;

    

    text-align: center;

}

.additional-services-icon {

    margin-bottom: 20px;

}

.additional-services-icon i {
    font-size: 40px;
    border: 2px solid #fff;
    padding: 0;
    color: #fff;
    border-radius: 4px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.additional-services-title {
    font-size: 20px;
    color: #fff;
    margin: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: 600;
}

.additional-services-entry-content {

    color: #fff;

}
.additional-services-entry-content p{
    color:#fff;
}

.google-map {

    margin-top: -70px;

}

.contact-info-form {

    padding: 50px 0;

}

.contact-info-right {

    padding: 30px;

    background: #013650;

    margin-left: 40px;

}

.page-template-template-contact-us-php .section16 {

    margin-bottom: 0;

    padding-bottom: 0;

}





/*---- Different Blog style ----*/

.left-image .blog-list .left-block .section-14-img {

    width: 40%;

    margin: 0;

    margin-bottom: 0;

    float: left;

}

.left-image .blog-list .left-block .blog-content {

    width: 60%;

    margin: 0;

    margin-bottom: 0;

    float: left;

    padding-left: 20px;

}

.left-image .blog-list .left-block .blog-content .text-left .btn  {

   display: none;

}

.three-column .blog-list .left-block .section-14-box {

    width: 30.5%;

    float: left;

    margin: 10px;

}

.masonry .blog-list .left-block #masonry-loop .section-14-box {

    width: 30%;

    float: left;

    margin: 10px;

}





@media (max-width: 768px) { 

    .left-image .blog-list .left-block .section-14-img,

    .left-image .blog-list .left-block .blog-content

     {

        width: 100%;

    }

    .left-image .blog-list .left-block .blog-content {

        padding-left: 0;

        margin-top: 20px;

    }

    .three-column .blog-list .left-block .section-14-box {

        width: 100%;

        margin: 0;

        margin-bottom: 30px;

    }

    .masonry .blog-list .left-block #masonry-loop .section-14-box {

        width: 100%;

    }

    aside {

        float: none;

    }

    .contact-info-right {

        margin-left: 0;

        margin-top: 30px;

    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

        width: 48% !important;

    }

}



@media (min-width: 0) and (max-width: 480px) {

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

        width: 100% !important;

    } 

}

@media  (min-width: 992px) and (max-width: 1200px) {

   .three-column .blog-list .left-block .section-14-box {

        width: 31%;

    }   

}

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

   .three-column .blog-list .left-block .section-14-box {

        width: 47%;

    }

    aside {

        float: none;

    }  

}

.woocommerce  .page-title{
    margin-bottom: 20px;
}
.woocommerce .woocommerce-ordering select {
    border: 1px solid #eeeeee;
    padding: 7px;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {

    margin: 0 1.8% 15px 0;

    width: 30.5%;

    min-height: 455px;

    background: rgb(251, 251, 251);

    border: 1px solid #f5f4f4;

    text-align: center;

    margin-top: 20px;
    display: inline-block;
    float: none;

}

.woocommerce .products .star-rating {

    margin: 0 auto;

}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 

.woocommerce ul.products li.product .woocommerce-loop-product__title, 

.woocommerce ul.products li.product h3 {

    font-size: 18px;

}

.woocommerce ul.products li.product .price {

    color: #00aef0;

    margin: 15px 0;

}

.woocommerce ul.products li.product .button {

    margin-top: 7px;

    margin-bottom: 20px;

    color: #fff;

    padding: 10px 25px;

    border-radius: 15px;

}

.woocommerce ul.products li.product .onsale {

    margin: 0;

    border-radius: 0;

    background-color: rgba(0, 174, 240, 0.41);

}

.woocommerce ul.cart_list li img, 

.woocommerce ul.product_list_widget li img {

    float: left;

    margin-right: 15px;

    width: 50px;

}

#add_payment_method #payment ul.payment_methods li, 

.woocommerce-cart #payment ul.payment_methods li, 

.woocommerce-checkout #payment ul.payment_methods li {

    list-style-type: none;

}

.woocommerce form .form-row .input-checkbox {

    margin: -7px 8px 0 0;

}

.widget.woocommerce.widget_products .product_list_widget li ins,

.widget.woocommerce.widget_products .product_list_widget li del,

.widget.woocommerce.widget_products .product_list_widget li .woocommerce-Price-amount.amount {

    display: none;

}

.woocommerce ul.product_list_widget li a span {

     margin-top: 15px;

    display: inline-block;

}





/*---- for sub categories section ----*/

.widget_product_categories ul li .children li:before {

  font-family: "FontAwesome", sans-serif;

  content: "\f054";

  font-size:10px;

  color: #0095E6;

  font-weight:400;

  margin-right: 5px;

} 



.widget_product_categories ul li .children {

    margin-left: 15px !important;

   

}



.widget_product_categories ul li a{

 font-weight: 600;

}

.widget_product_categories ul li .children li a {

    font-weight: normal;

}



.widget_product_categories ul li .children li:last-child {

    border-bottom: none;

}

#section17 .owl-carousel .owl-nav.disabled {

    display: block;

}

@media(min-width:768px){

  .portfolioContainer .col-sm-4 {

    width: 33%;

  }  

}



@media(min-width:992px){

  .portfolioContainer .col-md-3 {

    width: 24.8%;

  }  

}





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

//    Author Style

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

.authorbox  {

    width: 100%;

    float: left;

    padding: 30px;

    margin: 20px 0;

    background: #ececec;

}

.author-bg{

    width: 100%;

    float: left;

    position: relative;

    padding: 0 0 0 120px;

}

.author-avatar {

    top: 0;

    left: 0;

    margin: 0;

    overflow: hidden;

    position: absolute;

    border-radius: 50%;

}

.author-info h4{

    font-size: 16px;

    margin: 0 0 10px;

    line-height: 16px;

    font-weight: bold;

}

.author-info h4 a{

    color: #00aef0;

}

.author-avatar:before{

  top:0;

  left:0;

  content:'';

  width:100%;

  height:100%;

  position:absolute;

  background:

  -moz-linear-gradient(top,

  rgba(0,0,0,0.2) 0%,

  rgba(0,0,0,0.2) 100%);

  background:

  -webkit-linear-gradient(top,

  rgba(0,0,0,0.2) 0%,

  rgba(0,0,0,0.2) 100%);

  background:

  linear-gradient(to bottom,

  rgba(0,0,0,0.2) 0%,

  rgba(0,0,0,0.2) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );

}

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

//    Pegination Style

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

.pagination .page-numbers{

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    color: #337ab7;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #ddd;

}

.pagination .page-numbers.current{

    z-index: 3;

    color: #fff;

    cursor: default;

    background-color: #00AEF0;

    border-color: #00AEF0;

}