 @charset "UTF-8";
 /* CSS Document */
 /*------------------------------------------------------------------

Template Name:      Site | Dental Clinic a Medical Bootstrap Responsive Website Template
Version:            1.0.0
Date:               15/05/2017
Author:             Jitu Chauhan

------------------------------------------------------------------
[CSS Table of contents]

1.  Body / Typography 
2.  Form Elements
3.  Buttons
4.  General / Elements
        4.1 Section space
        4.2 Margin space
        4.3 Padding space
        4.4 Background color
        4.5 Features
        4.6 Bullets 
        4.7 Call to actions
        4.8 Img hover effect
        4.9 Icon
        4.10 Paginations

        -----------------------
5. Header / Navigations
        5.1 Header Regular
        5.2 Header Transparent
        5.3 Navigation Regular
        5.4 Page Header

        -----------------------
6. Slider
        6.1 Slider
        -----------------------
7. Content
8. Footers
9. Template Pages
    9.1  About us
    9.2  Service
    9.3  Testimonial
    9.4  Team
    9.5  Pricing
    9.6  Location
    9.7  Contact us
    9.8  Faq
    ------------------------------------
10.Blog
    10.1 Blog Default
    10.2 Blog Single
    10.3 Add new if new update
    ------------------------------------
  
11.Sidebar
    11.1 Widget
    11.2 Sidenav
    ------------------------------------
12. Shortcodes
    12.2 Accordions
    --------------------------

13. Back To Top    

14. Media Queries
-------------------------------------------------------------------*/
 /*-------------------------------------------------------------------
1.  Body / Typography 
-------------------------------------------------------------------*/
 
 body {
     font-family: 'Quicksand', sans-serif;
     font-size: 16px;
     line-height: 1.6;
     color: #726e70;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 400;
     margin: 0px 0px 20px 0px;
     color: #252324;
 }
 
 h1 {
     font-size: 32px;
     line-height: 36px;
 }
 
 h2 {
     font-size: 26px;
 }
 
 h3 {
     font-size: 20px;
 }
 
 h4 {
     font-size: 18px;
     line-height: 28px;
 }
 
 h5 {}
 
 h6 {}
 
 p {
     margin-bottom: 20px;
 }
 
 p:last-child {
     margin-bottom: 0px;
 }
 
 a {
     color: #95014f;
 }
 
 a:focus,
 a:hover {
     color: #95014f;
     text-decoration: none;
 }
 
 a:active,
 a:hover {
     outline: 0;
 }
 
 ol,
 ul {}
 
 ol li,
 ul li {}
 
 strong {
     color: #252324;
 }
 
 small {}
 
 .lead {
     font-size: 21px;
     line-height: 32px;
 }
 
 .listnone {
     list-style: none;
     padding: 0px;
 }
 
 .title {
     color: #252324;
 }
 
 .alignnone {
     margin: 5px 20px 20px 0;
 }
 
 .aligncenter,
 div.aligncenter {
     display: block;
     margin: 5px auto 5px auto;
 }
 
 .alignright {
     float: right;
     margin: 5px 0 20px 20px;
 }
 
 .alignleft {
     float: left;
     margin: 5px 20px 20px 0;
 }
 /*------------------------------------------------------------------- 
2. Form
-------------------------------------------------------------------*/
 
 label {
     color: #252324;
     font-size: 13px;
     margin-bottom: 4px;
 }
 
 input {}
 
 button {}
 
 input.form-control {
     height: 40px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc8c1;
     border-radius: 0px;
     box-shadow: none;
 }
 
 select.form-control {
     height: 40px;
     border-radius: 0px;
     box-shadow: none;
 }
 
 textarea.form-control {
     border-radius: 0px;
     height: auto;
     margin-bottom: 20px;
     box-shadow: none;
 }
 
 .btn {
     border-radius: 0px !important;
 }
 
 button.btn-default {}
 
 button.btn-primary {}
 
 .form-control:focus {
     border-color: #66afe9;
     outline: 0;
     box-shadow: none;
 }
 
 address {}
 
 .required {
     color: #ff0000;
     font-size: 12px;
     float: right;
 }
 /*----------------------- 
3. Buttons
-------------------------*/
 
 .btn {
     padding: 8px 16px;
     margin-bottom: 0;
     font-size: 16px;
     font-weight: 600;
     border-radius: 4px;
 }
 /*--- btn default --*/
 
 .btn-default {
     color: #fff;
     background-color: #95014f;
     border-color: #95014f;
 }
 
 .btn-default:hover {
     color: #fff;
     background-color: #b71168;
     border-color: #b71168;
 }
 
 .btn-default.focus,
 .btn-default:focus {
     color: #333;
     background-color: #e6e6e6;
     border-color: #8c8c8c;
 }
 /*--- btn primary --*/
 
 .btn-primary {
     color: #252324;
     background-color: #f0e8d8;
     border-color: #f0e8d8;
 }
 
 .btn-primary:hover {
     color: #252324;
     background-color: #fff5e2;
     border-color: #fff5e2;
 }
 
 .btn-primary.focus,
 .btn-primary:focus {
     color: #252324;
     background-color: #fff5e2;
     border-color: #fff5e2;
 }
 /*--- btn secondary --*/
 
 .btn-secondary {
     color: #fff;
     background-color: #424041;
     border-color: #424041;
 }
 
 .btn-secondary:hover {
     color: #fff;
     background-color: #252324;
     border-color: #252324;
 }
 
 .btn-secondary.focus,
 .btn-secondary:focus {
     color: #fff;
     background-color: #252324;
     border-color: #252324;
 }
 /*--- btn size --*/
 
 .btn-xs {
     padding: 1px 5px;
     font-size: 12px;
     line-height: 1.5;
 }
 
 .btn-sm {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5;
 }
 
 .btn-lg {
     padding: 14px 26px;
     font-size: 18px;
     line-height: 1.3333333;
 }
 /*--- btn link --*/
 
 .btn-link {
     font-size: 16px;
     color: #252324;
     font-weight: 600;
     text-decoration: underline;
 }
 
 .btn-link:hover {
     color: #95014f;
     text-decoration: none;
 }
 /*-------------------------------------------------------------------
4. General / Elements
-------------------------------------------------------------------*/
 /*--- 4.1 Section space ---*/
 /*Note: Section space help to create top bottom space;*/
 
 .space-xs-small {
     padding-top: 20px;
     padding-bottom: 20px;
 }
 
 .space-small {
     padding-top: 40px;
     padding-bottom: 40px;
 }
 
 .space-medium {
     padding-top: 80px;
     padding-bottom: 80px;
 }
 
 .space-large {
     padding-top: 100px;
     padding-bottom: 100px;
 }
 
 .space-ex-large {
     padding-top: 120px;
     padding-bottom: 120px;
 }
 
 .section-title {
     margin-bottom: 60px;
 }
 /*--- 4.2 Margin Space ---*/
 
 .mb0 {
     margin-bottom: 0px;
 }
 
 .mb10 {
     margin-bottom: 10px;
 }
 
 .mb20 {
     margin-bottom: 20px;
 }
 
 .mb30 {
     margin-bottom: 30px;
 }
 
 .mb40 {
     margin-bottom: 40px;
 }
 
 .mb60 {
     margin-bottom: 60px;
 }
 
 .mb80 {
     margin-bottom: 80px;
 }
 
 .mb100 {
     margin-bottom: 100px;
 }
 
 .mt0 {
     margin-top: 0px;
 }
 
 .mt10 {
     margin-top: 10px;
 }
 
 .mt20 {
     margin-top: 20px;
 }
 
 .mt30 {
     margin-top: 30px;
 }
 
 .mt40 {
     margin-top: 40px;
 }
 
 .mt60 {
     margin-top: 60px;
 }
 
 .mt80 {
     margin-top: 80px;
 }
 
 .mt100 {
     margin-top: 100px;
 }
 /*----- less margin space from top --*/
 
 .mt-20 {
     margin-top: -20px;
 }
 
 .mt-40 {
     margin-top: -40px;
 }
 
 .mt-60 {
     margin-top: -60px;
 }
 
 .mt-80 {
     margin-top: -80px;
 }
 /*--- 4.3 Padding space ---*/
 
 .nopadding {
     padding: 0px;
 }
 
 .nopr {
     padding-right: 0px;
 }
 
 .nopl {
     padding-left: 0px;
 }
 
 .pinside10 {
     padding: 10px;
 }
 
 .pinside20 {
     padding: 20px;
 }
 
 .pinside30 {
     padding: 30px;
 }
 
 .pinside40 {
     padding: 40px;
 }
 
 .pinside50 {
     padding: 50px;
 }
 
 .pinside60 {
     padding: 60px;
 }
 
 .pinside80 {
     padding: 80px;
 }
 
 .pinside130 {
     padding: 130px;
 }
 
 .pdt10 {
     padding-top: 10px;
 }
 
 .pdt20 {
     padding-top: 20px;
 }
 
 .pdt30 {
     padding-top: 30px;
 }
 
 .pdt40 {
     padding-top: 40px;
 }
 
 .pdt60 {
     padding-top: 60px;
 }
 
 .pdt80 {
     padding-top: 80px;
 }
 
 .pdb10 {
     padding-bottom: 10px;
 }
 
 .pdb20 {
     padding-bottom: 20px;
 }
 
 .pdb30 {
     padding-bottom: 30px;
 }
 
 .pdb40 {
     padding-bottom: 40px;
 }
 
 .pdb60 {
     padding-bottom: 60px;
 }
 
 .pdb80 {
     padding-bottom: 80px;
 }
 
 .pdl10 {
     padding-left: 10px;
 }
 
 .pdl20 {
     padding-left: 20px;
 }
 
 .pdl30 {
     padding-left: 30px;
 }
 
 .pdl40 {
     padding-left: 40px;
 }
 
 .pdl60 {
     padding-left: 60px;
 }
 
 .pdl80 {
     padding-left: 80px;
 }
 
 .pdr10 {
     padding-right: 10px;
 }
 
 .pdr20 {
     padding-right: 20px;
 }
 
 .pdr30 {
     padding-right: 30px;
 }
 
 .pdr40 {
     padding-right: 40px;
 }
 
 .pdr60 {
     padding-right: 60px;
 }
 
 .pdr80 {
     padding-right: 80px;
 }
 /*--- 4.4 Background & Block color ---*/
 
 .bg-white {
     background-color: #ffffff;
 }
 
 .bg-default {
     background-color: #f7f4ee;
 }
 
 .bg-primary {
     background-color: #95014f;
     color: #fff;
 }
 
 .bg-secondary {
     background-color: #e8e4dc;
     color: #fff;
 }
 
 .text-white {
     color: #fff;
 }
 
 .text-default {
     color: #95014f;
 }
 /*--- 4.5 Features ---*/
 
 .feature {}
 
 .feature-bg {
     background-color: #f7f4ee;
     border-top: 4px solid #e8e4dc;
 }
 
 .feature-block {
     padding: 30px;
     position: relative;
 }
 
 .relative {
     position: relative;
 }
 
 .feature-icon-block {}
 
 .feature-icon {
     margin-bottom: 30px;
 }
 
 .feature-content,
 .feature-title {
     position: inherit;
 }
 
 .feature-blurb-text {
     margin-bottom: 30px;
 }
 
 .bgx1 {
     background: url(../images/1.png) right top no-repeat;
 }
 
 .bgx2 {
     background: url(../images/2.png) right top no-repeat;
 }
 
 .bgx3 {
     background: url(../images/3.png) right top no-repeat;
 }
 
 .bgx3,
 .bgx2,
 .bgx1 {
     position: absolute;
     height: 100%;
     width: 100%;
     right: 0;
     opacity: .1;
 }
 /*--- 4.6 Bullets ---*/
 
 .arrow {
     position: relative;
     line-height: 30px;
     padding-left: 20px;
 }
 
 .arrow li:before {
     font-family: 'FontAwesome';
     display: block;
     position: absolute;
     left: 0;
     font-size: 16px;
     color: #827e80;
     content: "\f105";
 }
 /*--- 4.7 Call to actions ---*/
 
 .cta-section {}
 
 .cta-title {
     color: #fff;
     margin-bottom: 0px;
 }
 
 .cta-content {}
 
 .cta-text {}
 
 .cta-action {
     margin-top: 20px;
     text-align: center;
 }
 /*--- 4.8 Img hover effect ---*/
 /*--- 4.9 Icon ---*/
 
 .icon {}
 
 .icon-1x {
     font-size: 19px;
 }
 
 .icon-2x {
     font-size: 30px;
 }
 
 .icon-3x {
     font-size: 40px;
 }
 
 .icon-4x {
     font-size: 50px;
 }
 
 .icon-default {
     color: #9f1a5f;
 }
 
 .icon-primary {
     color: #252324;
 }
 
 .icon-secondary {}
 
 .fa-default {}
 
 .fa-primary {}
 /*--- 4.10 Paginations ---*/
 /*-------------------------------------------------------------------
 5. Header / Navigations
-------------------------------------------------------------------*/
 /*--- 5.1 Header Regular ---*/
 
 .header-wrapper {
     position: relative;
     z-index: 999;
 }
 
 .header {
     background-color: #fff;
     padding-top: 10px;
     padding-bottom: 20px;
 }
 
 .header-text {
     text-align: right;
 }
 
 .call-text {
     font-size: 20px;
     color: #95014f;
     padding-right: 20px;
 }
 /*--- 5.2 Header Transparent ---*/
 /*--- 5.3 Navigation Regular ---*/
 
 .navigation-wrapper {
     background-color: #e8e4dc;
     border-top: 3px solid #ccc8c1;
 }
 
 .is-sticky .navigation-wrapper {}
 
 .navigation {
     position: relative;
     z-index: 9;
 }
 
 #navigation,
 #navigation ul,
 #navigation ul li,
 #navigation ul li a,
 #navigation #menu-button {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 #navigation:after,
 #navigation>ul:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }
 
 #navigation #menu-button {
     display: none;
 }
 
 #navigation {}
 
 #navigation>ul>li {
     float: left;
 }
 
 #navigation.align-center>ul {
     font-size: 0;
     text-align: center;
 }
 
 #navigation.align-center>ul>li {
     display: inline-block;
     float: none;
 }
 
 #navigation.align-center ul ul {
     text-align: left;
 }
 
 #navigation.align-right>ul>li {
     float: right;
 }
 
 #navigation>ul>li>a {
     padding: 16px 20px;
     font-size: 14px;
     text-decoration: none;
     color: #252324;
     font-weight: 500;
     text-transform: uppercase;
 }
 
 #navigation ul li:hover a,
 #navigation ul li.active a {
     color: #252324;
     background-color: #ccc8bf;
 }
 
 #navigation ul li.has-sub ul li a {
     color: #252324;
     background-color: #E8E4DC;
 }
 
 #navigation>ul>li.has-sub>a {
     padding-right: 35px;
 }
 /*#navigation > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}*/
 
 #navigation>ul>li.has-sub>a:before {
     position: absolute;
     right: 20px;
     font-family: FontAwesome;
     content: "\f107";
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 /*#navigation > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}*/
 
 #navigation ul ul {
     position: absolute;
     left: -9999px;
 }
 
 #navigation.align-right ul ul {
     text-align: right;
 }
 
 #navigation ul ul li {
     height: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 
 #navigation li:hover>ul {
     left: auto;
 }
 
 #navigation.align-right li:hover>ul {
     left: auto;
     right: 0;
 }
 
 #navigation li:hover>ul>li {
     height: 47px;
 }
 
 #navigation ul ul ul {
     margin-left: 100%;
     top: 0;
 }
 
 #navigation.align-right ul ul ul {
     margin-left: 0;
     margin-right: 100%;
 }
 
 #navigation ul ul li a {
     border-bottom: 1px solid rgba(188, 183, 173, 1);
     padding: 16px 15px;
     width: 260px;
     font-size: 14px;
     text-decoration: none;
     color: #252324;
     background: #ccc8bf;
     font-weight: 500;
     text-transform: uppercase;
 }
 
 #navigation ul ul li:last-child>a,
 #navigation ul ul li.last-item>a {
     border-bottom: 0;
 }
 
 #navigation ul ul li:hover>a,
 #navigation ul ul li a:hover {
     color: #252324;
     background-color: #e8e4dc;
 }
 
 #navigation ul ul li.has-sub>a:after {
     position: absolute;
     top: 21px;
     right: 11px;
     width: 8px;
     height: 2px;
     display: block;
     background: #95014f;
     content: '';
 }
 
 #navigation.align-right ul ul li.has-sub>a:after {
     right: auto;
     left: 11px;
 }
 
 #navigation ul ul li.has-sub>a:before {
     position: absolute;
     top: 18px;
     right: 14px;
     display: block;
     width: 2px;
     height: 8px;
     background: #95014f;
     content: '';
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 
 #navigation.align-right ul ul li.has-sub>a:before {
     right: auto;
     left: 14px;
 }
 
 #navigation ul ul>li.has-sub:hover>a:before {
     top: 17px;
     height: 0;
 }
 /*--- Mobile Scree Class ---*/
 
 #navigation.small-screen {
     width: 100%;
 }
 
 #navigation.small-screen ul {
     width: 100%;
     display: none;
 }
 
 #navigation.small-screen.align-center>ul {
     text-align: left;
 }
 
 #navigation.small-screen ul li {
     width: 100%;
     border-top: 1px solid #c9c5bd;
 }
 
 #navigation.small-screen ul ul li,
 #navigation.small-screen li:hover>ul>li {
     height: auto;
 }
 
 #navigation.small-screen ul li a,
 #navigation.small-screen ul ul li a {
     width: 100%;
     border-bottom: 0;
     padding: 15px 15px;
 }
 
 #navigation.small-screen>ul>li {
     float: none;
 }
 
 #navigation.small-screen ul ul li a {
     padding-left: 50px;
 }
 
 #navigation.small-screen ul ul ul li a {
     padding-left: 35px;
 }
 
 #navigation.small-screen ul ul li a {
     color: #4a4c4f;
     background: #dedad2;
 }
 
 #navigation.small-screen ul ul li:hover>a,
 #navigation.small-screen ul ul li.active>a {
     color: #95014f;
 }
 
 #navigation.small-screen ul ul,
 #navigation.small-screen ul ul ul,
 #navigation.small-screen.align-right ul ul {
     position: relative;
     left: 0;
     width: 100%;
     margin: 0;
     text-align: left;
 }
 
 #navigation.small-screen>ul>li.has-sub>a:after,
 #navigation.small-screen>ul>li.has-sub>a:before,
 #navigation.small-screen ul ul>li.has-sub>a:after,
 #navigation.small-screen ul ul>li.has-sub>a:before {
     display: none;
 }
 
 #navigation.small-screen #menu-button {
     display: block;
     padding: 17px;
     color: #3b383d;
     cursor: pointer;
     font-size: 16px;
 }
 
 #navigation.small-screen #menu-button:after {
     position: absolute;
     top: 22px;
     right: 17px;
     display: block;
     height: 8px;
     width: 20px;
     border-top: 2px solid #3b383d;
     border-bottom: 2px solid #3b383d;
     content: '';
 }
 
 #navigation.small-screen #menu-button:before {
     position: absolute;
     top: 16px;
     right: 17px;
     display: block;
     height: 2px;
     width: 20px;
     background: #353333;
     content: '';
 }
 
 #navigation.small-screen #menu-button.menu-opened:after {
     top: 23px;
     border: 0;
     height: 2px;
     width: 15px;
     background: #3b383d;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 
 #navigation.small-screen #menu-button.menu-opened:before {
     top: 23px;
     background: #353333;
     width: 15px;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 
 #navigation.small-screen .submenu-button {
     position: absolute;
     z-index: 99;
     right: 0;
     top: 0;
     display: block;
     border-left: 1px solid #c9c5bd;
     height: 44px;
     width: 46px;
     cursor: pointer;
 }
 
 #navigation.small-screen .submenu-button.submenu-opened {
     background: #95014f;
 }
 
 #navigation.small-screen ul ul .submenu-button {
     height: 34px;
     width: 34px;
 }
 
 #navigation.small-screen .submenu-button:after {
     position: absolute;
     top: 22px;
     right: 19px;
     width: 8px;
     height: 2px;
     display: block;
     background: #393336;
     content: '';
 }
 
 #navigation.small-screen ul ul .submenu-button:after {
     top: 15px;
     right: 13px;
 }
 
 #navigation.small-screen .submenu-button.submenu-opened:after {
     background: #ffffff;
 }
 
 #navigation.small-screen .submenu-button:before {
     position: absolute;
     top: 19px;
     right: 22px;
     display: block;
     width: 2px;
     height: 8px;
     background: #393336;
     content: '';
 }
 
 #navigation.small-screen ul ul .submenu-button:before {
     top: 12px;
     right: 16px;
 }
 
 #navigation.small-screen .submenu-button.submenu-opened:before {
     display: none;
 }
 
 #navigation.small-screen.select-list {
     padding: 5px;
 }
 /*--- 5.4 Page Header ---*/
 
 .page-header {
     background-color: #bf6382;
     padding: 76px 0px;
     margin: 0px;
     border-bottom: transparent;
     background: url(../images/page-header.jpg) no-repeat center;
     background-size: cover;
 }
 
 .page-title {
     font-size: 42px;
     color: #fff;
     margin-bottom: 10px;
     font-weight: 400;
 }
 
 .page-description {
     color: #fff;
 }
 
 .page-breadcrumb {}
 
 .page-breadcrumb .breadcrumb {
     background-color: transparent;
     border-radius: 0px;
     padding: 0px 0px 14px 0px;
     font-size: 14px;
 }
 
 .page-breadcrumb .breadcrumb>li {
     display: inline-block;
 }
 
 .page-breadcrumb .breadcrumb>li a {
     color: #ec98c4;
 }
 
 .page-breadcrumb .breadcrumb>.active {
     color: #fff;
 }
 
 .page-breadcrumb .breadcrumb>li+li:before {
     padding: 0 5px;
     color: #ec98c4;
     content: "\f101";
     font: normal normal normal 14px/1 FontAwesome;
 }
 /*-------------------------------------------------------------------
 6. Slider 
-------------------------------------------------------------------*/
 
 .slider {
     position: relative;
     margin-bottom: -36px;
 }
 
 .slider-img {
     background: -moz-linear-gradient(top, rgba(9, 47, 87, 0.6) 0%, rgba(9, 47, 87, 0.6) 100%);
     background: -webkit-linear-gradient(top, rgba(9, 47, 87, 0.6) 0%, rgba(9, 47, 87, 0.6) 100%);
     background: linear-gradient(to bottom, rgba(9, 47, 87, 0.6) 0%, rgba(9, 47, 87, 0.6) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b2626', endColorstr='#1b2626', GradientType=0);
     position: relative;
 }
 
 .slider-img img {
     position: relative;
     z-index: -1;
 }
 
 .slider-captions {
     position: absolute;
     bottom: 110px;
     width: 50%;
 }
 
 .slider-title {
     font-size: 60px;
     font-weight: 400;
     color: #fff;
     text-transform: capitalize
 }
 
 .slider-text {
     margin-bottom: 20px;
     color: #46484b;
     color: #fff;
 }
 
 .slider .owl-prev {
     position: absolute;
     top: 45%;
     left: 10px;
 }
 
 .slider .owl-next {
     position: absolute;
     top: 45%;
     right: 10px;
 }
 
 .slider .owl-prev,
 .slider .owl-next {
     background-color: #e8e4dc;
     padding: 10px 16px;
     border-radius: 2px;
     font-size: 18px;
 }
 
 .slider .owl-prev:hover,
 .slider .owl-next:hover {
     background-color: #ccc8bf;
     color: #fff;
 }
 
 .slider .owl-theme .owl-nav [class*='owl-'] {
     color: #252324;
     font-size: 14px;
     margin: 5px;
     padding: 4px 12px;
     background: #e8e4dc;
     display: inline-block;
     cursor: pointer;
     border-radius: 2px;
 }
 
 .slider .owl-theme .owl-nav [class*='owl-']:hover {
     background: #393336;
     color: #FFF;
     text-decoration: none;
 }
 
 .slider .owl-theme .owl-dots .owl-dot span {
     width: 8px;
     height: 8px;
     margin: 5px 7px;
     background: #fff;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity 200ms ease;
     border-radius: 4px;
 }
 
 .slider .owl-theme .owl-dots {
     text-align: center;
     -webkit-tap-highlight-color: transparent;
     bottom: 50px;
     position: relative;
 }
 
 .slider .owl-theme .owl-dots .owl-dot.active span,
 .slider .owl-theme .owl-dots .owl-dot:hover span {
     background: #95014f;
 }
 /*-------------------------------------------------------------------
 7. Content 
-------------------------------------------------------------------*/
 
 .content {
     margin-top: 60px;
     margin-bottom: 60px;
 }
 
 .sidebar {}
 /*-------------------------------------------------------------------
 8. Footer 
-------------------------------------------------------------------*/
 
 .footer {
     background-color: #201e1f;
     padding-top: 60px;
     padding-bottom: 60px;
     color: #878385;
 }
 
 .footer-widget {}
 
 .footer-widget .widget-title {
     color: #fff;
     font-size: 20px;
 }
 
 .footer-widget ul {}
 
 .footer-widget ul li {}
 
 .footer-widget ul li a {
     color: #878385;
 }
 
 .footer-widget ul li a:hover {
     color: #95014f;
 }
 
 .contact {}
 
 .contact li {
     padding-left: 40px;
     margin-bottom: 20px;
     position: relative;
 }
 
 .contact li i {
     position: absolute;
     left: 10px;
     top: 6px;
 }
 
 .tiny-footer {
     background-color: #252324;
     font-size: 13px;
     text-align: center;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .footer-social {}
 
 .footer-social ul li {}
 
 .footer-social ul li a {
     font-size: 16px;
     width: 30px;
     height: 30px;
     display: block;
     margin-left: 6px;
     color: #fff;
     margin-bottom: 5px;
     text-align: center;
     border-radius: 100%;
     padding: 4px;
 }
 
 .footer-social ul li a:hover {
     color: #fff;
 }
 
 .facebook-btn {
     background-color: #3b5998;
 }
 
 .facebook-btn:hover {
     color: #fff;
     background-color: #4c73c3;
 }
 
 .twitter-btn {
     background-color: #1da1f2;
 }
 
 .twitter-btn:hover {
     background-color: #46b8fd;
 }
 
 .google-plus-btn {
     background-color: #ea4335;
 }
 
 .google-plus-btn:hover {
     background-color: #ff594b;
 }
 
 .linkedin-btn {
     background-color: #1178b2;
 }
 
 .linkedin-btn:hover {
     background-color: #1f99de;
 }
 
 .youtube-btn {
     background-color: #ea4335;
 }
 
 .youtube-btn {
     background-color: #ff594b;
 }
 /*-------------------------------------------------------------------
 9. Template Pages
-------------------------------------------------------------------*/
 
 .treatment-block {
     background-color: #f7f4ee;
     margin-bottom: 30px;
 }
 
 .treatment-icon {
     background-color: #95014f;
     border-radius: 100%;
     width: 90px;
     height: 90px;
     color: #fff;
     text-align: center;
     font-size: 40px;
     line-height: 2.1;
 }
 
 .treatment-content {}
 
 .treatment-block-horizontal {
     background-color: #f7f4ee;
     margin-bottom: 30px;
     padding: 30px;
 }
 
 .treatment-block-horizontal .treatment-icon {
     float: left;
     margin-right: 30px;
 }
 
 .testi .testimonial-block {
     margin-bottom: 60px;
 }
 
 .testimonial-img {}
 
 .testimonial-content {
     margin-bottom: 20px;
     font-family: 'Lora', serif;
     color: #252324;
     font-size: 18px;
     line-height: 32px;
     font-style: italic;
 }
 
 .testimonial-text {}
 
 .testimonial-info {}
 
 .testimonial-name {
     margin-bottom: 0px;
     font-weight: 500;
 }
 
 .testimonial-meta {
     color: #95014f;
     padding-left: 10px;
     font-size: 14px;
 }
 
 .bf-gallery-block {}
 
 .before-img {
     margin-right: 2px;
 }
 
 .after-img {
     margin-left: 2px;
 }
 
 .ba-gallery {}
 
 .before-caption,
 .after-caption {
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #252324;
     font-weight: 600;
     font-size: 14px;
 }
 
 .before-caption {
     position: absolute;
     bottom: 10px;
     left: 30px;
 }
 
 .after-caption {
     position: absolute;
     bottom: 10px;
     right: 30px;
 }
 
 .ba-gallery .owl-prev {
     position: absolute;
     top: 40%;
     left: 10px;
 }
 
 .ba-gallery .owl-next {
     position: absolute;
     top: 40%;
     right: 10px;
 }
 
 .ba-gallery .owl-prev,
 .ba-gallery .owl-next {
     background-color: #e8e4dc;
     padding: 10px 16px;
     border-radius: 2px;
     font-size: 18px;
 }
 
 .ba-gallery.owl-prev:hover,
 .ba-gallery .owl-next:hover {
     background-color: #ccc8bf;
     color: #fff;
 }
 
 .ba-gallery.owl-theme .owl-nav [class*='owl-'] {
     color: #252324;
     font-size: 14px;
     margin: -2px 5px 0;
     padding: 4px 12px;
     background: #e8e4dc;
     display: inline-block;
     cursor: pointer;
     border-radius: 2px;
 }
 
 .ba-gallery.owl-theme .owl-nav [class*='owl-']:hover {
     background: #393336;
     color: #FFF;
     text-decoration: none;
 }
 
 .ba-gallery.owl-theme .owl-dots .owl-dot span {
     width: 8px;
     height: 8px;
     margin: 5px 7px;
     background: #e8e4dc;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity 200ms ease;
     border-radius: 4px;
 }
 
 .ba-gallery.owl-theme .owl-dots {
     text-align: center;
     -webkit-tap-highlight-color: transparent;
     bottom: 0px;
     position: relative;
 }
 
 .ba-gallery.owl-theme .owl-dots .owl-dot.active span,
 .ba-gallery .owl-theme .owl-dots .owl-dot:hover span {
     background: #95014f;
 }
 
 .faq-block {
     margin-bottom: 60px;
     border-bottom: 1px solid #f7f4ee;
     padding-bottom: 30px;
 }
 
 .faq-block h2 {
     margin-bottom: 40px;
     color: #95014f;
 }
 
 .faq-block ul li {
     margin-bottom: 30px;
 }
 
 .pricing-block {
     background-color: #f7f4ee;
     padding: 30px;
     margin-bottom: 30px;
 }
 
 .price-list {
     margin-bottom: 30px;
 }
 
 .price-list-item {
     border-bottom: 1px solid #e8e4dc;
     margin-bottom: 10px;
     padding-bottom: 10px;
     color: #252324;
 }
 
 .price {
     float: right;
     font-weight: 600;
     color: #252324;
 }
 
 .appointment-form {}
 
 .appointment-form .form-group {
     display: inline-block;
     width: 100%;
     margin-bottom: 10px;
 }
 
 .appointment-form .input-group-addon {
     padding: 6px 12px;
     font-size: 14px;
     font-weight: 400;
     line-height: 1;
     color: #555;
     text-align: center;
     background-color: #ccc8c1;
     border: 1px solid #ccc8c1;
 }
 
 .appointment-form-block {
     margin-top: 40px;
 }
 
 .team-block {
     margin-bottom: 10px;
 }
 
 .team-img {
     margin-bottom: 20px;
 }
 
 .team-title {}
 
 .team-content {
     text-align: center;
 }
 
 .location-block {
     margin-bottom: 60px;
 }
 
 .location-header {
     margin-bottom: 40px;
 }
 
 .location-info {
     margin-bottom: 40px;
 }
 
 .location-map {
     margin-bottom: 20px;
 }
 
 .location-img {}
 
 .icon1,
 .icon2,
 .icon3,
 .icon4 {
     display: block;
     width: 32px;
     position: absolute;
     z-index: 999;
     height: 32px;
     margin: 29px;
 }
 
 .icon1 {
     background: url(../images/i1.png) no-repeat;
 }
 
 .icon2 {
     background: url(../images/i2.png) no-repeat;
 }
 
 .icon3 {
     background: url(../images/i3.png) no-repeat;
 }
 
 .icon4 {
     background: url(../images/i4.png) no-repeat;
 }
 /*-------- filter gallery -------*/
 
 .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 {
     -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
     transition-property: height, width;
 }
 
 .isotope .isotope-item {
     -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property: -moz-transform, opacity;
     transition-property: transform, opacity;
 }
 
 .portfolioContainer {}
 
 .portfolioFilter {
     margin-bottom: 30px;
     text-align: center;
 }
 
 .portfolioFilter a {
     text-transform: uppercase;
     background-color: #4d4948;
     padding: 9px 26px;
     display: inline-block;
     color: #e8e4dc;
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 5px;
     letter-spacing: 1px;
 }
 
 .portfolioFilter a:hover {
     color: #fff;
     background-color: #95014f;
 }
 
 .portfolioFilter a.current {
     color: #fff;
     text-decoration: none;
     background-color: #95014f;
 }
 /*----------------- Gallery Wide ---------------*/
 
 .gallery-thumbnail img {
     width: 100%;
 }
 
 .gallery-img img {
     width: 100%;
 }
 
 .gallery-block {}
 /*-------------------------------------------------------------------
 10. Blog Pages
-------------------------------------------------------------------*/
 
 .post-block {
     position: relative;
 }
 /*-- use for thumbnail --*/
 
 .post-holder {
     position: relative;
     margin-bottom: 30px;
 }
 /*-- for single post page --*/
 
 .post-img {
     position: relative;
 }
 
 .post-title {
     color: #252324;
 }
 
 .post-content {
     background-color: #f7f4ee;
     padding: 30px;
 }
 
 .post-header {}
 /*-------- Post meta --------*/
 
 .meta {
     font-size: 14px;
     margin-bottom: 20px;
     text-transform: uppercase;
     font-weight: 500;
 }
 
 .meta-date {}
 
 .meta-user {}
 
 .meta-comment {}
 
 .meta-author {}
 
 .meta-cat {}
 
 .meta-date,
 .meta-author,
 .meta-comment,
 .meta-cat {
     display: inline-block;
     margin-right: 10px;
 }
 
 .meta-link {}
 
 .meta-tags {}
 /*-------- Post Type (Sticky, Audio, Video, Quote )--------*/
 
 .post-sticky {
     background: url(../images/sticky.png) no-repeat;
     position: absolute;
     right: 35px;
     bottom: 35px;
     width: 29px;
     height: 29px;
     color: #fff;
 }
 
 .post-gallery {}
 
 .post-video {}
 
 .post-video .video-sign {}
 
 .post-audio {}
 
 .post-quote blockquote {
     background-color: #95014f;
     padding: 30px;
     color: #fff;
     font-size: 21px;
     border-left: #5b0230 5px solid;
     margin-bottom: 0px;
 }
 
 .post-quote blockquote p {
     margin-bottom: 10px;
     font-style: italic;
 }
 
 .source-block {
     font-size: 16px;
     color: #ec98c4;
 }
 
 .post-slider {
     margin-bottom: -36px;
 }
 
 .post-gallery .owl-prev {
     position: absolute;
     top: 40%;
     left: 10px;
 }
 
 .post-gallery .owl-next {
     position: absolute;
     top: 40%;
     right: 10px;
 }
 
 .post-gallery .owl-prev,
 .post-gallery .owl-next {
     background-color: #e8e4dc;
     padding: 10px 16px;
     border-radius: 2px;
     font-size: 18px;
 }
 
 .post-gallery .owl-prev:hover,
 .post-gallery .owl-next:hover {
     background-color: #ccc8bf;
     color: #fff;
 }
 
 .post-gallery.owl-theme .owl-nav [class*='owl-'] {
     color: #252324;
     font-size: 14px;
     margin: 5px;
     padding: 4px 12px;
     background: #e8e4dc;
     display: inline-block;
     cursor: pointer;
     border-radius: 2px;
 }
 
 .post-gallery.owl-theme .owl-nav [class*='owl-']:hover {
     background: #393336;
     color: #FFF;
     text-decoration: none;
 }
 
 .post-gallery.owl-theme .owl-dots .owl-dot span {
     width: 8px;
     height: 8px;
     margin: 5px 7px;
     background: #e8e4dc;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity 200ms ease;
     border-radius: 4px;
 }
 
 .post-gallery.owl-theme .owl-dots {
     text-align: center;
     -webkit-tap-highlight-color: transparent;
     bottom: 0px;
     position: relative;
 }
 
 .post-gallery.owl-theme .owl-dots .owl-dot.active span,
 .post-gallery .owl-theme .owl-dots .owl-dot:hover span {
     background: #95014f;
 }
 
 .post-author {
     margin-bottom: 40px;
 }
 
 .author-block {
     background-color: #f7f4ee;
     padding: 30px;
 }
 
 .author-img {}
 
 .author-bio {}
 
 .author-header {
     margin-bottom: 20px;
 }
 
 .post-author-name {
     margin-bottom: 5px;
 }
 
 .author-meta {
     font-size: 14px;
     color: #95014f;
 }
 
 .author-content {
     margin-bottom: 20px;
 }
 /*-------- Related Post --------*/
 
 .related-post-block {}
 
 .related-post {}
 
 .related-post-title {}
 
 .related-post-img {
     margin-bottom: 30px;
 }
 
 .related-content {}
 
 .related-title {
     margin-bottom: 10px;
 }
 /*----- prev next post-----*/
 
 .post-navigation {
     margin-bottom: 30px;
     border-top: 1px solid #e8e4dc;
     padding-top: 30px;
 }
 
 .nav-links {}
 
 .nav-previous {}
 
 .nav-next {}
 
 .previous-next-title {}
 
 .next-prev-post {}
 
 .prev-post {}
 
 .prev-link {}
 
 .previous-title {}
 
 .next-post {}
 
 .next-link {}
 
 .next-prev-title {}
 
 .prev-next-title,
 .next-prev-title {}
 
 .prev-link .btn-link,
 .next-link .btn-link {}
 
 .prev-link:hover,
 .next-link:hover {}
 
 .comments-area {
     margin-bottom: 40px;
     border-top: 1px solid #e8e4dc;
     padding-top: 30px;
 }
 
 .comments-title {
     margin-bottom: 40px;
 }
 
 .comment-list {
     padding: 0px;
 }
 
 .comment {}
 
 .comment-body {
     border-bottom: 1px solid #e4e9ea;
     margin-bottom: 39px;
     padding-bottom: 40px;
 }
 
 .comment-body:last-child {}
 
 .comment-author {}
 
 .comment-author img {
     float: left;
 }
 
 .comment-info {
     padding-left: 110px;
 }
 
 .comment-header {}
 
 .user-title {
     font-size: 18px;
     color: #252324;
     margin-bottom: 0px;
     font-weight: 600;
 }
 
 .comment-meta {
     margin-bottom: 10px;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
 }
 
 .comment-meta-date {
     font-size: 12px;
     color: #9d9fa6;
     font-weight: 600;
 }
 
 .comment-content {
     font-size: 18px;
     color: #646363;
 }
 
 .reply {}
 
 .reply-title {
     margin-bottom: 40px;
 }
 
 .childern {
     padding-left: 130px;
 }
 
 .childern .comment {}
 
 .childern .comment-body {
     background: #f7f4ee;
     padding: 30px;
 }
 
 .leave-comments {
     margin-bottom: 40px;
     background: #f7f4ee;
     padding: 30px;
 }
 
 .reply-form {}
 
 .reply-form .form-control {}
 /*----- widget -----*/
 
 .widget {
     margin-bottom: 30px;
     background-color: #f7f4ee;
     padding: 30px;
     border-top: 4px solid #e8e4dc;
 }
 
 .widget-title {
     margin-bottom: 20px;
 }
 
 .widget ul {}
 
 .widget ul li {
     margin-bottom: 10px;
     line-height: 20px;
 }
 
 .widget ul li:last-child {
     margin-bottom: 0px;
 }
 
 .widget ul li a {
     color: #474747;
 }
 
 .widget ul li a.active {
     color: #0eb769;
 }
 
 .widget ul li a:hover {
     color: #95014f;
 }
 
 .widget-search {}
 
 .widget-categories {}
 
 .widget-categories ul {}
 
 .widget-categories ul li {}
 
 .widget-categories ul li a {}
 
 .widget-archives {}
 
 .widget-archives ul {}
 
 .widget-archives ul li {}
 
 .widget-archives ul li a {}
 
 ul.widget-recent-post {}
 
 .widget-recent-post li {
     margin-bottom: 16px;
     border-bottom: 2px solid #e8e4dc;
     padding-bottom: 16px;
 }
 
 .widget-recent-post li:last-child {
     margin-bottom: 0px;
     border-bottom: transparent;
     padding-bottom: 0px;
 }
 
 .widget-recent-post ul li a {}
 
 .recent-post-img {}
 
 .recent-post-content {}
 
 .recent-post {}
 
 .recent-post .meta {
     margin-bottom: 6px;
 }
 
 .recent-post h4 {
     margin-bottom: 0px;
     font-size: 16px;
     line-height: 22px;
 }
 
 .widget-tags {}
 
 .widget-tags a {
     padding: 5px 10px;
     display: inline-block;
     background-color: #e8e4dc;
     font-size: 13px;
     font-weight: 400;
     color: #252324;
     margin-bottom: 5px;
     margin-right: 3px;
 }
 
 .widget-tags a:hover {
     background-color: #95014f;
     color: #fff;
 }
 
 .widget-text {}
 /*-------------------------------------------------------------------
 11.Sidebar
-------------------------------------------------------------------*/
 
 .sidenav {
     margin-bottom: 30px;
     background-color: #252324;
     padding: 30px;
 }
 
 .sidenav .widget-title {
     color: #fff;
     margin-bottom: 30px;
 }
 
 .sidenav ul {
     padding: 0px;
 }
 
 .sidenav ul li {
     position: relative;
     margin-bottom: 10px;
     border-bottom: 1px solid #3b3839;
     padding-bottom: 10px;
 }
 
 .sidenav ul li a {
     color: #999798;
 }
 
 .sidenav ul li a:hover {
     color: #e8e4dc;
 }
 
 .sidenav ul li.active a {
     color: #e8e4dc;
 }
 /*-------------------------------------------------------------------
 12. Shortcodes
-------------------------------------------------------------------*/
 /*--------------------------------
     12.1 Tabs 
    ----------------------------------*/
 
 .st-tabs {
     margin-bottom: 40px;
 }
 
 .st-tabs .nav-tabs {
     border-bottom: 1px solid transparent;
 }
 
 .st-tabs .nav-tabs>li>a {
     margin-right: 2px;
     line-height: 1.42857143;
     border: 1px solid transparent;
     border-radius: 0px 0px 0 0;
     background-color: #e8e4dc;
     padding: 14px 40px;
     color: #393336;
     font-size: 18px;
 }
 
 .st-tabs .nav-tabs>li>a:hover {
     background-color: #ea85b2;
     color: #fff;
 }
 
 .st-tabs .nav-tabs>li.active>a,
 .st-tabs .nav-tabs>li.active>a:focus,
 .st-tabs .nav-tabs>li.active>a:hover {
     color: #fff;
     cursor: default;
     background-color: #95014f;
     border: 1px solid #95014f;
     border-bottom-color: transparent;
 }
 
 .st-tabs .tab-content {
     background-color: #fbfaf6;
     padding: 40px;
 }
 /*--------------------------------
     12.2 Accordions 
    ----------------------------------*/
 
 .st-accordion {}
 
 .st-accordion .panel-group {
     margin-bottom: 20px;
 }
 
 .st-accordion .panel {
     margin-bottom: 5px;
     background-color: #fff;
     border: 1px solid transparent;
     border-radius: 2px;
     -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
     box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
 }
 
 .st-accordion .panel-default {
     border-color: #dcdcdc;
 }
 
 .st-accordion .panel-heading {
     padding: 0;
     border-bottom: 1px solid transparent;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
 }
 
 .st-accordion .panel-default>.panel-heading {
     color: #333;
     background-color: #e8e4dc;
     border-color: #e8e4dc;
 }
 
 .st-accordion .panel-title a {
     margin-top: 0;
     margin-bottom: 0;
     font-size: 18px;
     color: inherit;
     font-weight: 400;
     padding: 15px 15px;
     width: 100%;
     display: block;
 }
 
 .st-accordion .panel-body {
     padding: 40px;
     background-color: #fff;
     border-top: 1px solid #e8e4dc!important;
 }
 
 .st-pagination {}
 
 .st-pagination .pagination {
     display: inline-block;
     padding-left: 0;
     margin: 20px 0;
     border-radius: 4px;
 }
 
 .st-pagination .pagination>li>a,
 .st-pagination .pagination>li>span {
     position: relative;
     float: left;
     padding: 6px 12px;
     margin-left: -1px;
     line-height: 1.42857143;
     color: #252324;
     text-decoration: none;
     background-color: #f7f4ee;
     border: 1px solid #f7f4ee;
     margin: 4px;
     border-radius: 4px;
     font-size: 14px;
 }
 
 .st-pagination .pagination>li:first-child>a,
 .st-pagination .pagination>li:first-child>span {
     margin-left: 0;
     border-radius: 4px;
 }
 
 .st-pagination .pagination>li:last-child>a,
 .st-pagination .pagination>li:last-child>span {
     border-radius: 4px;
 }
 
 .st-pagination .pagination>li>a:focus,
 .st-pagination .pagination>li>a:hover,
 .st-pagination .pagination>li>span:focus,
 .st-pagination .pagination>li>span:hover {
     z-index: 2;
     color: #fff;
     background-color: #95014f;
     border-color: #95014f;
 }
 
 .st-pagination .pagination>.active>a,
 .st-pagination .pagination>.active>a:focus,
 .st-pagination .pagination>.active>a:hover,
 .st-pagination .pagination>.active>span,
 .st-pagination .pagination>.active>span:focus,
 .st-pagination .pagination>.active>span:hover {
     z-index: 3;
     color: #fff;
     cursor: default;
     background-color: #95014f;
     border-color: #95014f;
 }
 /*-------------------------------------------------------------------
 13. Back to top
-------------------------------------------------------------------*/
 /*-------------------------------------------------------------------
 14. Media Query
-------------------------------------------------------------------*/
 /*==========  Non-Mobile First Method  ==========*/
 /* Large Devices, Wide Screens */
 
 @media only screen and (max-width:1200px) {
     .slider-captions {
         position: absolute;
         bottom: 70px;
         width: 80%;
         left: 10%;
     }
     .slider-title {
         font-size: 40px;
         font-weight: 400;
         color: #fff;
         text-transform: capitalize;
     }
     .slider .owl-prev {
         position: absolute;
         top: 40%;
         left: 10px;
     }
     .slider .owl-next {
         position: absolute;
         top: 40%;
         right: 10px;
     }
 }
 /* Medium Devices, Desktops */
 
 @media only screen and (max-width:992px) {}
 /* Small Devices, Tablets */
 
 @media only screen and (max-width:768px) {
     .slider-captions {
         position: absolute;
         bottom: 30px;
         width: 80%;
         left: 10%;
     }
     .slider-title {
         font-size: 40px;
         font-weight: 400;
         color: #fff;
         text-transform: capitalize;
     }
     .slider .owl-prev {
         position: absolute;
         top: 35%;
         left: 10px;
     }
     .slider .owl-next {
         position: absolute;
         top: 35%;
         right: 10px;
     }
 }
 /* Extra Small Devices, Phones */
 
 @media only screen and (max-width:480px) {}
 /* Custom, iPhone Retina */
 
 @media only screen and (max-width:320px) {
     .slider-captions {
         position: absolute;
         bottom: 30px;
         width: 80%;
         text-align: center;
     }
     .slider-title {
         font-size: 14px;
         font-weight: 400;
         color: #fff;
         text-transform: capitalize;
     }
     .slider .owl-prev {
         position: absolute;
         top: 20%;
         left: 10px;
     }
     .slider .owl-next {
         position: absolute;
         top: 20%;
         right: 10px;
     }
     .slider .owl-theme .owl-nav [class*='owl-'] {
         color: #252324;
         font-size: 14px;
         margin: 5px;
         padding: 0px 9px;
         background: #e8e4dc;
         display: inline-block;
         cursor: pointer;
         border-radius: 2px;
     }
     .slider .owl-theme .owl-dots {
         text-align: center;
         -webkit-tap-highlight-color: transparent;
         bottom: 30px;
         position: relative;
     }
 }
 
 .about .space-small {
     padding-bottom: 0;
     padding-top: 30px;
 }
