@charset "utf-8";
/*
Template Name: Joffe Dental Theme
Template Author: Md. Ohiduzzaman Sumon
Author URL: https://www.facebook.com/Ozzaman.sumon
Author Email: sumon.metro.cse.od@gmail.com

-----------------------------------------------------------
Table of Index
-----------------------------------------------------------

1. Base CSS
2. Main Header CSS
3. Main Header Menu CSS
4. Slider CSS
5. Home Mid CSS
6. Page Breadcrumbs CSS
7. Page Bottom Banner CSS
8. Page Content CSS
9. About Mid CSS
10. Service Page CSS
11. Team Page CSS
12. Dental Articles Page CSS
13. Practice Page CSS
14. Dental Vacations Page CSS
15. Blog Page CSS
16. Sidebar CSS
17. Contact Page CSS
18. Footer CSS
19. Error Page CSS

----------------------------------------------------------

================ CSS Starts =====================

-----------------------------------------------------------
1. Base CSS
-----------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic);
/*p:empty {
  display: none;
}*/
.border{
    border: 1px solid red;
}
.clear{
    clear: both;
}
.floatleft {
    float: left
}

.floatright {
    float: right
}

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

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

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
.no-padding{
    padding: 0;
}
a:focus {
    outline: 0 solid
}

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

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
}

html,
body {
    height: 100%
}

body {
    font-family: "Open Sans";background-color: #ececec;
}

a {
    color: #2F9999;
    text-decoration: none;
}

a:focus {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #42d5d7;
    text-decoration: none
}



input[type="submit"] {
    border: medium none;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
}

body input[type="submit"]:hover {
    background: #000
}
/*.container{
    width: 960px;
}*/

/* ==========================================================================
   Ohiduzzaman custom styles
   ========================================================================== */
/* --------------------------------------------------------
2. Main Header CSS
-----------------------------------------------------------*/
#main_header{
    background-color: #fbfbfb;
}
.header{}
.logo{
    padding: 40px 0px 0px;
}
.header_info_left{
    padding: 65px 0px 0px;
    float: left;
    width: 50%;
}
.header_info_left_icon{
    float: left;
}
.header_info_left_icon i{
    color: #2f9999;
    font-size: 45px;
    margin-right: 5px;
}
.header_info_left_text{
  float: left;
  margin: 5px 5px 0;
}
.header_info_left_text p{
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    color: #42d5d7;
    /*display: inline-block;*/
    line-height: normal;
    margin: 0;
    padding: 0;
    /*    text-align: right;*/
}
.header_info_left_text a{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    color: #4d4f4e;
}
.header_info_left_text a:hover{
    color: #4d4f4e;
}


.header_info_right{
    padding: 65px 0px 0px;
    float: left;
    width: 50%;
}
.header_info_right_icon{
    float: left;
}
.header_info_right_icon i{
    color: #2f9999;
    font-size: 45px;
    margin-right: 5px;
}
.header_info_right_text {
  float: left;
  margin: 5px 5px 0;
}
.header_info_right_text p{
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    color: #42d5d7;
    /*display: inline-block;*/
    line-height: normal;
    margin: 0;
    padding: 0;
    /*    text-align: right;*/
}
.header_info_right_text b{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    color: #4d4f4e;
    /*display: inline-block;*/
    line-height: normal;
    margin: 0;
    padding: 0;
    /*    text-align: right;*/
}
.header_info_right_text a{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    color: #4d4f4e;
}
.header_info_right_text a:hover{
    color: #4d4f4e;
}
.header_bt{
    padding: 50px 0px 30px;
    text-align: center;
    /*margin-right: 85px;*/
}
.header_bt a span{
    color: #ffffff;
    font-family: "Open Sans";
    font-weight: 400;
    line-height: normal;
    font-size: 12px;
    text-transform: uppercase;
}
.header_bt a {
    background-color: #36aaaa;
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #42d5d7 28%, #2f9999) repeat scroll 0 0;*/
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans";
    font-weight: 700;
    line-height: normal;
    font-size: 16px;
    width: 165px;
    padding: 5px 20px 10px;
}
.header_bt a:hover {
    background-color: #42d5d7;
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2f9999 28%, #014040) repeat scroll 0 0;*/
    text-decoration: none;
}

/* --------------------------------------------------------
3. Main Header Menu CSS
-----------------------------------------------------------*/
.main_menu{
    width: 100%;
    background-color: #2F9999;
    /*border-top: 6px solid #42d5d7;*/
    z-index: 99;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    /*position: absolute;*/
    margin-top: 20px;
}
.is-sticky .main_menu { padding: 0px 0px;margin-top: 0px; }
.navbar {
    margin-bottom: 0;
    background: transparent;
    border: none;
    /*margin-left: 15px;*/
}
.navbar-default .navbar-nav {
    margin-right: 10px!important;
    position: relative;
}
.navbar-default .navbar-nav > li {
    /*margin-left: 6px;*/
}
.navbar-default .navbar-nav > li:first-child {
    margin-left: -7px;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    display: block;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    overflow: hidden;
    padding: 15px 27px;
    border-bottom: 2px solid #2F9999;
}
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li:hover > a {
    border-bottom: 2px solid #42D5D7;
    color: #ffffff;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #014040;
    border-bottom: 2px solid #42D5D7;
}

.navbar-default .navbar-nav > li > a i {
    margin: 0 -2px 0 -5px;
}
.navbar-default .navbar-nav > li > a:after {
    position: absolute;
    bottom: 0;
    content: '';
    left: 50%;
    display: block;
    height: 5px;
    width: 5px;
    opacity: 0;
    margin: 0 0 -3px -2px;
    position: absolute;
}
.navbar-default .navbar-nav > li > a.active:after {}
.navbar-default .navbar-nav .dropdown {
    padding: 0px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 160px;
    background-color: #01494a;
    visibility: hidden;
    z-index: 2;
}
.navbar-default .navbar-nav > li.drop:hover .dropdown {
    visibility: visible;
    opacity: 1;
}
.dropdown li, .sup-dropdown li {
    list-style: none;
    position: relative;
}
.dropdown li:first-child, .sup-dropdown li:first-child {
    border-top: none;
}
.dropdown li a, .sup-dropdown li a {
    color: #ffffff;
    display: block;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
.dropdown > li:hover > a, .sup-dropdown li:hover > a {
    color: #ffffff;
}
.dropdown li a i {
    margin: 0 0 0 -4px;
}
.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown {
    visibility: visible;
    margin-top: 0;
}
.navbar-nav li.drop::after {
    color: #000;
    content: "▼";
    font-size: 10px;
    position: absolute;
    right: 15px;
    top: 19px;
}

/* --------------------------------------------------------
4. Slider CSS
-----------------------------------------------------------*/
.slider_area {
    text-align: center;
}
.slider_area img {
    width: 100%;
    height: auto;
}
/*.carousel-inner > .item img{
    width: 100%;
    height: 500px;
}*/
.slider-left-btn,
.slider-right-btn {
    background: none repeat scroll 0 0 #000000;
    border-radius: 50px;
    color: #ffffff;
    font-size: 25px;
    height: 40px;
    position: absolute;
    top: 50%;
    width: 40px;
    margin-top: -25px;
    text-align: center;
}

.slider-left-btn {
    left: 30px;
}

.slider-right-btn {
    right: 30px;
}
.slider-caption{
    position: absolute;
    top: 0;
    width: 399px;
    background-color: rgba(89, 221, 217, 0.9);
    height: 493px;
    left: 8%;
}
.banner_box_title{
    border-bottom: 1px solid #fbfdfd;
}
.slider-caption h1{
    font-family: "Open Sans";
    font-size: 46px;
    font-weight: 600;
    color: #fbfdfd;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 40px 0px 5px;
    border-bottom: 1px solid #fbfdfd;
    width: 100%;
}

.item .slider-caption p {
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 600;
    color: #fbfdfd;
    line-height: 29px;
    text-align: justify;
    margin: 0;
    padding: 60px 12px 0px 23px;
    width: 100%;
    height: 270px;
}

.slider-caption a {
    background-color: #f6f7f7;
    border-radius: 10px;
    color: #55dbda;
    font-family: "Open Sans";
    font-size: 17px;
    margin: 0;
    padding: 13px 60px;
}

/* Fade Slider CSS */
.carousel.carousel-fade .item { transition: opacity 0.5s ease-in-out }
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* --------------------------------------------------------
5. Home Mid CSS
-----------------------------------------------------------*/
.home_mid{
    padding: 60px 0px 120px;
}
.home_mid_content{}
.home_mid_content h2 {
    color: #01494a;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.home_mid_content p{
    font-family: "lato";
    font-size: 18px;
    font-weight: 300;
    color: #303030;
    text-align: center;
    line-height: 26px;
    margin: 0;
    padding: 0px 130px;
}


/* --------------------------------------------------------
6. Page Breadcrumbs CSS
-----------------------------------------------------------*/
.page_breadcrumbs {
    padding: 5px 0;
    background-color: #ffffff;
}
ul.breadcrumbs {
    padding: 0;
    float: right;
    margin-top: 5px;
}
.no-subtitle ul.breadcrumbs {
    margin-top: 4px;
}
ul.breadcrumbs li {
    color: #afb5b7;
    font-family: "Open Sans";
    line-height: normal;
    float: left;
    font-size: 12px;
    font-weight: 400;
    list-style: outside none none;
    margin-left: 3px;
}
ul.breadcrumbs li::before {
    color: #01494a;
    font-size: 18px;
    content: "»";
    margin: 0 4px 0 2px;
}
ul.breadcrumbs li:first-child {
    margin: 0;
}
ul.breadcrumbs li:first-child::before {
    color: #afb5b7;
    font-size: 18px;
    content: "»";
    margin: 0 4px 0 2px;
}
ul.breadcrumbs li a {
    color: #afb5b7;
    font-weight: 600;
}
ul.breadcrumbs li a:hover {
    color: #01494a;
}
ul.breadcrumbs li.current{
    color: #01494a;
}
/* -----------------------------------------------------------
7. Page Bottom Banner CSS
-----------------------------------------------------------*/
.page-banner-bottom-area{
    height: 230px;
}
.page-banner-bottom-tablecell{
    height: 230px;
}
.page-banner-bottom-table {
    display: table;
    width: 100%;
    height: 230px;
}
.page-banner-bottom-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.page-banner-bottom-image{
    background: rgba(0, 0, 0, 0) url('images/home-banner.jpg') no-repeat center center / cover ;
    height: 100%;
}
.page-banner-bottom-image{
    position: relative;
    z-index: 1;
}
.page-banner-bottom-image::after {
    background-color: #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.65;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}
.page-banner-bottom-bt{
    text-align: center;
}
.page-banner-bottom-bt a {
    background-color: #42d5d7;
    border: 2px solid #2f9999;
    border-radius: 22px;
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding: 9px 50px;
    text-transform: uppercase;
}
.page-banner-bottom-bt a:hover {
    background-color: #014040;
    text-decoration: none;
}
/* -----------------------------------------------------------
8. Page Content CSS
-----------------------------------------------------------*/
.main_page{
    padding: 70px 0px;
    background-color: #ececec;
}
.page_content{}
.page_content p{
    color: #595959;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    padding-bottom: 45px;
}
.page_heading {
    padding: 50px 0;
}
.page_heading h1{
    color: #01494a;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 50px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.page_heading h2{
    color: #01494a;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.page_heading h3{
    color: #01494a;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.page_heading h4{
    color: #01494a;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.page_heading h5{
    color: #01494a;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.page_heading h6{
    color: #01494a;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.page_google_map {
    width: 100%;
    margin: 65px 0px;
}
.page_google_map iframe {
    height: 500px;
    width: 100%;
    border: none;

}
.page_form {
    width: 940px;
    margin: 0 auto;
}
.form_group_submit{
    width: 160px;
    margin: 0 auto;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #222222;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #222222;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #222222;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #222222;
}
input[type="text"],
input[type="email"],
input[type="number"] {
    background-color: transparent;
    border: 1px solid #777777;
    border-radius: 0px;
    color: #222222;
    display: block;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 15px;
    width: 100%;
}
textarea {
    background-color: transparent;
    border: 1px solid #777777;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 18px;
    color: #222222;
    border-radius: 0px;
    height: 220px;
    margin-bottom: 30px;
    padding: 10px 17px;
    width: 100%;
}
input[type="submit"] {
    background-color: #03c7c9;
    color: #f6f8fc;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 700;
    padding: 16px 0px;
    text-transform: uppercase;
    width: 100%;
}
input[type="submit"]:hover{
    background-color: #69c7ed;
}


/* -----------------------------------------------------------
9. About Mid CSS
-----------------------------------------------------------*/
.about_mid_top{
    padding: 60px 0px 40px;
}
.about_mid_top_content{}
.about_mid_top_content h2 {
    color: #01494a;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.about_mid_top_content p{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    color: #303030;
    text-align: center;
    line-height: 26px;
    margin: 0;
    padding: 0px 330px;
}
.about_mid_bottom{
    padding: 80px 0px 90px;
}
.about_mid_bottom_content{}
.about_mid_bottom_content h2 {
    color: #01494a;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.about_mid_bottom_content p {
    color: #303030;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    padding: 0 230px;
    text-align: center;
}
.about_mid_bottom_content span {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

/*About Page Testimonial CSS*/
.about_testimonial{
    background-color: #ffffff;
    padding: 85px 0 25px;
}
.about_testimonial_heading{}
.about_testimonial_heading h2{
    color: #595959;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 46px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding-bottom: 45px;
}

/* carousel */
#quote-carousel 
{
    padding: 0 40px 0px 40px;
    /*margin-top: 30px;*/
}

/* Control buttons  */
#quote-carousel .carousel-control
{
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    /*margin-top: 30px;*/
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
    left: 35px;
    background: rgba(0, 0, 0, 0) url('../images/left_arrow.png') no-repeat;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
    right: -45px;
    background: rgba(0, 0, 0, 0) url('../images/right_arrow.png') no-repeat;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
    background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
    background: #333333;
}
/*#quote-carousel img
{
    width: 250px;
    height: 100px
}*/
/* End carousel */

.item p {
    color: #313132;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding: 0px 120px 70px;
    border-left: none; 
}
.item h4 {
    color: #313132;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0;
}

/*.item blockquote img {
    margin-bottom: 10px;
}*/

/*.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}*/



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    /*    #quote-carousel 
        {
            margin-bottom: 0;
            padding: 0 40px 30px 40px;
        }*/

}

/* -----------------------------------------------------------
10. Service Page CSS
-----------------------------------------------------------*/
.no-padding-services{
    padding: 0;
}
.service_mid{
    padding: 70px 0px 125px;
    background-color: #ffffff;
}
.service_tab_heading_icon{
    float: left;
}
.service_tab_heading{
    padding-bottom: 40px;
    float: left;
}
.service_tab_heading h2{
    color: #03c7c9;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    padding: 5px 0px 0px 5px;
}
.service_mid_tab{
    padding: 0px 15px 0px;
    /*    position: absolute;*/
}
.service_mid_tab h2 {
    color: #2f9999;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin: 0;
    padding-bottom: 25px;
}
.service_mid_tab p {
    color: #7a7a7a;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    padding-bottom: 25px;
}
.service_mid_tab blockquote {
    border-left: 5px solid #2f9999;
    color: #2f9999;
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
    text-transform: uppercase;
}
.service_mid_tab a{
    color: #2f9999;
    font-family: "Open Sans";
    line-height: normal;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
.service_mid_tab_img{}
.service_mid_tab_img p {
    color: #2f9999;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.service_mid_tab_img blockquote {
    border-left: 5px solid #2f9999;
    color: #2f9999;
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
    text-transform: uppercase;
    margin-top: 60px;
}
.service_mid_tab_content{}
.service_mid_tab_content p {
    color: #3e3e3e;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    padding-bottom: 25px;
}
.service_mid_tab_content_bottom_border{
    border-bottom: 5px solid #2f9999;
    text-align: right;
}
.service_mid_tab_content_bottom_border img {   
    padding-bottom: 20px;
}
.service_img{}


.service_mid_left{
    /*    background-color: #e1e1e1;*/
    height: auto;
}
.service_mid_left h3{
    font-family: "Open Sans";
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    font-size: 18px;
    /*text-align: center;*/
    color: #01494a;
    /*padding: 10px 0px 50px;*/ 
}
.service_mid_right{
    /*background-color: #ffffff;*/
    height: auto;
    margin-top: 76px;
}


.nav-pills{
    list-style: outside none none;
    margin: 50px 0 0;
    padding-left: 0;
}
.nav-pills > li{
    margin: 0 0 7px;
}
.nav-pills > li > a {
    background-color: #e3e3e3;
    border: 1px solid #c5cfd0;
    border-radius: 5px;
    color: #029596;
    display: block;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    padding: 7px 10px;
}
/*.nav-pills>li>a:before {
    content: "\f105";
    display: block;
    font-size: 14px;
    color: #bcbcbc;
    font-family:'FontAwesome';
    right: 25px;
    top: 20px;
    margin: 0;
    position: absolute;
}*/
/*.nav-pills > li > a:hover:before*/
.nav-pills > li > a:focus, .nav-pills > li > a:hover {
    color: #01494a;
    /*background: rgba(0, 0, 0, 0) url('../images/tab_hover.png') no-repeat ;*/
    background-color: none ;
    text-decoration: none;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #c5cfd0;
    background-color: #01494a ;
    /*background: rgba(0, 0, 0, 0) url('../images/tab_hover.png') no-repeat ;*/
}

.nav-pills> li > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.nav-pills> li > ul > li {
    padding-bottom: 10px;
}
.nav-pills> li > ul > li > a{
    /*margin-right: -1px;*/
    border: none;
    font-family: "Open Sans";
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
    color: #029596;
    text-align: left;
    padding: 0;
}
.nav-pills> li > ul > li > a:focus, .nav-pills> li > ul > li > a:hover {
    color: #01494a;
    text-decoration: none;
}
.nav-pills> li > ul > li.active > a, .nav-pills> li > ul > li.active > a:hover, .nav-pills> li > ul > li.active > a:focus {
    color: #01494a;
    text-decoration: none;
}

/*a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}*/


/*.nav-stacked>li+li {
margin-top: 0px;
margin-left: 0;
border-bottom:1px solid #dadada;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
}*/
.left_menu_social{
    border-top: 1px solid #f2f2f2;
}
.left_menu_social img{
    padding: 15px 5px 15px 0px;
}

/* -----------------------------------------------------------
11. Team Page CSS
-----------------------------------------------------------*/
.team_page_section{
    padding: 60px 0px 80px;
}
.team_page_section_content{}
.team_page_section_content h2 {
    color: #01494a;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.team_page_section_content p{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    color: #303030;
    text-align: center;
    line-height: 26px;
    margin: 0;
    padding: 0px 130px;
}
.portfolio_head {
    background-color: #42D5D7;
    padding: 15px 0 0;
}
ul#filters {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul#filters li {
    background-color: #bfbfbf;
    border-right: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
}
ul#filters li.active, ul#filters li:hover{
    /*border-color: #ff7800;*/
    background-color: #777777;
}

ul.portfolio {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}
ul.portfolio li { position: relative; width: 33.33%; float: left;}
.portfolio-hover {
    font-size: 16px;
    height: 100%;
    left: 0%;
    position: absolute;
    /*text-transform: uppercase;*/
    width: 100%;
}
.portfolio-hover:before {
    background-color: gray;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
    filter: alpha(opacity=0);
    transform: scale(0);
    transition: all 300ms linear 0s;
}
.grid-item:hover .portfolio-hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
    filter: alpha(opacity=70);
}
.portfolio-hover h2,
.portfolio-hover p,
.portfolio-hover a {
    position: relative;
    z-index: 9;
    color: #fff;
    opacity: 0;
    top: 40%;
    filter: alpha(opacity=0);
    transition: all 500ms linear 0s;
}
.grid-item:hover .portfolio-hover h2,
.grid-item:hover .portfolio-hover p,
.grid-item:hover .portfolio-hover a {
    opacity: 1;
    filter: alpha(opacity=100);
}
ul.portfolio li > img {
    border: 3px solid #fffefe;
    width: 100%;
}
.portfolio-hover h2 {
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: 400;
    margin: 10px;
    padding: 10px;
}
.portfolio-hover a {
    bottom: 20px;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    padding-top: 7px;
    position: absolute;
    width: 40px;
}
.portfolio-hover a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: #002372;*/
    content: "";
}
.portfolio-hover a:hover:before { 
    /*background-color: #ffd401;*/
}
.portfolio-hover a:hover { color: #FFFFFF }
.portfolio-hover a i {
    z-index: 9;
    position: relative;
}
.portfolio-hover a:hover i {
    -webkit-animation: 0.3s ease 0s normal forwards 1 running toRightFromLeft;
    animation: 0.3s ease 0s normal forwards 1 running toRightFromLeft;
}
@-webkit-keyframes toRightFromLeft { 
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
@keyframes toRightFromLeft { 
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
.portfolio-hover a.zoom-link { left: 40%;top: 40%; }
.portfolio-hover a.project-link { right: 5% }

.projects-we-completed { margin-top: 50px }
.project-completed-title {
    margin: 50px 0;
    text-transform: uppercase;
}
.single-completed { border-right: 1px solid #f1f1f1 }
.single-completed.no-border { border: none }
.single-completed h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 0;
}
.single-completed p {
    color: #999;
    font-weight: 300;
    text-transform: uppercase;
}

/* -----------------------------------------------------------
12. Dental Articles Page CSS
-----------------------------------------------------------*/
.dental_article_top_section{
    padding: 60px 0px 80px;
}
.dental_article_top_section_content{}
.dental_article_top_section_content h2 {
    color: #01494a;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.dental_article_top_section_content p{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    color: #303030;
    text-align: center;
    line-height: 26px;
    margin: 0;
    padding: 0px 130px;
}
.dental_article_bottom_section{
    padding: 60px 0px 160px;
}
.dental_article_bottom_main{
    width: 600px;
    margin: 0 auto;
    display: table;
    content: '';
    clear: both;
}
.dental_article_content {
    padding: 40px 0;
}
.pdf_icon_box {
    float: left;
    width: 51px;
}
.dental_article_content_box {
    float: left;
    margin-left: 20px;
    /*padding-top: 25px;*/
    width: 195px;
}
.dental_article_content_box p{
    font-family: "Open Sans";
    font-size: 16px;
    color: #303030;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
.dental_article_content_box h4 {
    color: #303030;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

/* -----------------------------------------------------------
13. Practice Page CSS
-----------------------------------------------------------*/
.practice_top_section{
    padding: 60px 0px 80px;
}
.practice_top_section_content{}
.practice_top_section_content h2 {
    color: #01494a;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.practice_top_section_content p{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    color: #303030;
    text-align: center;
    line-height: 26px;
    margin: 0;
    padding: 0px 130px;
}
.practice_bottom_section{
    padding: 60px 0px 80px;
}
.practice_bottom_container{
    width: 700px;
    margin: 0 auto;
    display: table;
    content: '';
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
}
.practice_bottom_content {
    padding-bottom: 50px;
}
.practice_bottom_content h2 {
    color: #303030;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    margin: 0;
    padding: 0 0 15px;
}
.practice_bottom_content p {
    color: #303030;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0 0 5px;
}
.practice_bottom_content h4 {
    color: #303030;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    padding: 15px 0 0;
}
.practice_bottom_content iframe{
    border: 1px solid #ffffff;
    width: 260px;
    height: 260px;
}

/* -----------------------------------------------------------
14. Dental Vacations Page CSS
-----------------------------------------------------------*/
.dental_vaction_top_section{
    padding: 60px 0px 80px;
}
.dental_vaction_top_content{}
.dental_vaction_top_content h2 {
    color: #01494a;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.dental_vaction_top_content p{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    color: #303030;
    text-align: center;
    line-height: 26px;
    margin: 0;
    padding: 0px 130px;
}
.dental_vaction_mid_section{
    padding: 60px 0px 80px;
}
.dental_vaction_mid_content{}
.dental_vaction_mid_content h2 {
    color: #01494a;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.dental_vaction_mid_content p {
    color: #303030;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    padding: 10px 130px 15px;
    text-align: center;
}
.vacation_gallery_container {
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    width: 800px;
}
.vacation-form-bottom-area{
    height: 500px;
}
.vacation-form-bottom-tablecell{
    height: 500px;
}
.vacation-form-bottom-table {
    display: table;
    width: 100%;
    height: 500px;
}
.vacation-form-bottom-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.vacation-form-bottom-image{
    background: rgba(0, 0, 0, 0) url('../images/holiday_banner.png') no-repeat center center / cover ;
    height: 100%;
}
.vacation-form-bottom-image{
    position: relative;
    z-index: 1;
}
.vacation-form-bottom-image::after {
    background-color: #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.65;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}
.vacation_form {}
.vacation_form label {
    font-family: "Open Sans";
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
}
.vacation_form_group{}
.vacation_controls{}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #c4c4c4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #c4c4c4;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #c4c4c4;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #c4c4c4;
}
.vacation_form input[type="text"], 
.vacation_form input[type="email"] {
    background-color: #F2F2F2;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #222222;
    display: block;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 12px;
    padding: 5px;
    width: 100%;
}
.vacation_form input[type="text"]:hover, 
.vacation_form input[type="email"]:hover {
    background-color: #ffffff;
}
.vacation_form textarea {
    background-color: #F2F2F2;
    border: 1px solid #ffffff;
    border-radius: 3px;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 13px;
    color: #222222;
    height: 100px;
    margin-bottom: 20px;
    padding: 5px;
    width: 100%;
}
.vacation_form textarea:hover {
    background-color: #ffffff;
}
.vacation_form_submit {
    margin: 0 auto;
    width: 130px;
}
.vacation_form input[type="submit"] {
    background-color: #ffffff;
    /*border: 2px solid #b4e2f5;*/
    border-radius: 3px;
    color: #6b6b6b;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0px;
    width: 100%;
    text-transform: none;
}
.vacation_form input[type="submit"]:hover{
    background-color: #F2F2F2;
}

/* --------------------------------------------------------
15. Blog Page CSS
-----------------------------------------------------------*/
.page-title {
    background-color: #6b7c84;
    padding: 60px 0;
}
.page-title h2{
    color: #ffffff;
    font-size: 34px;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    text-align: left;
    /*text-transform: uppercase;*/
}
.page-banner-blog-image{
    background: rgba(0, 0, 0, 0) url('images/totallyme-blog.jpg') no-repeat center center / cover ;
    height: 100%;
}
/*.page-banner-blog-image{
    position: relative;
    z-index: 1;
}
.page-banner-blog-image::after {
    background-color: #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}*/
.blog-page{
    padding: 100px 0px;
    /*background-color: #C9C9C9;*/
}
.post-inner {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    margin-bottom: 60px;
    padding: 25px;
}
.post-inner-image{}
.post-title {
    padding: 10px 0 0;
}
.post-title h2 {
    color: #353232;
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.post-title a {
    color: #353232;
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.post-title a:hover {
    color: #662D91;
}
.post-meta-info{
    padding: 10px 0 0;
}
.post-date {
    color: #919191;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0; 
}
.post-comment-count{
    color: #919191;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.post-comment-count a{
    color: #919191;
}
.post-comment-count a:hover{
    color: #662D91;
    text-decoration: underline;
}
.post-author {
    color: #919191;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.post-author a{
    color: #919191;
}
.post-author a:hover{
    color: #662D91;
    text-decoration: underline;
}
.post-category-link {
    color: #919191;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.post-category-link a{
    color: #919191;
}
.post-category-link a:hover{
    color: #662D91;
    text-decoration: underline;
}
.post-content{
    padding: 10px 0 20px;
}

.post-content p {
    color: #6b6b6b;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    padding: 10px 0 0;
    text-align: justify;
}
.post-content img {
    height: 100%;
    padding-bottom: 20px;
    width: 100%;
}
.read-more-bt{}
.read-more-bt a{
    color: #42d5d7;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: justify;
    margin: 0;
    padding: 0;
}
.read-more-bt a:hover{
    color: #42d5d7;
    text-decoration: underline;
}
.read-more-bt i {
    font-size: 11px;
    padding-left: 5px;
}

/*Comment Section css*/
.swissnode-comment-section {
    /*padding: 0 40px 40px;*/
}
#comments .comments-list {
    padding: 0;
    margin: 0 0 20px 0;
}
#comments .comments-title a {
    font-weight: 500;
    margin-bottom: 20px;

}
h1#comments_title a{
    /*font-family: 'Roboto';*/
    font-size: 25px;
    font-weight: 700;
    color: #444444;
}
#comments .comments-list li .comment-box {
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
    -o-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
}
#comments .comments-list li ul {
    padding-left: 80px;
}
.children ol{
    list-style: none; 
}
.children ul{
    list-style: none; 
}
#comments .avatar {
    float: left;
}
#comments .avatar img {
    width: 60px;
    height: 60px;
    padding: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #e8e8e8;
}
#comments .comment-content {
    padding-left: 72px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.comment-content p {
    color: #9c9c9c;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
}

#comments .comment-content .comment-meta {
    margin-bottom: 5px;
}
.comment-content .comment-meta span {
    color: #666;
    content: "-";
    font-weight: 100;
    margin: 0 5px 0 0;
}
.comment-content .comment-meta span:last-child:after {
    /*content: "";*/
    margin: 0;
}
.comment-content .comment-meta .comment-by {
    color: #662d91;
    font-size: 14px;
    font-weight: 700;
}
.comment-content .comment-meta .comment-date {
    color: #9c9c9c;
    font-size: 14px;
    font-weight: 600;
}
.comment-by a {
    color: #662d91;
}
.comment-reply-title a{
    color: #9ab5eb;
}
.reply-link a {
    color: #9ab5eb;
    font-size: 14px;
    font-weight: 600;
}
.logged-in-as a{
    color: #9ab5eb;
}
label {
    font-size: 14px;
    color: #9c9c9c;
    font-weight: 400;
    /*cursor: pointer;*/
    /*float: left;*/
}
label .required {
    color: #ED2C3A;
    margin-left: 2px;
}

#respond .respond-title {
    font-weight: 500;
    margin-bottom: 15px;
}
.comment-notes{display: none;}
.form-allowed-tags{display: none;}

.comment-form-author, .comment-form-email, .comment-form-url{float: none;}
.comment-form-comment{float: none;}


#respond input[type="text"],
#respond textarea {
    border: 1px solid #c4c4c4;
    /*border-radius: 2px;*/
    color: #6b6b6b;
    display: block;
    width: 100%;
    /*font-family: "Roboto",sans-serif;*/
    font-size: 13px;
    margin-bottom: 10px;
    margin-right: 35px;
    outline: medium none;
    padding: 7px 6px;
    transition: all 0.4s ease-in-out 0s;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
    border-color: #c4c4c4;
    box-shadow: 0 0 3px #eee;
    -o-box-shadow: 0 0 3px #eee;
    -moz-box-shadow: 0 0 3px #eee;
    -webkit-box-shadow: 0 0 3px #eee;
}
a.main-button, input[type="submit"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #662d91;
    color: #662d91;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 10px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    transition: all 0.2s ease-in-out 0s;
}
a.main-button, .form-submit input[type="submit"]:hover {
    background: transparent none repeat scroll 0 0;
}
.totallyme-blogpage-nav{}
.nav-previous a {
    color: #ad5dee;
    font-size: 16px;
    font-weight: 700;
}
.nav-next a {
    color: #ad5dee;
    font-size: 16px;
    font-weight: 700;
}

/* PLUGIN
-------------------------------------------------------------- */

/* WP-PageNavi  Plugin  */
.wp-pagenavi {clear:both; padding:0px 0 0 0;}
.wp-pagenavi a{
    /*background-color: #ad5dee;*/
    border: medium none;
    color: #374044;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 35px;
    line-height: 23px;
    margin: 0 5px 0 0 !important;
    padding: 6px 12px !important;
}

.wp-pagenavi a:visited {
    border: 1px none !important;
    /*border-radius: 2px;*/
    color: #9c9c9c;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 23px;
    line-height: 23px;
    margin: 0 5px 0 0 !important;
    /*padding: 0 10px !important;*/
}

.wp-pagenavi a:hover{
    background-color: #42d5d7;
    border: medium none;
    color: #374044;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 35px;
    line-height: 23px;
    margin: 0 5px 0 0 !important;
    padding: 6px 12px !important;

}
.wp-pagenavi span.current {
    background-color: #42d5d7;
    border: medium none;
    color: #374044;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 35px;
    line-height: 23px;
    margin: 0 5px 0 0 !important;
    padding: 6px 12px !important;
}
.wp-pagenavi .pages {
    background: transparent none repeat scroll 0 0;
    border: 0 none !important;
    color: #9c9c9c;
    display: inline-block;
    font-size: 16px;
    height: 23px;
    line-height: 23px;
    margin: 0 5px 0 0 !important;
    padding: 0 10px 0 0 !important;
}

/* --------------------------------------------------------
16. Sidebar CSS
-----------------------------------------------------------*/
.single-sidebar {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    margin: 0 0 20px;
    padding: 25px 25px 10px;
}
.single-sidebar h2 {
    color: #353232;
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 0 0 15px;
}
.list-items,
.single-sidebar ul {
    list-style: outside none none;
    margin: 0 0 15px;
    padding: 0;
}
.list-items li, 
.single-sidebar ul li {
    border-top: 1px solid #d9d9d9;
    padding: 10px 0;
}
.single-sidebar ul li a{ 
    color: #919191;
    font-size: 14px;
}
.single-sidebar ul li a:hover{ 
    color: #42d5d7;
}
.list-items li:after,
.single-sidebar ul li:after {
    content: "";
    font-family: "FontAwesome";
    margin-left: 10px;
}
.search-form input[type="search"] {
    background: none repeat scroll 0 0 #eee;
    border: medium none;
    padding: 10px 40px 10px 10px;
    width: 100%;
}
.search-form button[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    position: absolute;
    right: 10px;
    top: 10px;
}
.search-form {
    padding-bottom: 20px;
    position: relative;
}

/* -----------------------------------------------------------
17. Contact Page CSS
-----------------------------------------------------------*/
.contact_page_form{
    background-color: #42D5D7;
    padding: 90px 0px 65px;
}
.contact_form {}
.contact_form label {
    font-family: "Open Sans";
    color: #014040;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
}
.contact_form_group{}
.contact_controls{}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #c4c4c4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #c4c4c4;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #c4c4c4;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #c4c4c4;
}
.contact_form input[type="text"], 
.contact_form input[type="email"] {
    background-color: #F2F2F2;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #222222;
    display: block;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 12px;
    padding: 5px;
    width: 100%;
}
.contact_form input[type="text"]:hover, 
.contact_form input[type="email"]:hover {
    background-color: #ffffff;
}
.contact_form textarea {
    background-color: #F2F2F2;
    border: 1px solid #ffffff;
    border-radius: 3px;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 13px;
    color: #222222;
    height: 100px;
    margin-bottom: 20px;
    padding: 5px;
    width: 100%;
}
.contact_form textarea:hover {
    background-color: #ffffff;
}
.contact_form_submit {
    margin: 0 auto;
    width: 130px;
}
.contact_form input[type="submit"] {
    background-color: #014040;
    border: 1px solid #ffffff;
    color: #fff;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
    text-transform: none;
    width: 100%;
}
.contact_form input[type="submit"]:hover{
    background-color: #014040;
}


/* -----------------------------------------------------------
18. Footer CSS
-----------------------------------------------------------*/
footer.footer{
}
.footer_top {
    background: none repeat scroll 0 0 #6b7c84;
    padding: 35px 0px;
}
.foo-custom-col-1,
.foo-custom-col-2,
.foo-custom-col-3{
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
}
.foo-custom-col-1{
    width: 24%;
}
.foo-custom-col-2{
    width: 20%;
}
.foo-custom-col-3{
    width: 16%;
}
.footer-box-non-border{
    /*position: relative;*/
    padding: 10px 0px;
}
.footer-box-non-border h2 {
    color: #374044;
    font-family: "Ubuntu";
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.footer-box-non-border p{
    font-family: "Open Sans";
    font-size: 13px;
    color: #ffffff;
    font-weight: 400;
    line-height: 26px;
    /*padding-left: 20px;*/
    margin: 0;
}
.footer-box-border{
    position: relative;
    padding: 10px 0px;
}
.footer-box-border::before{
    content: "";
    position: absolute;
    height: 220px;
    top: 0;
    background-color: #ffffff;
    width: 1px;
}
.footer-box-border h2{
    font-family: "Ubuntu";
    font-size: 13px;
    color: #374044;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    text-transform: uppercase;
}
.footer-box-border p{
    font-family: "Open Sans";
    font-size: 13px;
    color: #ffffff;
    font-weight: 400;
    line-height: 26px;
    padding-left: 20px;
    margin: 0;
}

.footer-box-border ul{
    margin: 0;
    padding: 0;
}
.footer-box-border ul li{
    list-style: none;
    padding-left: 20px;
}
.footer-box-border ul li a {
    font-family: "Open Sans";
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    padding: 5px 0px;
    font-size: 13px;
    color: #ffffff;
}
.footer-box-border ul li a:hover {
    color: #064040;
}

.footer_bottom {
    background: none repeat scroll 0 0 #313c41;
    padding: 15px 0px;
    margin-top: 1px;
}
.copyright{}
.copyright p{
    font-family: "Open Sans";
    font-weight: 400;
    line-height: normal;
    font-size: 12px;
    color: #ffffff;
    margin: 0;
    padding-top: 10px;
}
.copyright a{
    font-family: "Open Sans";
    font-weight: 400;
    line-height: normal;
    font-size: 12px;
    color: #049598;
    margin: 0;
    padding: 0;
}

.joffe-fo-social {
    margin-top: 6px;
    text-align: right;
}
.joffe-fo-social a {
    border: 2px solid #9e9e9e;
    border-radius: 50%;
    color: #9e9e9e;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 27px;
    margin: 0 10px 10px 0;
    text-align: center;
    width: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.joffe-fo-social a:hover {
    border: 2px solid #ffffff;
    color: #ffffff;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}

/* --------------------------------------------------------
19. Error Page CSS
-----------------------------------------------------------*/
.error_page{
    padding: 60px 0;
}
.error_page h1 {
    color: #6b7c84;
    font-size: 90px;
    font-weight: 700;
    line-height: 100px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.error_page h3{
    color: #9c9c9c;
    font-size: 45px;
    font-weight: 400;
    text-align: center;
    line-height: 70px;
    margin: 0;
    padding: 0;
}
.error_page p{
    color: #9c9c9c;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    line-height: 28px;
    margin: 0;
    padding-bottom: 30px;
}
.btn-404 {
    line-height: 14px;
    padding: 20px 0 0;
    text-align: center;
}
.btn-404 a {
    background-color: #42d5d7;
    border: 2px solid #2f9999;
    border-radius: 22px;
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
    width: 130px;
}
.btn-404 a:hover {
    background-color: #014040;
    color: #ffffff;
}