@charset "utf-8";

/* ----------------------------------
Name: elements.css
Version: 1.0
----------------------------------
Table of Contents
    01. Navbar
    02. Header
    03. Hero Section
    04. Slider
    05. Feature Box
    06. Content
    07. Tab
    08. Team
    09. Title
    10. Pricing Table
    11. Contact
    12. Blog
    13. Subscribe
    14. Footer
    15. Call to Action
    16. Counter
    17. Clients
    18. Timer
    19. Testimonial
    20. Social Widget
    21. Circular Progress Bar
    22. Collapsible
*/

@font-face {
  font-family: 'Helvetica, Arial, sans-serif';
  font-style: normal;
  font-display: swap;
}

/* ===================================
    Navbar
====================================== */

.navbar {padding: 10px 0 10px; z-index: 999; width: 100%; border-radius: 0; border: 0;}
.navbar img {max-height:60px}
/*.navbar li {margin:13px 20px;}*/
.navbar li:last-child { margin-right: 0;}
.navbar li a {font-size: 16px; padding: 10px 20px;cursor: pointer !important; border-bottom: 1px solid transparent; }
.navbar li a:hover {opacity: 0.8;}
.navbar li a.active {opacity: 0.8;}
.navbar .nav-button { margin: 10px 0 8px 30px;}
.navbar .nav-button i {margin-right:5px}
.navbar .nav-button a { padding: 3px 17px 2px !important; border: 1px solid transparent; font-size: 10px}
.navbar-collapse { padding: 0;}
header .container { position: relative;}
header .row { align-items: center; display: flex; height: auto;}
.header-margin-top { margin-top: 86px; }
.navbar.shrink-nav { position: fixed !important; top: 0; }
.navbar.shrink-nav.shrink { padding: 11px 0; border-bottom: 1px solid rgba(0,0,0,0.1) }
.header-margin-top-big { margin-top: 134px; }
.header-margin-top-medium { margin-top: 138px; }
.navbar.shrink-nav.shrink .header-bottom { padding: 11px 0;}

/* ===================================
    Header
====================================== */

/* header style 1 */
.header-style1 .nav-button .join-us {  border-color: #000000; border: 2px solid; background-color: transparent; color: #000000; padding: 1px 20px !important;}
.header-style1 .nav-button .join-us:hover { background: transparent;}
.header-style1 .nav-button:last-child { margin-left: 20px;}
.header-style1 .black-header.navbar li a { color: #ffffff;}
.header-style1 .black-header.navbar .nav-button .join-us { border: 2px solid #ffffff; background-color: transparent; color: #ffffff;}
.header-style1 .black-header .nav-button .join-us:hover { background: transparent;}

/* header style 2 */
.header-style2 .black-header li a, .header-style2 .black-header li a:before { color: #ffffff;}
.header-style2 li a:before { content: "\f111"; font-size: 6px; color: #959595; font-family: fontawesome; right: -23px; position: absolute; top: -1px}
.header-style2 li:last-child a:before { display: none;}

/* header style 3 */
.header-style3 .logo { border-bottom: 1px solid #eaeaea; padding-bottom: 20px; text-align: center; margin-bottom: 15px;}
.header-style3 .navbar-nav { width: 100%;}
.header-style3 .navbar li { display: inline-block; float: none; margin: 0 20px}
.header-style3 .navbar li a { font-weight: 400; color: #797979;}
.header-style3 .black-header.navbar li a { color: #ffffff;}
.header-style3 .black-header .logo { border-color: #2a2a2a;}

/* header style 4 */
.header-style4 .header-top { border-bottom: 1px solid #eaeaea; padding: 10px 0;}
.header-style4 .header-top .mail { color: #797979; font-size: 11px; float: left;}
.header-style4 .header-top .mail a, .header-style4 .white-header .header-bottom li a { color: #797979;}
.header-style4 .header-top a:hover { opacity: 0.5;}
.header-style4 .social a { margin: 0 13px; font-size: 14px; color: #797979;}
.header-style4 .social a:last-child {margin-right: 0}
.header-style4 .header-bottom { padding: 25px 0;}
.header-style4 .header-bottom li:last-child { margin-right: 0;}
.header-style4 .header-bottom li a { color: #fff; line-height: 19px;}
.header-style4 .header-bottom li a:before { content: "\f111"; font-size: 6px; color: #ffffff; font-family: fontawesome; right: -23px; position: absolute;}
.header-style4 .header-bottom li:last-child a:before { display: none;}
.header-style4 .white-header .header-top .mail, .header-style4 .white-header .header-top .mail a, .header-style4 .white-header .social a { color: #555555;}

/* header style 5 */
.header-style5 .social { float: right; margin: 12px 0 9px 30px;}
.header-style5 .social a { font-size: 14px; color: #242424; margin: 0 9px;}
.header-style5 .navbar li a {font-size: 11px;}
.header-style5 .social a:last-child { margin-right: 0;}
.header-style5 .social a:hover { opacity: 0.5;}
.header-style5 .black-header .social a { color: #ffffff;}
.header-style5 .black-header.navbar li a { color: #ffffff;}

/* header style 6 */
.header-style6 .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: absolute;}
.header-style6 .navbar li a { color: #ffffff;}
.header-style6 h1 { line-height: 60px;}
.header-style6 .application-mobile { position: absolute; float: right; right: 0; bottom: 0;}

/* header style 7 */
.header-style7 .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: absolute;}
.header-style7 .navbar li a { color: #fff; line-height: 24px;}
.header-style7 .date {display: inline-block; margin-bottom: 30px; padding: 3px 20px;}
.header-style7 .header-banner .counter-content{height: 110px; width: 110px; background: #fff; display: inline-block; border-radius: 50%; padding: 28px 0; vertical-align: top; margin-right: 15px;}
.header-style7 .navbar .nav-button a { background-color: transparent; border: 2px solid #fff !important;}
.event-counter .counter-box { height: 150px; width: 150px; background: rgba(0,0,0,.4); display: inline-block; border-radius: 50%; padding: 38px 0; vertical-align: top; margin-right: 20px; text-align: center;}
.event-counter .counter-box .number { display: block; color: #fff; font-weight: 300; font-size: 50px; line-height: 55px; letter-spacing:-1px}
.event-counter .counter-box span { color: #fff; font-weight: 600; font-size: 13px; line-height: 24px; text-transform: uppercase;}

/* header style 8 */
.header-style8 .navbar { padding: 20px 40px; position: absolute;}
.header-style8 .shrink-transparent-header-dark.shrink { padding: 11px 40px;}
.header-style8 .navbar .nav-button a { background-color: #ffffff; color: #000000;}
.header-style8 .one-fourth-screen { min-height: 750px;}
.header-style8 .one-fifth-screen { min-height: 300px;}
.header-style8 .navbar li a { color: #ffffff;}
.header-style8 .header-banner .banner-icon:hover, .header-style8 .header-banner .banner-icon:focus {color: #ffffff !important;}

/* header style 9 */
.header-style9 .full-header { padding: 0 40px; }

/* header style 12 */
.header-style12 .navbar { padding: 23px 0;}
.header-style12 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 13 */
.header-style13 .navbar { padding: 23px 0;}
.header-style13 .header-bottom { padding: 25px 0;}
.header-style13 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style13 .social a:hover{ opacity: 0.5;}
.header-style13 .social a{ color: #000;}
.header-style13 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 14 */
.header-style14 .navbar { padding: 23px 0;}
.header-style14 .header-bottom { padding: 25px 0;}
.header-style14 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style14 .social a:hover{ opacity: 0.5;}
.header-style14 .social a{ color: #fff;}
.header-style14 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 16 */
.header-style16 .navbar li a { color: #fff; line-height: 24px;}

/* header style 25 */
.outside-image { position: absolute; right: 0; bottom: 0; top: 0; z-index: 99;}
.outside-image-sub {left: 0;}
.outside-image-sub img { height: 100%; width: auto; max-width: none; }

/* transparent header */
.shrink-transparent-header-dark.shrink { background: #000000 !important;}
.shrink-transparent-header-light.shrink { background: #ffffff !important;}
.shrink-transparent-header-light.shrink.navbar li a { color: #282828; }
.shrink-transparent-header-light.shrink.navbar .nav-button a { border: 2px solid #000; color: #fff;}

/* header border bottom */
.header-border-light {border-bottom: 1px solid rgba(255,255,255,.1)}
.header-border-dark {border-bottom: 1px solid rgba(0,0,0,.1)}
.light-header.navbar li.active a { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.dark-header.navbar li.active a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.headerLogout {font-size: 16px; cursor: pointer}
.headerLogout:hover {color: #262626; background-color: #f5f5f5; opacity: 0.8;}

/* ===================================
    Hero Section
====================================== */

.video-overlay{position:relative; float:left; width: 100%; padding-top:56.25%;}
.video-overlay iframe{float:left; width: 100%; position:absolute; left:0; top: 0; height:100%;}

.video-overlay .frameCover{position:absolute;left:0; top:0; width:100%; height:100%; background:none; z-index:3;}

/* hero style 3 */
.header-number {height:50px; width: 50px; border-radius: 100%; border: 2px solid #fff; display:block; text-align:center; line-height:46px}

/* hero style 4 */
.hero-style4 .application-mobile { position: absolute; float: right; left:0; bottom: 0; top: -50px; overflow: hidden;}

/* hero style 11 */
.back-down { position: absolute; bottom:8%; width:100%; z-index:5}
.back-down a:hover{ opacity: 0.5;}
.back-down a i { width: 34px; height: 34px;}

/* hero style 19 */
.hero-bottom-img img { border: 30px solid #0b0b0c; border-radius: 20px; max-width: 90%; margin: 0 5% -100px;}

/* hero style 27 */
.logo-area {width: 100%; opacity: 1; bottom: 0px;}

/* ===================================
    Slider
====================================== */

/* slider style 5 */
.slider-style5 .slider-content { border: 5px solid rgba(0,0,0,.3); padding: 40px 55px; width: 550px; text-align: left;}
.slider-style5 .slider-title { font-size: 40px; line-height: 48px; }

/* slider style 6 */
.slider-text-middle-main {display: table; height: 100%;width: 100%;}

/* ===================================
    Feature Box
====================================== */

.feature-box-image { background: #a1a1a1; overflow: hidden;}
.feature-box-image img:before {padding-top: 100%;}
.feature-box img { opacity: 1; transition: all 0.3s ease 0s; width: 100%;}
.feature-box:hover img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}

/* feature style 1 */
.feature-style1 .content-box { border-radius: 4px; min-height: 140px; padding: 30px 20px; position: relative; margin-top: 24px;}
.feature-style1 .content-box-top-arrow { color: #282828; font-size: 50px; left: 50%; position: absolute; top: -34px;transform: translateX(-50%);}

/* feature style 3 */
.feature-style3 .feature-box i{ border-radius: 50%; font-size: 35px; height: 80px; line-height: 80px; text-align: center; width: 80px;}
.feature-style3 .feature-box .feature-title { min-height: 22px;}

/* feature style 4 */
.feature-style4 .feature-icon {height: 120px; margin: 0 auto; padding: 24px; width: 120px;}

/* feature style 36 */
.feature-style36 .feature-icon { height: 130px; margin: 0 auto; padding: 20px; width: 130px; position: relative}
.feature-style36 .feature-icon img {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; margin: 0 auto; left:0; right:0; text-align: center}

/* feature style 25 */
.feature-style25 .feature-icon {height: 120px; margin: 0 auto; padding: 24px; width: 120px;}
.feature-style25 i { font-size:60px }

/* feature style 29 */
.feature-style29 .info { position: relative; margin: 0 0 0 60px;}

/* feature style 50 */
.feature-bg1 {background-size: cover;}
.feature-bg2 {background-size: cover;}

/* feature style 31 */
.feature-style-31 .icon-style { width: 30px;}
.feature-style-31 span { padding-right: 20px;}

/* ===================================
    Content
====================================== */


/* content style 3 */
.content-style5 .feature-box i{ border-radius: 50%; font-size: 35px; height: 80px; line-height: 80px; text-align: center; width: 80px;}
.content-style5 .feature-box .feature-title { min-height: 22px;}

/* content style 5 */
.treatments-details { height: 100%; position: absolute; right: 0; top: 0; width: 50%;}

/* content style 11 */
.groom-box .groom-box-content{border: 5px solid #f1e4d7; padding: 8%;}
.groom-box .groom-box-img{height: 274px; width: 274px; border-radius: 100%; }
.groom-box .groom-box-img img { border-radius: 100%; height: 100%; width: 100%;}

/* content style 13 */
.small-titel-text { padding: 6px 17px 5px; font-size: 12px;}

/* ===================================
    Tab
====================================== */

.tab-style3 li { display: inline-block; float: none; margin: 0 25px;}
.tab-style3 li a { border: 0 none; color: #959595; margin: 0; padding: 0 0 15px; vertical-align: middle; border-radius: 0;}
.tab-style3 li a:hover, .tab-style3 li.active a, .tab-style3 li.active a:focus, .tab-style3 li.active a:hover { background-color: inherit; color: #282828; padding-bottom: 2px; transition: none 0s ease 0s; border-bottom: 1px solid #282828; border-top: none; border-left: none; border-right: none;}

/* tab style 1 */
.tab-style4 ul {padding: 30px 20px;}
.tab-style4 ul li {margin: 0 0 33px; width: 100%;}
.tab-style4 ul li:hover { font-weight: 700;}
.tab-style4 ul li:last-child {margin-bottom: 0}
.tab-style4 li:before { content: "\f178"; color: #ffbe29; font-size: 26px; position: absolute; right: -35px; top: 3px; font-family: 'FontAwesome'; display: none;}
.tab-style4 li:hover:before {display: block;}
.tab-style4 li.active:before {display: block}
.tab-style4 ul li a {padding: 0; border: 0; font-size: 14px; line-height:23px; font-weight: 600; margin: 0; color: #959595; position: relative}
.tab-style4 li a:hover, .tab-style4 li.active a, .tab-style4 li.active a:focus, .tab-style4 li.active a:hover {background-color: inherit; border: 0; color: #1c120c;}
.tab-style4 li i { margin: 0 5px 0 0;}

/* tab style 2 */
.panel {box-shadow: none; border: none; border-radius: 0 !important;}
.panel-heading {padding: 0;}
.panel-title { background-color: #f4f4f4; color: #959595; font-size: 16px; font-weight: 400; width:100%; display: block; padding: 10px 18px; text-transform: none;}
.panel-body { padding:10px 18px 25px 18px; border: none !important}
.panel-heading i { font-size:10px; margin: 0}
.active-accordion .panel-title{ color: #000}

.accordion-style1 .panel {background: transparent !important; border: none !important; margin-bottom: 15px;}
.accordion-style1 .panel-title {background: transparent; border: none !important}
.accordion-style1 .panel .panel-heading { background: #fff; border-bottom:1px solid rgba(0,0,0,.1); border-radius:0 }
.accordion-style1 .panel-body{padding: 40px 28px 25px;}
.accordion-style1 .panel-heading i { font-size: 25px; margin: 0; line-height: 61px;}
.accordion-style1 .panel-title { font-size: 16px; padding: 0 31px 0 0; display: inline-block; line-height: 59px;}
.accordion-style1 .tab-tag { font-size: 25px; font-weight: 700; line-height: 61px; padding: 0 0 0 28px; margin-right: 10px; display: inline-block; vertical-align: sub;}
.accordion-style1 a, .accordion-style1 a:hover, .accordion-style1 a:hover i { color: #282828 !important;}
.accordion-style1 .panel-default:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0);}

/* tab style 3 */
.tab-style5 .nav-tabs { border: 0; margin: 0 0 40px; display: inline-block;}
.tab-style5 .nav-tabs li a { border: 0; border-bottom: 2px solid transparent; padding: 5px; margin: 0 25px; color: #848484; }
.tab-style5 .nav-tabs li a:hover { border-bottom: 1px solid rgba(0,0,0,.1); background: transparent; color:#282828 }
.tab-style5 .nav-tabs li.active a {border-bottom: 1px solid rgba(0,0,0,.7) !important; border: 0; color:#282828 }
.tab-style5-content, .tab-style5-img { min-height: 461px;}
.tab-background-image1{ }
.tab-background-image2{}
.tab-background-image3{ }
.tab-background-image4{}

/* tab style 4 */
.tab-style1 ul { height: 50px; border: none;}
.tab-style1 .nav li { margin: 0;}
.tab-style1 .nav-tabs li a { border: 0; border-radius: 0; margin: 0; padding: 6px 22px 5px; margin-right:10px}
.tab-style1 .nav-tabs li a:hover { background-color: #282828; color: #fff;}
.tab-style1 .nav-tabs li.active a { background-color: #282828; color: #fff; border: none;}
.tab-style1 .nav-tabs li.active a:hover { border: 0;}

/* tab style 5 */
.tab-style2 .nav-tabs { display: inline-block; border: 0;}
.tab-style2 .nav-tabs li { float: left; margin: 0; margin: 0 40px;}
.tab-style2 .nav-tabs .active img { opacity: 1; -webkit-filter: none; filter: none;}
.tab-style2 .nav-tabs li a { border: 0; margin: 0; background: transparent; padding: 0;}
.tab-style2 .nav-tabs li.active a:hover, .tab-style2 .nav-tabs li.active a:focus { background: transparent; border: none;}
.tab-style2 .nav-tabs li img {opacity: 0.4; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.tab-style2 .nav-tabs li:hover img {opacity: 1;  }
.tab-restaurant-bg-image{ }

/* tab style 6 */
.tab-style6 .nav-tabs{border-bottom:0;}
.tab-style6 .nav-tabs li{border:0;}
.tab-style6 .nav-tabs li a {border: 0; color: #fff; padding:3px 1px;}
.tab-style6 .nav-tabs li a:hover, .tab-style6 .nav-tabs li a:focus, .tab-style6 .nav-tabs li a:visited {border:0; border-bottom:2px solid transparent;}
.tab-style6 .nav-tabs-light li a {margin: 0 30px 0 0; border-bottom: 2px solid transparent;}
.tab-style6 .nav-tabs > li.active > a {cursor: default; border-bottom: 2px solid #fff; color: #fff; background:transparent;}

/* tab style 8 */
.tab-style8 .tab-content{padding:55px 0 0; border-top: 1px solid #e5e5e5; }
.tab-style8 .nav-tabs{border:0;}
.tab-style8 .nav-tabs li{border:1px solid #e5e5e5; border-bottom: none; border-radius: 0; margin-bottom: 0; display:inline-block; float:none; margin-right: 2px}
.tab-style8 .nav-tabs li a {background-color:#f7f7f7; border:none; color:#575757;line-height: 44px; margin:0!important; padding: 0 25px; border-radius: 0;}
.tab-style8 .nav-tabs-light li:first-child {border-left: 1px solid #e5e5e5; margin-left: 15px;}
.tab-style8 .nav-tabs > li.active > a {border-color:transparent; border: none; border-radius:0; background:#fff; top:1px}

/* ===================================
    Team
====================================== */

/* team style 3  */
.team-style3 .team-details { padding: 30px 40px 50px; position: relative;}
.team-style3 .team-social {opacity:0; background:rgba(0,0,0,.75); padding:23px 0 16px; position:absolute; width:100%; bottom:-30px; cursor: default; transition: all 0.3s ease 0s;}
.team-style3 .team:hover .team-social {opacity:1; bottom:0; transition: all 0.3s ease 0s;}

/* team style 4  */
.about-style3 .about-text { min-height: 580px; padding: 8%;}
.about-style3 .about-img { min-height: 580px;}

/* team style 5 */
.team-style5 .team-details { padding:13%}
.team-style5 .team img:hover {-webkit-filter: grayscale(1); filter: grayscale(1);}

/* team style 6  */
.team-style6 .team:hover {}
.team-style6 .team {max-height:580px}
.team-style6 .team-details{position: relative; bottom:0}
.team-style6 .team:hover .team-details {bottom:150px}
.team-style6 .team:hover img {transform: scale(1.15); }

/* team style 8  */
.team-style8 .team {box-shadow: 0 0 6px rgba(0, 0, 0, .20);}

/* ===================================
    Title
====================================== */

/* title style 6  */
.title-style6 .progress { background-color: #dedede; height: 4px; overflow: hidden; margin-bottom: 10px; border-radius: 0; }
.title-style6 .progress-bar-style1 .progress-name { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; margin: 5px 0 20px; }
.title-style6 .progress-bar-style1 .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #000; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }

/* title style 14  */
.breadcrumb {background: none;}
.breadcrumb ul li+li:before { color: #898989; content: "|"; font-size: 8px; padding: 0 10px; position: relative; top: -1px;}

/* ===================================
    Pricing Table
====================================== */

/* price box 1 */
.pricing-box-style1 .pricing-box{border: 1px solid #ededed;}
.pricing-box-style1 .pricing-title{padding: 40px 0;}
.pricing-box-style1 .pricing-price{padding: 19px 0;}
.pricing-box-style1 .pricing-features{padding: 30px 40px 40px;}
.pricing-box-style1 .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:7px 0}
.pricing-box-style1 .pricing-features ul li:last-child {border:none}
.pricing-box-style1 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style1 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}
.pricing-box-style1 .pricing-box:hover{border: 1px solid #3966e6;}
.pricing-box-style1 .pricing-box:hover .pricing-title span{color: #3966e6;}
.pricing-box-style1 .pricing-box:hover .pricing-price{background: #3966e6 !important; color: #ffffff !important;}
.pricing-box-style1 .pricing-box:hover .pricing-price h4{color: #ffffff !important;}

/* price box 2 */
.spa-therapists li { border-top: 1px solid #4a4646; font-size: 14px; letter-spacing: 2px; padding: 13px 0;}
.spa-therapists li span { margin: 0 40px 0 0; font-weight: 600; width: 50px; display: inline-block;}
.spa-therapists .btn { padding: 5px 20px;}
.spa-therapists .owl-pagination { bottom: -60px;}

/* price box 3 */
.pricing-box-style3 {margin-bottom: 30px; padding:15px; box-shadow: 0 0 4px rgba(0, 0, 0, .10);}
.pricing-box-style3 li:first-child {padding: 25px 0; border-bottom: none }
.pricing-box-style3 li {list-style: none; padding: 11px 0;}
.pricing-box-style3 li {border-bottom: 1px solid #dedede;}
.pricing-box-style3 li:nth-child(2) {padding: 25px 0;}
.pricing-box-style3 li:last-child{padding: 30px 13px; border-bottom:0}

/* price box 4 */
.pricing-box-style4 .pricing-box{border: 2px solid #3966e6; padding:60px 0}
.pricing-box-style4 .pricing-features{padding: 35px 40px 0;}
.pricing-box-style4 .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:10px 0; font-size:14px}
.pricing-box-style4 .pricing-features ul li:last-child {border:none}
.pricing-box-style4 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style4 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}

/* price box 5 */
.pricing-box-style5 {margin-bottom: 30px; border:1px solid #dedede}
.pricing-box-style5 li:first-child {padding: 25px 0; border-bottom: none }
.pricing-box-style5 li {list-style: none; padding: 11px 0;}
.pricing-box-style5 li {border-bottom: 1px solid #dedede;}
.pricing-box-style5 li:nth-child(2) {padding: 25px 0;}
.pricing-box-style5 li:last-child{padding: 30px 13px; border-bottom:0}
.pricing-box-style5 .popular { box-shadow: 0 0 4px rgba(0, 0, 0, .10);  padding:1px 15px; top:-15px;  }

/* price box 6 */
.pricing-box-style6 .pricing-box{background:rgba(10,10,10,.7); padding:40px}
.pricing-box-style6 .pricing-title {padding:35px 25px;}
.pricing-box-style6 .pricing-features ul li{padding:6px 0; font-size:14px}
.pricing-box-style6 .pricing-features ul li:last-child {border:none}
.pricing-box-style6 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style6 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}

/* Style for "Rectangle" */
/*width: 350px;*/
/*height: 650px;*/
/*box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);*/
/*border-radius: 4px;*/
/*background-color: #ffffff;*/


/* ===================================
    Contact
====================================== */

/* contact style 1 */
.contact-form-style1 .contact-details .details-box { margin-bottom: 35px;}
.contact-form-style1 .contact-details .details-box:last-child { margin-bottom: 0;}
.contact-form-style1 .contact-details .details-box .details-icon { width:50px; display: inline-block; vertical-align: top;}
.contact-form-style1 .contact-details .details-box .details-text { display: inline-block; padding-left: 15px;}
.contact-form-style1 .contact-details .details-box .details-text.last { vertical-align: top; padding-left: 40px;}
.contact-form-style1 textarea { min-height: 100px;}

/* contact style 2 */
.contact-form-style2 textarea { min-height: 112px;}

/* contact style 6 */
.contact-form-style6 .contact-details {padding:40px 30px; border:1px solid rgba(0,0,0,.1)}

/* ===================================
    Blog
====================================== */

.blog-image { background: #a1a1a1 none repeat scroll 0 0; overflow: hidden;}
.blog-post img { opacity: 1; transition: all 0.3s ease 0s;}
.blog-post:hover img { opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}
.post-thumbnail a:hover { opacity: 1;}
.post-thumbnail:hover img { filter: grayscale(1);}

/* blog style 1 */
.blog-style1 .post-details { padding: 35px; text-align: center;}
.blog-style1 .post-author { color: #fff; display: block; font-size: 11px; font-weight: 600; letter-spacing: 1px; line-height: 18px; padding: 4px 5px ; text-align: center;}


.blog-style1 > h1, h2, h3, h4, h5 {
    font-weight: 800;
    margin-bottom: 1em ;
    margin-top: 1.5em ;
    color: #1e1e1e;
}

.blog-style1 ul, .blog-style1 ol {
    margin-bottom: 1.25em ;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #1e1e1e;
    line-height: 1.58;
    margin-bottom: 1.25em;
    font-weight: 400;
    letter-spacing: -.003em;
}
.blog-style1 li {
    margin-bottom: 0.25em ;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 18px;
    color: color: #1e1e1e;
    line-height: 1.58;
    margin-bottom: 1.25em;
    font-weight: 400;
    letter-spacing: -.003em;
}


.blog-style1  p {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #1e1e1e;
    line-height: 1.58;
    margin-bottom: 1.25em;
    font-weight: 400;
    letter-spacing: -.003em;
}

.blog-style2  ul, .blog-style2 ol {
    margin-bottom: 1.25em ;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 24px;
    color: #1e1e1e;
    line-height: 1.58;
    margin-bottom: 1.25em;
    font-weight: 400;
    letter-spacing: -.003em;
}

.blog-style2   li {
    margin-bottom: 0.25em ;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 24px;
    color: color: #1e1e1e;
    line-height: 1.58;
    margin-bottom: 1.25em;
    font-weight: 400;
    letter-spacing: -.003em;
}

.blog-style2  p {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 24px;
    color: #1e1e1e;
    line-height: 1.58;
    margin-bottom: 1.25em;
    font-weight: 400;
    letter-spacing: -.003em;
}

  /* Responsive default image width */
.blog-style1 > img {
    max-width: 100%;
    height: auto;
  }

  /* Responsive floating */
.blog-style1  @media only screen and (min-width: 720px)  {
    .butter-float-left {
      float: left;
      margin: 0px 10px 10px 0px;
    }

.blog-style1  .butter-float-right {
      float: right;
      margin: 0px 0px 10px 10px;
    }
  }
@media only screen and (min-width: 420px)  {
  .butter-float-left {
      float: left;
      margin: 0px 10px 10px 0px;
  }

  .butter-float-right {
      float: right;
      margin: 0px 0px 10px 10px;
  }
}

  /* Image caption */
.blog-style1 figcaption {
    font-style: italic;
    text-align: center;
    color: #ccc;
  }

.blog-style1 p code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  }

.blog-post-style a {
    color: #f76b1c;
  }

.blog-style1 pre {
    display: block;
    padding: 1em;
    margin: 0 0 2em;
    font-size: 1em;
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    font-family: Menlo, Monaco,Consolas, "Courier New", monospace;
  }


/* ===================================
    Subscribe
====================================== */

.subscribe-style1 input { margin: 0 0 0 0px; padding: 8px 45px 9px 20px !important; width: 430px; border-color: #fff;}
.subscribe-style1 input:focus, .subscribe-style1 select:focus { border-color: #fff;}
.subscribe-style1 a { height: auto; line-height: normal !important; position: absolute; right: 15px; top: 5px; vertical-align: top;}
.subscribe-style1 a .fa { line-height: normal !important; }
.subscribe-style1 a:hover { opacity: 0.8;}

/* subscribe-style4 */
.subscribe-style4 input { margin: 0 0 0 0px; padding:8px 40px 9px 20px !important; border-radius: 4px; font-size:13px !important}
.subscribe-style4 input:focus, .subscribe-style1 select:focus { border: 1px solid rgba(0, 0, 0, 0.5) !important;}
.subscribe-style4 a { height: auto; line-height: normal !important; position: absolute; right: 15px; top: 10px;}
.subscribe-style4 a .fa { vertical-align: top; line-height: normal !important; }
.subscribe-style4 a:hover { opacity: 0.8;}

/* ===================================
    Footer
====================================== */

footer ul { list-style: none; padding: 0; margin: 0;}
footer ul.links-inline li a, footer .social-icon a{ margin: 0 10px; display: inline-block;}
footer ul.links-inline li{ display: inline-block;}
footer ul.links li a { margin: 2px 0; display: inline-block}
footer .newsletter button{padding: 0 !important; position: absolute; right:15px; top: 24px; outline: none; background:transparent;}
footer .newsletter button.btn{padding: 8px 15px !important;}
footer .social-icon a i{ height: 40px; width: 40px; border-radius: 50%; vertical-align: middle; text-align: center;}
footer .social-icon a:last-child{ margin-right:0;}

/*music player addon*/
.footer {
  min-height: 50px;
  padding: 0 15px;
}
.footer.navbar {
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  z-index: 1000;
}
.player-bar {
/*top: 0;*/
    bottom: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
}
/*music player addon*/

/* ===================================
    Call To Action
====================================== */

.offer .offer-box-right ul { padding-left: 0;}
.offer .offer-box-right ul li{display: inline-block; margin:0 15px 15px 0;}

/* ===================================
    Counter
====================================== */

.counter-box .counter-content{left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 11;}

/* ===================================
    Clients
====================================== */

.grid-border [class^=col-]:before, .grid-border [class^=col-]:after {content: ''; position: absolute;}
.grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0,0,0,0.1);}
.grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute;}
.grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.client-logo-inner {display: table-cell; text-align: center; vertical-align: middle; width: 100%;}
.client-logo-outer {display: table; width: 100%;}

/* ===================================
    Timer
====================================== */

.time-counter-box {width:780px}
.time-counter .counter-box { display: inline-block !important; border-right: 1px solid rgba(255,255,255,.3); padding:20px 20px 7px; min-width: 160px; text-align: center;}
.time-counter .counter-box .number {font-size:50px; color:#fff; padding-bottom:15px;}
.time-counter .counter-box:last-child {border-right:0}

/* ===================================
    Testimonial
====================================== */

/* testimonial style 5 */
.testimonial-style5 .testimonial  {padding-left:15px; }
.testimonial-style5 .testimonial:before { content:"\f10d"; font-family:'FontAwesome'; line-height: 44px;  position: absolute; left: 0px; font-size: 14px; top: -7px; color: #282828 }

/* testimonial style 7 */
.testimonial-style7 i { margin:0 2px}
.testimonial-style7 .testimonial-box {box-shadow: 0 0 3px rgba(0, 0, 0, .10); padding:45px 35px}

/* testimonial style 8 */
.testimonial-style8 .testimonial-img {position:relative}
.testimonial-style8 .testimonial-img:before {content:"\f10d"; font-family:'FontAwesome'; line-height: 44px;  position: absolute; font-size: 40px; top: -7px; color: #ffcf29; margin-left: -73px; z-index: -1; left: 50% }

/* testimonial style 9 */
.testimonial-style9-con {padding:55px 45px; box-shadow: 0 0 3px rgba(0, 0, 0, .10);}

/* ===================================
    Social Widget
====================================== */

/* social widget style 1 */
.social-widget-1 .timePosted a { font-size: 12px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-1 .tweet { font-size: 16px !important; color: #ffffff !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-1 .tweet a { font-size: 16px !important; color: #ffffff !important;}

/* social widget style 2 */
.social-widget-2 .timePosted a { font-size: 12px !important; color: #282828 !important; text-transform: uppercase !important;}
.social-widget-2 .tweet { font-size: 16px !important; color: #282828 !important; margin-bottom: 3% !important;}
.social-widget-2 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}
.social-widget-2 .twitter-widget { top: 50%; transform: translateY(-50%);}

/* social widget style 3 */
.social-widget-3 .timePosted a { font-size: 12px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-3 .tweet { font-size: 16px !important; color: #69696e !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-3 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}

/* social widget style 4 */
.social-widget-4 .timePosted a { font-size: 12px !important; color: #ffffff !important; text-transform: uppercase !important;}
.social-widget-4 .tweet { font-size: 16px !important; color: #ffffff !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-4 .tweet a { font-size: 16px !important; color: #ffffff !important;}

/* social widget style 5 */
.social-widget-5 .timePosted a { font-size: 11px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-5 .tweet { font-size: 14px !important; color: #69696e !important; margin-bottom: 1.5% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-5 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}

/* ===================================
    only ie7, ie9, ie10, ie11
====================================== */

/* button */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: 0 none; box-shadow: none;}

@media screen\0 {
    .input-group-btn .btn-large.btn { height: 59px;}
    .equalize.equalize-display-inherit .display-table { display: inherit !important; position: static;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-middle { display: inherit !important; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-bottom { display: inherit !important; top: inherit; bottom: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); position: relative;}
    .client-logo-inner, .client-logo-outer { display: block;}
}

/* ===================================
    Circular Progress Bar
====================================== */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   *
   * If you're not using "display: flex", you can remove this style.
   */
  width: 5%;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
  display: none;

}

.slick-slide .bottom-shadowed {
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    margin-bottom: 15px;
}
.stars-wrapper span {
    line-height: 1;
}

.slick-slide {
    padding-left: 30px;
    padding-right: 30px;
}
/*.slick-arrow.slick-next, .slick-arrow.slick-prev {*/
    /*height: 80px;*/
    /*width: 60px;*/
    /*border-radius: 10px;*/
    /*background-color: #edebeb;*/
    /*border: 2px solid #555;*/
/*}*/
.slick-arrow.slick-next {
    right: -3%;
}
.slick-arrow.slick-prev {
    left: -3%;
}
.slick-arrow.slick-next:before, .slick-arrow.slick-prev:before {
    color: #555;
    /*font-size: 50px;*/
}

.one-line {
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-row {
    display: table;
}
.table-cell,
.fa.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.notesWrapper {
    display: block;
    width: 100%;
}
.notesWrapper canvas {
    width: 100%;
}
.menu-button {
    width: 229px;
    height: 37px;
    border: 1px solid #F76B1C;
    border-radius: 23px;
    padding-top: 7px;
    padding-left: 15px;
    bottom: 8px;
}
.orange-text {
    color: #F76B1C;
    font-size: 22px;
    padding-right: 26px;
}

/* Video js styles */
.video-js-audio-custom {
  background-color: #acb3bc !important;
}
.video-js-audio-custom * {
  transition-duration: 0s;
  -o-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
}
button.vjs-device-button.vjs-control.vjs-icon-audio-perm,
.vjs-record-indicator.vjs-control  {
    display: none; /* hide big record button and rec label while recording */
}

/*center a div*/
.parent {
    position: relative;
}

.parent .center-wrapper {
    position: absolute;
    left: 50%;
}

.parent .center-wrapper .center-content {
    position: relative;
    left: -50%;
}

/* React Toggle */
.react-toggle {
  touch-action: pan-x;

  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}

.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #4D4D4D;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #000000;
}

.react-toggle--checked .react-toggle-track {
  background-color: #19AB27;
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #128D15;
}

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-x {
  opacity: 0;
}

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #4D4D4D;
  border-radius: 50%;
  background-color: #FAFAFA;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #19AB27;
}

.react-toggle--focus .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 3px 2px #0099E0;
  -moz-box-shadow: 0px 0px 3px 2px #0099E0;
  box-shadow: 0px 0px 2px 3px #0099E0;
}

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 5px 5px #0099E0;
  -moz-box-shadow: 0px 0px 5px 5px #0099E0;
  box-shadow: 0px 0px 5px 5px #0099E0;
}

.toggle-green.react-toggle--checked .react-toggle-track {
  background-color: #369663;
}

/* ======= Collapsible ======== */
/*// The main container element*/
.Collapsible {
  background-color: rgb(255, 255, 255);
}


/*//The content within the collaspable area*/
.Collapsible__contentInner {
  padding: 10px;
  /*border: 1px solid lightGrey;*/
  background: #f6f6f6;
  border-top: 0;
}
.Collapsible__contentInner > p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}
.Collapsible__contentInner > p:last-child {
      margin-bottom: 0;
}

/*//The link which when clicked opens the collapsable area*/
.Collapsible__trigger {
  display: block;
  font-weight: 400;
  text-decoration: none;
  color: rgb(51, 51, 51);
  position: relative;
  border: 1px solid white;
  padding: 10px;
  background: #f76b1c;
  color: white;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
}
.Collapsible__trigger::after {
    font-family: "Material Icons";
    /*font-family: 'FontAwesome';*/
    /*content: '\f107';*/
    /*content: \E313;*/
    content: 'keyboard_arrow_down';
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    transition: transform 300ms;
  }

.Collapsible__trigger.is-open::after {
      transform: rotateZ(180deg);
}

.Collapsible__trigger .is-disabled {
    opacity: 0.5;
    background-color: grey;
  }


.CustomTriggerCSS {
  background-color: lightcoral;
  transition: background-color 200ms ease;
}

.CustomTriggerCSS--open {
  background-color: darkslateblue;
}

.Collapsible__custom-sibling {
  padding: 5px;
  font-size: 12px;
  background-color: #CBB700;
  color: black;
}

.container-confirmation input {
  width: 43px;
  margin: 0 2px;
  text-align: center;
  display: inline-block;
}
.container-confirmation > img.center-col {
  margin-top: 20px;
  width: 200px;
  height: 200px;
}
@media (max-height: 800px) {
  .container-confirmation.dialog-confirmation > img.center-col {
    margin-top: 0;
    width: 150px;
    height: 150px;
  }
  .container-confirmation.dialog-confirmation > a {
    position: relative;
    top: -20px;
  }
  .container-confirmation.dialog-confirmation > .rss-submit-code {
    margin-bottom: -10px;
  }
}

.importing-feed-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  background-color: #ffffffab;
}

.importing-feed-overlay > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}


.post-text-min-height{
    min-height:260px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.filepond--wrapper {
  padding: 10px 0px;
}

.filepond--wrapper .filepond--root {
  font-size: 2rem;
  margin-bottom: 0;
}

.tabMenu-link {
    padding: 10px 20px;
    font-size: 1.6rem;
    display: inline-block;
}

.tabMenu-link.is-active {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #fff;
    color: #f7691c;
}

.disable-audio-player {
    opacity: 0.3;
    pointer-events: none;
}

.disable-audio-player .play_pause_button {
    pointer-events: all;
}

@media(max-width: 991px) {
    .VideoDialog > div > div {
        width: 100% !important;
    }
}