/*===============================================
Template Name: dreamhub - Transport & Logistics HTML5 Template
Author:  https://themeforest.net/user/dreamit-solution
Description: Description
Version: 1.0.0
Text Domain: dreamhub
Tags:   delivery company, grid, logistics, moving, moving company, shipping, courier, shipping company, storage, transport, transport company, warehouse.
================================================*/
    
/*TABLE OF CONTENTS*/
/*=====================
01. dreamhub Header Top Menu Area Css
02. dreamhub Nav Menu Area Css 
03. dreamhub hero Area Css
04. dreamhub Breadcumb Area Css
05. dreamhub service Area Css
06. dreamhub Section Title Css
07. dreamhub About Area Css
08. dreamhub pricing Area Css
09. dreamhub blog Area Css
10. dreamhub Recipe Area Css
11. dreamhub testimonial Area Css
12. dreamhub call-do-action-Area Css 
13. dreamhub footer-Area Css
14. dreamhub contact Area Css
15. dreamhub faq Area Css
16. dreamhub blog-grid Area Css
17. dreamhub blog-list Area Css
18. dreamhub blog-2column Area Css
19. dreamhub blog-details Area Css
20. dreamhub Products Area Css
21. dreamhub Products-details Area Css
22. dreamhub Gallery Area Css
=======================*/


/*=====================================
<--  dreamhub Nav Menu Area Css -->
=======================================*/


.dreamhub_nav_manu {
    padding: 0 100px;
    margin-bottom: -116px;
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #10102E !important;
    transition: .5s;
    z-index: 500;
    padding: 0 100px;
    transition: .5s !important;
    z-index: 500;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .logo {
    margin-top: 0;
}

.sticky.dreamhub_nav_manu:before {
    display: none;
}

/* dreamhub Menu Css*/

nav.dreamhub_menu {
    text-align: right;
}

.dreamhub_menu ul {
    list-style: none;
    display: inline-block;
	padding: 0;
}

.dreamhub_menu>ul>li {
    display: inline-block;
    position: relative;
    z-index: 2;
}

.dreamhub_menu > ul > li > a {
    display: block;
    margin: 30px 18px 15px;
    -webkit-transition: .5s;
    font-size: 16px;
    text-decoration: none;
    color: #202124;
    font-weight: 400;
}

nav.dreamhub_menu ul li a i {
    display: inline-block;
    font-size: 12px;
    padding-left: 4px;
}

nav.dreamhub_menu span {
    font-size: 13px;
    padding-left: 6px;
    font-family: FontAwesome;
    opacity: .5;
}

.dreamhub_menu > ul > li > a:hover {
    color: #f6a963;
}



/*** Sub Menu Style ***/
.dreamhub_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid #f6a963;
    opacity: 0;
}

.dreamhub_menu ul li:hover>.sub-menu {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 100%;
     opacity: 1;
     z-index: 9999;
 }

.dreamhub_menu ul .sub-menu li {
     position: relative;
}

.dreamhub_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: .1s;
    visibility: inherit !important;
    color: #211e3b !important;
    text-decoration: none;
}

.dreamhub_menu ul .sub-menu li:hover>a,
.dreamhub_menu ul .sub-menu .sub-menu li:hover>a,
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
     background:#f6a963;
     color: #fff !important;
}

/* sub menu 2 */

.dreamhub_menu ul .sub-menu .sub-menu {
     left: 100%;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}

.dreamhub_menu ul .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* sub menu 3 */

.dreamhub_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.dreamhub_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}

.dreamhub_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* sub menu 4 */

.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}

.dreamhub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}

.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

.dreamhub_menu li a:hover:before{
    width:100%;
}

.dreamhub_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.dreamhub_nav_manu.sticky .main_sticky {
    display: inherit;
}

.sticky .dreamhub_menu li a {
    color: #fff;
}

.dreamhub_nav_manu.sticky a.dtbtn {
    color: #fff;
    background: #F16722;
    border: 2px solid #F16722;
}

.dreamhub_nav_manu.sticky a.dtbtn:hover {
    color: #43baff;
}

.mobile-menu.mean-container {
    overflow: hidden;
}



.dreamhub_nav_manu  .dreamhub-btn {
    margin-left: 19px;
    display: inline-block;
}
.dreamhub_nav_manu .dreamhub-btn a {
    padding: 8px 38px;
}





/*=====================================
<--  start dreamhub hero area Area Css -->
=======================================*/

.hero-area {
    background: url(assets/images/hero-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 963px;
}

.hero-thumb {
    margin-top: 80px;
}

.row.hero {
    position: relative;
}

/*---hero-content---*/
.hero-content h5 {
    font-size: 17px;
    color: #f5a962;
    font-weight: 700;
    font-family: "Rubik";
    line-height: 61px;
}

.hero-content h1 {
    font-size: 65px;
    color: #202124;
    font-weight: 700;
    font-family: "Rubik";
    line-height: 68px;
}

.hero-content p {
    font-size: 18px;
    line-height: 30px;
    color: #646464;
    font-weight: 400;
    font-family: "Rubik";
    width: 83%;
    margin: 0;
    padding: 8px 0 40px;
}

/*---hero-btn---*/
.dreamhub-btn {
    display: inline-block;
    margin-right: 11px;
}
.dreamhub-btn a {
    display: inline-block;
    background: #f6a963;
    padding: 7px 32px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.dreamhub-btn a i {
    display: inline-block;
    font-size: 23px;
    position: relative;
    top: 4px;
    margin-left: 7px;
}

.dreamhub-btn a::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    transition: .5s;
    opacity: 0;
	border-radius: 3px;
}

.dreamhub-btn2 {
    display: inline-block;
}

.dreamhub-btn2 a {
    display: inline-block;
    padding: 6px 32px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    border-radius: 3px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: .5s;
    border: 1px solid #f6a963;
    color: #f6a963;
}

.dreamhub-btn2 a i {
    display: inline-block;
    font-size: 23px;
    position: relative;
    top: 4px;
    margin-left: 7px;
}

.dreamhub-btn2 a::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    background: #f6a963;
    left: 0;
    top: 0;
    z-index: -1;
    transition: .5s;
    opacity: 0;
    border-radius: 3px;
}


/*---all hover---*/
.dreamhub-btn a:hover::before {
    opacity: 1;
    width: 100%;
    border: 1px solid #f6a963;
}

.dreamhub-btn a:hover{
	color: #f6a963;
}

.dreamhub-btn2 a:hover::before {
    opacity: 1;
    width: 100%;
}

.dreamhub-btn2 a:hover{
	color: #fff;
}


/*---hero-thumb---*/


.hero-shape {
    position: absolute;
    top: 84%;
    left: -14%;
}

.hero-shape2 {
    position: absolute;
    top: 89%;
    right: -50%;
}

.hero-shape3 {
    position: absolute;
    bottom: 5%;
    right: -114%;
}

.hero-shape4 {
    position: absolute;
    top: 14%;
    left: 36%;
}



/*=====================================
<--  end dreamhub hero  Area Css -->
=======================================*/



/*=====================================
<--  start dreamhub section-title Area Css -->
=======================================*/

.service-content {
    text-align: center;
}

.section-main-title h1 {
    font-size: 40px;
    color: #202124;
    font-weight: 700;
    font-family: "Rubik";
    line-height: 42px;
	padding: 18px 0 53px;
}

.section-main-title h2 {
    font-size: 40px;
    color: #202124;
    font-weight: 700;
    font-family: "Rubik";
    line-height: 42px;
	padding: 18px 0 53px;
}

.section-main-title.about h1 {
    padding: 0 0 12px;
}

.section-main-title.about h2 {
    padding: 18px 0 0;
}

.section-title h5 {
    font-size: 16px;
    color: #f5a962;
    font-weight: 500;
    font-style: italic;
    font-family: "Rubik";
}

.section-title-description p {
    font-size: 16px;
    line-height: 28px;
    color: #646464;
    font-weight: 400;
    font-family: "Rubik";
    padding: 0 0 34px;
}

.blog-content {
    text-align: center;
}

.testimonial-area .section-main-title h1 {
    padding: 18px 0 26px;
}
/*=====================================
<--  end dreamhub section-title Area Css -->
=======================================*/




/*=====================================
<--  start dreamhub service Area Css -->
=======================================*/
.service-area {
    padding: 120px 0 120px;
}

.service-single-box {
    border-radius: 5px;
    background-color: #fffaff;
    border: 1px solid #e9e9e8;
    padding: 49px 41px 38px;
	transition: .5s;
}

.service-single-content {
    text-align: center;
}

.service-icon {
    width: 97px;
    height: 97px;
    background: #fdf2f0;
    line-height: 97px;
    border-radius: 30px 0 30px 0;
    margin: auto;
    margin-bottom: 33px;
}

.service-title h3 {
    font-size: 24px;
    color: #202124;
    font-weight: 500;
    font-family: "Rubik";
}

.service-description p {
    font-size: 16px;
    line-height: 28px;
    color: #646464;
    font-weight: 400;
    font-family: "Rubik";
    margin: 0;
    padding: 11px 0 19px;
}

.service-btn a {
    text-decoration: none;
    font-size: 16px;
    color: #202124;
    font-weight: 400;
    font-family: "Rubik";
	transition: .5s;
}

.service-btn a i {
    font-size: 26px;
    display: inline-block;
    position: relative;
    top: 5px;
}


.service-single-box:hover {
    background-color: #fffaff !important;
    background: linear-gradient(90deg, #f6a963 50%, transparent 0) repeat-x, linear-gradient(90deg, #f6a963 50%, transparent 0) repeat-x, linear-gradient(0deg, #f6a963 50%, transparent 0) repeat-y, linear-gradient(0deg, #f6a963 50%, transparent 0) repeat-y;
    background-size: 7px 2px, 7px 2px, 2px 7px, 2px 7px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    -webkit-animation: linearGradientMove 0.5s infinite linear;
    animation: linearGradientMove 0.5s infinite linear;
}

@-webkit-keyframes linearGradientMove {
  100% {
    background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;
  }
}

@keyframes linearGradientMove {
  100% {
    background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;
  }
}

.service-single-box:hover .service-btn a{
	color: #f6b167
	
}
/*=====================================
<--  end dreamhub service Area Css -->
=======================================*/

/*=====================================
<--  start dreamhub about Area Css -->
=======================================*/
.about-area {
    position: relative;
    z-index: 1;
    background: #fffaff;
    padding: 111px 0 119px;
}

.about-thumb {
    margin-left: -8px;
}

.about-shape {
    position: absolute;
    top: 64%;
    left: 35%;
}

.about-shape2 {
    position: absolute;
    top: 66%;
}

.about-shape3 {
    position: absolute;
    top: 13%;
    left: 13%;
    z-index: -1;
}

.about-single-box {
    margin-bottom: 37px;
}

.about-content {
    margin-left: 47px;
}

.about-title h3 {
    font-size: 22px;
    color: #202124;
    font-weight: 500;
    font-family: "Rubik";
    margin: 0;
}

.about-title p {
    font-size: 16px;
    line-height: 30px;
    color: #646464;
    font-weight: 400;
    font-family: "Rubik";
    margin: 0;
}

.about-number {
    margin-right: 18px;
}

.about-number span {
    font-size: 20px;
    background: #212226;
    color: #fff;
    font-weight: 500;
    padding: 10px 11px 10px;
    border-radius: 10px 0 10px 0;
    transition: .5s;
}

.about-number span:hover {
    background: #f6a963;
}

/*=====================================
<--  end dreamhub about Area Css -->
=======================================*/







/*=====================================
<--  start dreamhub pricing Area Css -->
=======================================*/
.pricing-area {
    padding: 113px 0 88px;
}

.pricing-area.style-two {
    padding: 115px 0 88px;
}

.pricing-single-box {
    text-align: center;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    padding: 34px 0 37px;
    transition: .5s;
	margin-bottom: 30px
}
.pricing-single-box.active {
    background: #fffaff;
    border: 1px solid #f6a963;
}

.pricing-head {
    padding: 13px 0 8px;
}

.pricing-top-title h4 {
    font-size: 22px;
    color: #202124;
    font-weight: 500;
    font-family: "Rubik";
}

.pricing-item {
    display: inline-block;
}

span.tk {
    color: #202124;
    font-weight: 500;
    font-family: "Rubik";
    font-size: 51px;
}

span.doller {
    font-size: 30px;
    color: #202124;
    font-weight: 500;
    font-family: "Rubik";
}

.pricing-text h3 {
    font-size: 16px;
    color: #202124;
    font-weight: 400;
    font-family: "Rubik";
    padding-left: 6px;
}

.pricing-text {
    display: inline-block;
}

.pricing-body {
    margin-bottom: 22px;
}

.pricing-body ul {
    padding: 0;
}

.pricing-body ul li {
    list-style: none;
    font-size: 16px;
    color: #646464;
    font-weight: 400;
    font-family: "Rubik";
    line-height: 48px;
}

.pricing-body ul li i {
    font-size: 17px;
    margin-right: 7px;
    display: inline-block;
}

.pricing-name {
    display: inline-block;
}

.pricing-area .dreamhub-btn a {
    display: inline-block;
    padding: 4px 32px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: .5s;
    border: 1px solid #202124;
    background: none;
    color: #202124;
}

.pricing-area .pricing-single-box.active .dreamhub-btn a {
    background: #f6a963;
    color: #fff;
	border: 1px solid #f6a963;
}

.pricing-area .dreamhub-btn a::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: .5s;
    opacity: 0;
    border-radius: 3px;
    border: none;
    background: #f6a963;
}

.pricing-area .dreamhub-btn a i {
    display: inline-block;
    font-size: 26px;
    position: relative;
    top: 5px;
    margin-left: 2px;
}

.pricing-area .dreamhub-btn a:hover::before {
    opacity: 1;
    width: 100%;
	border: none;
    
}

.pricing-area .pricing-single-box:hover .dreamhub-btn a{
	color: #fff;
	border: 1px solid #f6a963;
}

.pricing-single-box:hover {
    background: #fffaff;
    border: 1px solid #f6a963;
}

.pricing-single-box:hover .dreamhub-btn a::before {
    width: 100%;
    opacity: 1;
}


/*=====================================
<--  end dreamhub pricing Area Css -->
=======================================*/










/*=====================================
<--  start dreamhub blog Area Css -->
=======================================*/

.blog-area {
    padding: 115px 0 88px;
    background: #fffaff;
}

.blog-area.style-two {
    padding: 115px 0 87px;
}

.single-blog-box {
    margin-bottom: 30px;
}

.blog-thumb{
	overflow: hidden;
}

.blog-thumb img {
    width: 100%;
    transform: scale(1);
	transition: .5s;
}

.blog-single-content {
    padding: 26px 29px 11px;
    border-radius: 0 0 5px 5px;
    background-color: #ffffff;
    border: 1px solid rgba(32,33,36,0.1);
    transition: .5s;
}

.blog-title h3 {
    line-height: 30px;
    font-size: 21px;
    color: #202124;
    font-weight: 500;
    font-family: "Rubik";
    margin-bottom: 15px;
}

.blog-title h3 a {
    text-decoration: none;
    color: #202125;
    display: inline-block;
	transition: .5s;
}

.blog-description p {
    font-size: 16px;
    line-height: 26px;
    color: #646464;
    font-weight: 400;
    font-family: "Rubik";
    width: 99%;
}

.single-blog-box:hover .blog-single-content {
    border-left: 1px solid #f6a963;
    border-bottom: 1px solid #f6a963;
    border-right: 1px solid #f6a963;
}

.single-blog-box:hover .blog-thumb img {
    transform: scale(1.1);
}

.single-blog-box:hover .blog-title h3 a{
	color: #f6a963;
}

/*=====================================
<--  end dreamhub blog Area Css -->
=======================================*/










/*=====================================
<--  start dreamhub recipes Area Css -->
=======================================*/


.recipes-area {
    padding: 116px 0 120px;
}

.recipes-area.style.two {
    background: #fffaff;
}

.product-area .dreamhub-btn a {
    padding: 9px 37px;
}

.recipes-area .dreamhub-btn {
    float: right;
    margin: 0 0 25px 0;
}

.recipes-thumb {
    overflow: hidden;
}

.recipes-thumb img {
    width: 100%;
    transform: scale(1);
	transition: .5s;
}

.single-recipes-content {
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid rgba(32,33,36,0.1);
    padding: 25px 28px 16px;
	transition: .5s;
}
.recipes-title h3 {
    font-size: 20px;
    color: #202124;
    font-weight: 500;
    font-family: "Rubik";
}

.recipes-description p {
    font-size: 16px;
    line-height: 26px;
    color: #646464;
    font-weight: 400;
    font-family: "Rubik";
    margin: 0;
    padding: 0 0 10px;
}

.recipes-btn a {
	display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #202124;
    font-weight: 400;
    font-family: "Rubik";
    text-decoration: none;
	transition: .5s;
}

.recipes-btn a i {
    display: inline-block;
    font-size: 26px;
    position: relative;
    top: 6px;
}

.single-recipes-box:hover .recipes-thumb img {
    transform: scale(1.1);
}

.single-recipes-box:hover .single-recipes-content {
    border-left: 1px solid #f6a963;
    border-bottom: 1px solid #f6a963;
    border-right: 1px solid #f6a963;
	background: #fffaff;
}

.single-recipes-box:hover .recipes-btn a{
	color: #f6a963;
}



/*=====================================
<--  end dreamhub recipes Area Css -->
=======================================*/








/*=====================================
<--  start dreamhub testimonial Area Css -->
=======================================*/

.testimonial-area {
    background: #fffaff;
    padding: 114px 0 119px;
}

.testimonial-thumb {
    margin-left: 36px;
}

.testimonial-description p {
    font-size: 16px;
    line-height: 29px;
    color: #646464;
    font-weight: 400;
    font-style: italic;
    font-family: "Rubik";
}

.testimonial-rating ul li {
    list-style: none;
    display: inline-block;
}

.testimonial-rating {
    padding: 16px 0 20px;
    position: relative;
}

.testimonial-rating::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 84%;
    background: #b3aeb2;
    top: 35px;
    left: 16%;
    opacity: 0.5;
}
.testimonial-rating ul li a i {
    display: inline-block;
    color: #f7a865;
    font-size: 15px;
}

.testi-quote i {
    color: #b2b0b3;
    font-size: 21px;
    position: relative;
    top: 13px;
}

.testi-quote {
    display: inline-block;
    float: right;
}

.testimonial-rating ul {
    display: inline-block;
    padding: 0;
}

.testimonial-people {
    float: left;
    display: flex;
}

.people-name {
    float: right;
    display: inline-block;
    margin: 15px 0 0 14px;
}

.people-name h4 {
    font-size: 20px;
    color: #202124;
    font-weight: 500;
    font-family: "Rubik";
    margin: 0;
}

.people-name span {
    font-size: 16px;
    line-height: 28px;
    color: #202124;
    font-weight: 400;
    font-family: "Rubik";
}

.owl-nav {
    text-align: right;
    position: relative;
    top: -50px;
}

.owl-prev, .owl-next {
    display: inline-block;
    border: 1px solid #b2b0b3;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    opacity: 0.5;
    margin-right: 12px;
	transition: .5s;
}
.owl-prev i, .owl-next i {
    display: inline-block;
    font-size: 20px;
	transition: .5s;
	color: #b1afb2;
	transition: .5s;
}

.owl-prev, .owl-next .owl-prev i:hover, .owl-next i:hover {
    color: #fff;
}

.owl-prev:hover, .owl-next:hover {
    background: #f6a963;
    opacity: 1;
	border: 1px solid #f6a963;
}

/*=====================================
<--  end dreamhub testimonial Area Css -->
=======================================*/





/*=====================================
<--  start dreamhub call-do-action-area Css -->
=======================================*/


.call-do-action-area {
    padding: 110px 0 100px;
}


h1.call-do-action-title {
    font-size: 40px;
    color: #202124;
    font-weight: 700;
    font-family: "Rubik";
    margin-bottom: 22px;
}

p.call-do-action-desc {
    font-size: 16px;
    line-height: 26px;
    color: #646464;
    font-weight: 400;
    font-family: "Rubik";
    width: 51%;
}

.call-do-action-area .dreamhub-btn a {
    padding: 9px 38px;
}

.call-do-action-area .dreamhub-btn {
    float: right;
}


/*=====================================
<--  end dreamhub call-do-action-area Css -->
=======================================*/



/*=====================================
<--  start dreamhub footer-area Css -->
=======================================*/

.footer-area {
    background: #030116;
    padding: 100px 0 12px;
}

.footer-widget-text p {
    font-size: 16px;
    line-height: 26px;
    color: #ccccce;
    font-weight: 400;
    font-family: "Rubik";
    margin: 0;
    padding: 28px 0 17px;
}

.footer-widget-social a i {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding-right: 10px;
    transition: .5s;
}

.footer-widget.left {
    padding-left: 92px;
}

.footer-widget.right {
    padding-left: 59px;
}

.widget-title h2 {
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Rubik";
    margin-bottom: 22px;
}

.footer-widget ul {
    padding: 0;
}

.footer-widget ul li {
    list-style: none;
    padding-top: 8px;
}

.footer-widget ul li a {
    display: inline-block;
    text-decoration: none;
    color: #ccccce;
	transition: .5s;
}

.footer-widget.link ul li a {
    display: inline-block;
    color: #ccccce;
    text-decoration: none;
}

.footer-widget-quote-contact ul {
    padding: 0;
}

.footer-widget-quote-contact ul li {
    list-style: none;
    color: #ccccce;
    padding-top: 9px;
}


.footer-widget-quote-contact ul li i {
    display: inline-block;
    color: #f6a963;
    padding-right: 4px;
}

.row.br {
    border-top: 1px solid #353444;
    padding-top: 19px;
    margin: 0;
    margin-top: 77px;
}

.coppy-right-text {
    text-align: center;
}

.coppy-right-text p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    font-family: "Rubik";
    text-align: center;
}

.footer-widget ul li a:hover {
    color: #f6a963;
}

span.headline-color {
    color: #f6a963;
}


.footer-widget-social a i:hover {
    color: #f6a963;
}

/*=====================================
<--  end dreamhub footer-area Css -->
=======================================*/




/*=====================================
<--  start inner-page-area Css -->
=======================================*/

/*---breatcome-area---*/

.breatcome-area {
    background: url(assets/images/page-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}

.breatcome-title h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px;
}

.breatcome-text ul {
    padding: 0;
}

.breatcome-text ul li {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    text-transform: capitalize;
}

.breatcome-text ul li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
}

.style-two.dreamhub_nav_manu {
    padding: 0 100px;
    margin-bottom: 0;
}



/*---products-area---*/

.products-area {
    padding: 100px 0 100px;
}

h4.widget-title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
    color: #0E1317;
    font-weight: 400;
}

.form_group {
    position: relative;
    margin-bottom: 45px;
}

.form_group label {
    position: absolute;
    top: 15px;
    right: 20px;
}

.form_group input::placeholder {
    color: #fff;
}

.form_group input {
    background-color: #f6a963;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    width: 100%;
    outline: 0;
    border: none;
    padding: 14px 26px 9px;
}

.form_group label i {
    display: inline-block;
    color: #fff;
    font-size: 17px;
}

.sidebar-widget.product-category ul {
    padding: 0;
}

.sidebar-widget.product-category ul li {
    list-style: none;
}

.sidebar-widget.product-category ul li a {
    text-decoration: none;
    color: #666666;
    display: flex;
    justify-content: center;
    transition: .5s;
}

span.dot-border {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px dashed #666666;
    margin-bottom: 13px;
}

/*Price Range
===========================*/


.range-wrapper-box {
    padding: 40px 35px 40px;
    background: #fff;
    box-shadow: 0px 10px 50px rgb(231 231 231 / 50%);
    border-radius: 4px;
    margin-bottom: 30px;
}

.slider-labels {
    margin-top: 35px;
}

.text-right.caption {
    display: inline-block;
}

.caption {
    display: inline-block;
}

.caption strong {
    width: 74px;
    height: 34px;
    line-height: 35px;
    background: #f6a963;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-family: 'Inter';
    color: #fff;
    border-radius: 3px;
    margin-right: 10px;
}

span#slider-range-value1, span#slider-range-value2 {
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 400;
    color: #062462;
}



.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 */

.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
 
 .categories-title h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
    color: #0E1317;
    font-weight: 400;
}

.noUi-horizontal {
  height: 5px;
}

.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -7px;
    top: -6px;
    background-color: #f6a963;
}

.noUi-background {
  background: #ececec;
}

.noUi-connect {
    background: #f6a963;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */

.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
    border: 8px solid rgba(237, 28, 37, 0.38);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -14px;
    top: -14px;
}

/* Disabled state;
 */

[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}




.product-thumbnail img {
    border-radius: 50%;
}


.product-ratings {
    position: relative;
    top: -10px;
}

.product-thumb {
    float: left;
    margin-right: 22px;
}

.product-thumb img {
    width: 100%;
}

.product-ratings ul {
    padding: 0;
}

.product-ratings ul li {
    list-style: none;
    display: inline-block;
}

.product-ratings ul li i {
    display: inline-block;
    font-size: 15px;
    color: #f6a963;
}

h6.product-title {
    margin: 0;
}

h6.product-title a {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    color: #666666;
    transition: .5s;
}


.sidebar-widget.product-tag-cloud a {
    padding: 5px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid rgba(14, 19, 23, 0.1);
    border-radius: 5px;
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #666666;
    transition: .5s;
}

.show-text p {
    font-size: 16px;
    line-height: 22px;
    color: #0E1317;
}

.filter-category {
    text-align: right;
}

.filter-category ul li {
    list-style: none;
    display: inline-block;
}

.filter-category ul li a i {
    display: inline-block;
    font-size: 22px;
    color: black;
    padding-left: 7px;
}

.nice-select.wide {
    text-align: right;
}


.single-product-item {
    background: #fdf5f2;
    text-align: center;
    border: 1px solid rgba(14, 19, 23, 0.07);
    padding: 38px 30px 27px;
    margin-bottom: 30px;
    transition: .5s;
    border-radius: 5px;
}

ul.ratings {
    padding: 0;
    margin: 0;
    margin-top: 19px;
}

ul.ratings li {
    list-style: none;
    display: inline-block;
}

ul.ratings li i {
    display: inline-block;
    color: #f6a963;
}

h2.title {
	margin: 0;
	font-size: 24px;
	color: #0d1218;
	margin-bottom: 16px;
}

h3.title a {
    display: inline-block;
    font-size: 23px;
    text-decoration: none;
    color: #0e1317;
    font-weight: 400;
    padding: 3px 0 5px;
}

span.price {
    font-size: 20px;
    color: #f6a963;
    font-weight: 400;
}

.qichen-pagination {
    text-align: center;
}

.qichen-pagination ul {
    padding: 0;
}

.qichen-pagination ul li {
    list-style: none;
    display: inline-block;
}

.qichen-pagination ul li a {
    display: inline-block;
    border: 1px solid rgba(14, 19, 23, 0.1);
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 20px;
    margin-left: 10px;
    font-weight: 400;
    transition: .5s;
}


.single-product-item:hover {
    background-color: #fdf5f2 !important;
    background: linear-gradient(90deg, #f6a963 50%, transparent 0) repeat-x, linear-gradient(90deg, #f6a963 50%, transparent 0) repeat-x, linear-gradient(0deg, #f6a963 50%, transparent 0) repeat-y, linear-gradient(0deg, #f6a963 50%, transparent 0) repeat-y;
    background-size: 7px 2px, 7px 2px, 2px 7px, 2px 7px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    -webkit-animation: linearGradientMove 0.3s infinite linear;
    animation: linearGradientMove 0.3s infinite linear;
}

@-webkit-keyframes linearGradientMove {
  100% {
    background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;
  }
}

@keyframes linearGradientMove {
  100% {
    background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;
  }
}


.qichen-pagination ul li a:hover {
    background: #f6a963;
    color: #fff;
}
.sidebar-widget.product-tag-cloud a:hover {
    background: #f6a963;
	color: #fff;
}
h6.product-title a:hover {
    color: #f6a963;
}
.sidebar-widget.product-category ul li a:hover {
    color: #f6a963;
}






/*---blog-details css---*/

.blog-details-area {
	padding: 120px 0 120px;
}

.blog-details-area.style-two {
	padding: 120px 0 94px;
}

.post-thumbnail {
    margin-bottom: 37px;
    overflow: hidden;
}

.post-thumbnail img {
    width: 100%;
    transform: scale(1);
    transition: .5s;
    border-radius: 5px;
}

.post-meta {
    margin-bottom: 30px;
}

.post-meta ul {
    padding: 0;
}

.post-meta ul li {
    list-style: none;
    display: inline-block;
}

span.cat-btn a {
    text-decoration: none;
    display: inline-block;
    background: #f6a963;
    padding: 0 22px 0;
    color: #fff !important;
    font-size: 16px;
    border-radius: 5px;
    transition: .5s;
}

.post-meta ul li span a {
    display: inline-block;
    text-decoration: none;
    color: black;
    padding-left: 22px;
}

.post-meta ul li span a i {
    display: inline-block;
    font-size: 20px;
    color: #f6a963;
    margin-right: 9px;
}

h4.title {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 8px;
    color: #0E1317;
    line-height: 36px;
}

.entry-content p {
    font-size: 17px;
    line-height: 28px;
}

.quote-admin {
    padding: 20px 40px 25px;
    -webkit-border-start: 3px solid red;
    border-inline-start: 3px solid #f6a963;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 60px rgb(0 0 0 / 7%);
    box-shadow: 0px 10px 60px rgb(0 0 0 / 7%);
    margin-top: 31px;
    margin-bottom: 32px;
}

.quote-inner-content h3 {
    font-size: 23px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 16px;
    color: #0E1317;
}

.quote-inner-content h5 {
    font-size: 19px;
    font: 600 18px "Open Sans", sans-serif;
    color: black;
    font-weight: 400;
    position: relative;
    padding-left: 66px;
}

.quote-inner-content h5:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 50px;
    background: #f6a963;
    top: 10px;
    left: 0;
}

.mine-post p {
    line-height: 28px;
    font-size: 17px;
}

.tag-links {
    margin-top: 25px;
}

.tag-links {
    display: -webkit-box;
}

.tag-links h4 {
    color: #0E1317;
    font-weight: 400;
    font-size: 25px;
    line-height: 34px;
    margin-right: 5px;
}

.tag-links a {
    display: inline-block;
    text-decoration: none;
    color: #0E1317;
    font-weight: 200;
    transition: .5s;
    padding-left: 4px;
}

.social-share {
    display: flex;
    margin-bottom: 52px;
}

.tag-links h4 {
    color: #0E1317;
    font-weight: 400;
    font-size: 25px;
    line-height: 34px;
    margin-right: 5px;
    margin-bottom: 20px;
}

.social-share a {
    display: inline-block;
    text-decoration: none;
}

.social-share h4 {
    color: #0E1317;
    font-weight: 400;
    font-size: 25px;
    line-height: 34px;
    margin-right: 8px;
}

.social-share a i {
    display: inline-block;
    background: #f6a963;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 9px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    transition: .5s;
}

.post-author-box {
    background: #f6a963;
    padding: 40px 34px 35px;
    border-radius: 5px;
    margin-bottom: 54px;
}

.author-thumb {
    margin-right: 21px;
}

.author-thumb img {
    border-radius: 50%;
}

.author-content h4 {
    font-size: 24px;
    color: #fff;
    margin: 0;
    font-weight: 400;
    line-height: 20px;
}

span.position {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.author-content p {
    font-size: 16px;
    color: #fff;
    line-height: 27px;
    font-weight: 400;
    margin: 0;
    width: 88%;
}

.post-navigation-item {
    margin-bottom: 52px;
}

.post-navigation-item.style2 {
    float: right;
}

.thumb {
    margin: 5px 26px 0 0;
    overflow: hidden;
}

.thumb img {
    transition: .5s;
    border-radius: 5px;
}

span.post-date a {
    display: inline-block;
    text-decoration: none;
    color: #f6a963;
    font-weight: 200;
}

span.post-date a i {
    display: inline-block;
    color: #f6a963;
    font-size: 14px;
    padding-right: 10px;
}

.prev-post-content h6 a {
    font-size: 16px;
    text-decoration: none;
    color: #0e1317;
    font-weight: 400;
    line-height: 22px;
    transition: .5s;
}

.blog-details-comments {
    background: #f6a963;
    padding: 52px 40px 30px;
    border-radius: 5px;
    margin-bottom: 50px;
}

.blog-details-content h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 37px;
}

.blog-details-single-box {
    background: #fff;
    border-radius: 20px;
    padding: 26px 29px 14px;
    margin-bottom: 30px;
}

.blog-details-single-box.style2 {
    margin-left: 40px;
}

.blog-details-comment-thumb {
    margin-right: 24px;
}

.blog-details-comment-thumb img {
    border-radius: 50%;
}

.blog-details-comment-content h2 {
    font-size: 20px;
    color: #0e1317;
}

.blog-details-comment-content p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
}


/*---start-contact-area---*/


.contact_form {
    box-shadow: 0px 10px 60px rgb(56 56 56 / 7%);
    padding: 40px 36px 47px;
}

h4.comments-heading {
    color: #0e1317;
    font-size: 30px;
    margin-bottom: 40px;
}

.contact_form .form_field_inner input {
    width: 97%;
    background: transparent;
    border: 1px solid #ddd;
    height: 50px;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 30px;
    outline: 0;
}
.form_field_inner {
    width: 50%;
    float: left;
}
.contact_form .text_area .form_field_inner_text textarea {
    width: 98.4%;
    height: 250px;
    background: transparent;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 26px;
    padding-top: 25px;
    outline: 0;
}

.contact_button {
    text-align: right;
}

.contact_button button {
    display: inline-block;
    border: 1px solid #f6a963;
    padding: 7px 29px;
    border-radius: 5px;
    background: #f6a963;
    color: #fff;
    font-size: 17px;
    position: relative;
    z-index: 1;
	transition: .5s;
}

.contact_button button::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transition: .5s;
    border-radius: 5px;
}

.contact_button button:hover::before {
    width: 100%;
    opacity: 1;
}

.contact_button button:hover{
	color:#f6a963;
}


.search {
    background: #f7f7f7;
    position: relative;
}
.search input[type="text"] {
    padding-left: 10px;
}
.search input {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
    box-shadow: 0 0 2px rgba(0,0,0,0.20);
    outline: 0;
}
.search button {
    background: #fff;
    border: 0 none;
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16%;
    height: 100%;
    background: #f6a963;
}

.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 23px 30px 23px;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15);
}

.blog-left-side .widget h2 {
    color: #0d1218;
    display: block;
    font-size: 28px;
    text-transform: capitalize;
    margin-bottom: 16px;
}
.blog-left-side .widget ul {
    list-style: none;
    color: #0762f8;
    padding: 0;
}
.blog-left-side > .widget > ul > li {
    margin: 0 0 10px;
    padding: 8px 0 15px;
    border-bottom: 1px solid #ddd;
}
.blog-left-side .widget ul li a {
    color: #333;
    text-decoration: none;
    transition: .5s;
}
.blog-left-side .widget ul li a i {
    margin-right: 2px;
    font-size: 13px;
}
.blog-left-side .widget ul li a span {
    float: right;
}
.single-widget-item {
    overflow: hidden;
}
.recent-post-item {
    margin-top: 25px;
}
.recent-post-image {
    float: left;
    margin-right: 3px;
}

.blog-grid .recent-post-text .rcomment {
    color: #2486e7;
    font-size: 12px;
}
.recent-post-item {
    margin-top: 25px;
}

.recent-post-image img {
    max-width: 87%;
    border-radius: 5px;
    margin-top: 12px;
}
.tagcloud a {
    color: #606060;
    display: inline-block;
    font-size: 15px;
    margin: 0 2px 10px 0;
    padding: 4px 15px;
    text-align: center;
    background: #f7fafd;
    border-radius: 5px;
    transition: .5s;
    text-decoration: none;
}
.recent-post-text h4 {
	font-size: 17px;
	line-height: 28px;
}
.recent-post-text h4 a {
    text-decoration: none;
    color: black;
    transition: .5s;
}
.blog-left-side > div:last-child {
    margin-bottom: 0px;
}
.textwidget {
    padding: 0 0 223px;
}
.sbi_photo_wrap {
    float: left;
    margin: 1px;
}

.recent-post-text h4 a:hover {
    color: #f6a963;
}
.blog_dtl_thumb img:hover {
    transform: scale(1.1);
}
.tagcloud a:hover {
    background: #f6a963;
    color: #fff;
}
.blog-left-side .widget ul li a:hover {
    color: #f6a963;
    padding-left: 10px;
}

.post-thumbnail img:hover {
    transform: scale(1.1);
}

.thumb img:hover {
    transform: scale(1.1);
}

span.cat-btn a:hover {
    background: #10102e;
}

.social-share a i:hover {
    background: #10102e;
}

.tag-links a:hover {
    color: #f6a963;
}

.prev-post-content h6 a:hover {
    color: #f6a963;
}



/*--==============================================->
  <!--Start Shop & details section Css-->
 ==================================================-*/
.shop-detials.style-two {
    padding: 120px 0 90px;
}


/*shop detials box*/

.shop-details-single-box {
    margin-bottom: 35px;
    overflow: hidden;
}
.shop-thumbs {
    float: left;
    margin-right: 30px;
    position: relative;
    z-index: 1;
}
.shop-thumbs:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 100%, 100% 0%, 100% 100%);
    transform: scale(0);
    transform-origin: bottom right;
    background-image: linear-gradient(95deg, #696d49 100%, rgba(105,109,73,0) 100%);
    pointer-events: none;
    transition: all 500ms linear;
    border-radius: 5px;
    opacity: .5;
}
.shop-thumbs:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 0% 100%);
    transform: scale(0);
    transform-origin: top left;
    background-image: linear-gradient(95deg, #696d49 100%, rgba(105,109,73,0) 100%);
    pointer-events: none;
    transition: all 500ms linear;
    border-radius: 5px;
    opacity: .5;
}
.shop-thumbs:hover:before {
    transform: scale(1);
}
.shop-thumbs:hover:after {
    transform: scale(1);
}
/*shop contact*/
.shop-content1 {
    text-align: left;
}
.shop-title h6 {
    color: #696D49;
    font-size: 20px;
    font-weight: 400;
}
.shop-details-single-box .shop-title h6 span {
    color: #000;
    text-decoration: line-through;
    margin-left: 10px;
    transition: .5s;
    display: inline-block;
}
.shop-description p {
    padding: 15px 0 15px;
}
.shop-details-single-box .shop-social-list {
    display: inline-block;
    transition: .5s;
}
.shop-social-list ul li {
    display: inline-block;
    list-style: none;
}
.shop-social-list ul li a {
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    color: #696D49;
    border: 1px solid #696D49;
    display: inline-block;
    margin-right: 10px;
    transition: .5s;
    position: relative;
    z-index: 1;
}
.shop-social-list ul li a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #6a6e49;
    transform: scale(0);
    transition: .5s;
}
.shop-social-list ul li a:hover:before {
    transform: scale(1);
}
.shop-social-list ul li:hover a {
    color: #fff;
}

/*populat search*/
.popular-search {
    display: inline-block;
    padding: 5px 0 41px;
}
.popular input {
    padding: 11px 15px;
}
.popular_menu {
    display: inline-block;
}
.popular_menu select {
    padding: 15px 13px;
    width: 85%;
    display: inline-block;
    position: relative;
    top: -6px;
    color: #6A6E49;
}


/*tab 
<!-- ============================================= -->*/


.tab {
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    text-align: right;
    padding: 5px 0 0;
}
.active {
    z-index: 1;
    display: block;
    visibility: visible;
}
ul.tabs {
    display: inline-block;
    padding-bottom: 35px;
}
.tabs li {
    list-style: none;
    display: inline-block;
}
.tabs li a {
    font-size: 35px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background-color: #f6a963;
    border: 1px solid #777777;
    display: inline-block;
    margin-left: 10px;
}

/*tabs item*/
.tabs_item {
    display: none;
    padding: 30px 0;
    position: relative;
}
.tabs_item:first-child {
    display: block;
}
li.current a {
    color: #fff !important;
    background: #000;
}
ul.tabs.active {
    padding: 0 45px 0 0;
}
ul.tabs-inner-list {
    margin-top: 15px;
}
ul.tabs-inner-list li {
    display: inline-block;
    margin: 3px 0;
}
ul.tabs-inner-list li i {
    display: inline-block;
    margin-right: 12px;
    color: #FF3C00;
    font-size: 15px;
}

/*Tab Style two*/
.style-three.tab .tabs li a {
    padding: 10px;
    background-color: inherit;
    border: 1px solid transparent;
    display: inline-block;
    margin-left: 0px;
    width: inherit;
    height: inherit;
}
.style-three.tab .tabs_item {
    padding: 0px 0 30px;
}
.tabs_item img {
    width: 100%;
    padding: 0 12px 0 0;
}
.style-three.tab .tabs li.current a {
    border: 1px solid #6a6e49;
}


/*apointment*/
.appoinment-tab .tab {
    text-align: left;
    padding: 70px 0 0;
}
.appoinment-tab .tabs li {
    margin-right: 12px;
}
.appoinment-tab .tabs li a {
    font-size: 18px;
    outline: none;
    padding: 2px 15px;
    border: 2px solid;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-left: 0;
    border-radius: 5px;
    text-decoration: none;
}


/*tabs items table*/
table.tab-items-table {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
table.tab-items-table tr {
    background: #fff;
    height: 66px;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    padding: 20px 0 0 30px;
}
tr.tabs-bg {
    background: #F5F5F5 !important;
}
table.tab-items-table tr td {
    padding-right: 100px;
}
table.tab-items-table td.table-title {
    font-size: 16px;
    color: #0D0E14;
    font-weight: 500;
}
table.tab-items-table td.table-text {
    color: #0D0E14;
}
 table.tab-items-table td.table-text i {
    color: #6a6e49 !important;
    margin-left: 10px !important;
}
/*product detials post comment box*/
.blog-details-comments-box {
    padding: 30px 0 20px;
}
.post-comment {
    border: 1px solid #e5e5e5;
    padding: 30px 30px 25px;
    margin-top: 30px;
}

.post-comment2 {
    border: 1px solid #e5e5e5;
    padding: 30px 30px 25px;
}

.blog-content-2 {
    overflow: hidden;
}

.post-comment-thumb {
    float: left;
    margin-right: 20px;
}
/*comment icon list*/
.comment-icon-list ul li {
    list-style: none;
    display: inline-block;
    color: #6a6e49;
    letter-spacing: .4em;
    font-size: 15px;
}
/*post title*/
.post-title h4 {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 0;
    padding: 2px 0 9px;
}
.post-title span {
    padding-left: 31px;
    font-size: 15px;
    color: #616161;
    font-weight: 400;
    position: relative;
}
.post-title span:before {
    position: absolute;
    content: "";
    left: 6px;
    top: 9px;
    height: 1px;
    width: 15px;
    background: #0D0E14;
}
/*right reply*/
span.rights-reply {
    float: right;
    font-weight: 500;
    color: #0D0E14;
    position: relative;
    top: -108px;
    cursor: pointer;
    left: 0;
}

.appoinment-tab span.rights-reply {
    left: -385px;
}
.posts-reply span i {
    display: inline-block;
    margin-right: 5px;
}
/*sidebar title*/
.product-details-respond {
    padding: 35px 0 0;
}

.product-details-respond .widget-comments-title h2 {
    font-size: 20px;
    padding: 20px 0 40px;
}

.sidebar-title h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
/*sidebar desc*/
.sidebar-description p {
    font-size: 15px;
    margin: 10px 0 27px;
}

/*sidebar rating list*/
p.sidebar-text {
    color: #0D0E14;
    display: inline-block;
}
.sidebar-rating-list ul {
    display: inline-block;
    padding-left: 30px;
}
.sidebar-rating-list ul li {
    list-style: none;
    display: inline-block;
    color: #6a6e49;
    letter-spacing: .4em;
    font-size: 15px;
}
/*from box*/
p.form_text {
    color: #000;
    margin-bottom: 10px;
    padding: 10px 0 0;
}

.form-box input {
    height: 56px;
    background-color: #F7F7FB;
    border: 0;
    transition: .5s;
    padding: 0px 25px;
    display: block;
    width: 100%;
    color: #0D0E14;
    margin-bottom: 30px;
    border-radius: 4px;
}

.from-box input::placeholder {
    color: #000;
    opacity: .6;
}

.form-box textarea {
    height: 170px;
    background-color: #fff;
    border: 1px solid #6A6E49;
    transition: .5s;
    padding: 15px 25px;
    display: block;
    width: 100%;
    border-radius: 4px;
}

.from-box textarea::placeholder {
    color: #0D0E14;
    opacity: .6;
}

.product-item-title h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    padding: 20px 0 40px;
    color: #202124;
}

/*contact form button*/
.contact-form button {
    padding: 11px 53px;
    color: #fff;
    display: inline-block;
    margin-top: 40px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
    background: #f6a963;
    transition: 0.5s;
    font-weight: 500;
}
.contact-form button i {
    padding-left: 6px;
    position: relative;
    top: 2px;
}
.contact-form button:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    transition: 0.5s;
    transform: scale(0.0, 1);
    opacity: 0;
}

.contact-form button:hover:before {
    transform: scale(1);
    opacity: 1;
}

.contact-form button:hover {
    color: #6a6e49;
}



/*----------------
==============   Start Dreamhub Shop Details
------------------*/

.category-title h2 {
    font-size: 35px;
    font-weight: 600;
    line-height: 26px;
    padding: 0px 0 23px;
    color: #202124;
}

.category-icon-list ul {
    padding: 0;
}

.category-icon-list ul li {
    list-style: none;
    display: inline-block;
    color: #f6a963;
    letter-spacing: .4em;
    font-size: 15px;
}
li.category-text {
    letter-spacing: 0 !important;
    font-size: 16px !important;
    color: #67686C!important;
    padding-left: 6px;
}
/*price*/
.category-price h1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #696D49;
    font-family: 'Montserrat', sans-serif;
}
.category-price span {
    color: #A1A1A1;
    padding-left: 7px;
    text-decoration: line-through;
}
/*categories desc*/
.category-description p {
    padding: 19px 0 2px;
}

.category-color p {
    color: #0D0E14;
    line-height: 26px;
    font-weight: 500;
}
.category-color span {
    color: #67686C;
    padding-left: 20px;
    position: relative;
}
.category-color span:before {
    position: absolute;
    content: ":";
    left: 4px;
    top: -3px;
}
/* --- Quantity button--- */
.category-count-button {
    display: inline-flex;
    padding: 8px 0 30px;
}
.quantity-with_btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
}
.quantity .cart-plus-minus {
    position: relative;
    width: 170px;
    text-align: left;
    height: 56px;
    overflow: hidden;
    border-radius: 5px;
}
.quantity .cart-plus-minus > .ctnbutton {
    cursor: pointer;
    position: absolute;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    width: 38px;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    -webkit-transition: .5s;
    background: #f6a963;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
    border: 1px dashed #6A6E49;
    height: 56px;
    text-align: center;
    width: 170px;
    background: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
.quantity .cart-plus-minus > .ctnbutton.dec {
    top: 50%;
    left: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: center;
    height: 100%;
    border-radius: 0 30px 30px 0;
}
.quantity .cart-plus-minus > .ctnbutton.inc {
    top: 50%;
    right: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    border-radius: 30px 0 0 30px;
}

/*categories button*/
.category-button {
    display: inline-block;
    padding-left: 20px;
}
.category-button a {
    padding: 9px 35px;
    font-size: 17px;
    font-weight: 500;
    background: #f6a963;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    z-index: 1;
}
.category-button a:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: #000;
    border-radius: 4px;
    transition: .5s;
}
.category-button a:hover:before {
    left: 0;
    width: 100%;
}

/*table*/
table.category-table td.table-title {
    font-size: 16px;
    color: #0D0E14;
    font-weight: 500;
}
table.category-table tr td {
    padding-right: 25px;
    padding-bottom: 12px;
}
table.category-table td.table-title {
    font-size: 16px;
    color: #0D0E14;
    font-weight: 500;
}
table.category-table td.table-text {
    color: #67686C;
    position: relative;
    z-index: 1;
}
table.category-table td.table-text:before {
    position: absolute;
    content: ":";
    left: -15px;
    top: 0;
    font-size: 20px;
    color: #0D0E14;
}
/*shop details*/

.shop-social-icon-list ul {
    padding: 0;
}

.shop-social-icon-list ul li {
    display: inline-block;
    list-style: none;
    padding: 12px 3px 0;
}
.shop-social-icon-list ul li strong {
    color: #000;
    margin-right: 5px;
}
.shop-social-icon-list ul li a {
    color: #f6a963;
    letter-spacing: 8px;
    transition: .5s;
}

/*----------------
==============   Start dreamhub shop Nav Sidebar button
------------------*/





/**=======================================
<-- Start dreamhum shop Bestseller Css -->
=========================================**/
.bestseller-section {
    padding: 190px 0 170px;
}
.dreamit-bestseller-single-box {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 0 27px;
}
/*bestseller thumb*/
.bestseller-thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.bestseller-thumb img {
    width: 100%;
}
/*thumb icon*/
.bestseller-thumb-icon {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    opacity: 0; 
}

.bestseller-thumb-icon  ul li {
    display: inline-block;
    margin-right: 3px;
    list-style: none;
}
.bestseller-thumb-icon ul li:nth-child(1) a {
    transition-delay: 0.1s;
}
.bestseller-thumb-icon ul li:nth-child(2) a{
    transition-delay: 0.3s;
}
.bestseller-thumb-icon ul li:nth-child(3) a {
    transition-delay: 0.4s;
}
.bestseller-thumb-icon ul li:nth-child(4) a {
    transition-delay: 0.6s;
}
.bestseller-thumb-icon ul li a {
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    filter: drop-shadow(0 0 25px rgba(224,224,224,0.09));
    background-color: #ffffff;
    display: inline-block;
    transition-delay: .5s;
    overflow: hidden;
    transform: translateY(-100px);
    opacity: 0;
    position: relative;
    z-index: 1;
    color: #000;
}
.bestseller-thumb-icon ul li a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f6a963;
    transform: scale(0);
    transition: .5s;
}
.bestseller-thumb-icon ul li a i {
    transition: .5s;
    color: #000;
}
/*bestseller title*/

.bestseller-title h2 a {
    font-size: 22px;
    padding: 20px 0 12px;
    color: #000;
    display: inline-block;
    font-weight: 500;
    text-decoration: none;
}
/*price box*/
.price-box {
    position: relative;
    z-index: 1;
}
span.regular-price {
    color: #000;
    font-weight: 500;
    font-family: 'Playfair Display';
    transition: .5s;
}
span.add-cart a {
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    display: -webkit-box;
    display: flex;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -20px;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
    color: #000;
    font-weight: 500;
    font-family: 'Playfair Display';
}

/*all bestseller hover*/
.dreamit-bestseller-single-box:hover .bestseller-thumb .bestseller-thumb-icon {
    bottom: 11px;
    opacity: 1;
}
.dreamit-bestseller-single-box:hover .bestseller-thumb-icon ul li a {
    opacity: 1;
    transform: translateY(0px);
    overflow: hidden;
    visibility: visible;
}
.bestseller-thumb-icon ul li a:hover i {
    color:#fff;
}
.bestseller-thumb-icon ul li a:hover:before {
    transform: scale(1);
}
.dreamit-bestseller-single-box:hover {
    filter: drop-shadow(0px 7px 9px rgba(227,227,227,0.18));
    background-color: #ffffff;
}
.dreamit-bestseller-single-box span.add-cart a:hover {
    color: #696D49;
}
.dreamit-bestseller-single-box:hover span.add-cart a {
    opacity: 1;
    bottom: 0;
    visibility: visible;
    transition: .5s;
}
.dreamit-bestseller-single-box:hover span.regular-price {
    visibility: hidden;
    opacity: 0;
}
/*style two bestseller section*/
.style-two.popular-section {
    padding: 0px 0 50px;
}
.style-two .bestseller-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background-image: linear-gradient(95deg, #f6a963 100%, rgba(105,109,73,0) 100%);
    opacity: 0;
    transition: .5s;
}
.style-two .bestseller-thumb-icon {
    bottom: inherit;
    top: 20px;
    right: 18px;
    left: inherit;
}
.style-two .bestseller-thumb-icon  ul li {
    display: block;
}
.style-two .bestseller-thumb-icon  ul li a.active {
    background: #f6a963 !important;
    color: #fff;
    transition: .5s;
}
.shop-title h4 a {
    color: #000;
}
.style-two .bestseller-title p {
    color: #6D6F4A;
    font-weight: 500;
    font-family: 'Montserrat';
    line-height: 26px;
    padding: 9px 0 3px;
    margin-bottom: 0;
}
/*all hover*/
.style-two .bestseller-thumb:hover:before {
	opacity: 0.45;
	top: 0;
	height: 100%;
}

/*style two upper popular section*/
.upper.style-two.popular-section {
    padding: 75px 0 100px;
}
.icon a {
    position: relative;
    z-index: 1;
}



/*---gallery-area---*/

.gallery-area {
    padding: 115px 0 87px;
}


/* Portfolio Nav */
.portfolio_nav {
    margin-bottom: 52px;
}
.portfolio_menu ul {
    text-align: center;
    list-style: none;
    padding: 0;
}
.portfolio_nav ul li {
    background: #F6F5F5;
    font-size: 15px;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    padding: 6px 25px;
    font-weight: 500;
    position: relative;
    margin: 0 3px;
    margin-bottom: 7px;
    display: inline-block;
    border-radius: 5px;
}
.portfolio_menu ul li a{
    display: block;
    color:#fff;
    text-transform:uppercase;
    position:relative;
    transition:.5s;
}
.portfolio_menu ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 24px;
    height: 2px;
    width: 0%;
    background: #fff;
    transition:.5s;
}

.portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #f6a963;
}



.single-gallery-box {
    margin-bottom: 30px;
}

.gallery-thumb {
    position: relative;
}

.gallery-thumb img {
    width: 100%;
}

.gallery-thumb::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(14, 19, 23, 0.6);
    opacity: 0;
	transition: .5s;
}

.gallery-icon {
    position: absolute;
    left: 40%;
    bottom: 14%;
    transform: translateY(-50%);
    opacity: 0;
	transition: .5s;
}

.gallery-icon i {
    display: inline-block;
    background: #fff;
    height: 60px;
    width: 60px;
    line-height: 64px;
    text-align: center;
    font-size: 36px;
    border-radius: 50%;
    transition: .5s;
}

.gallery-content {
    text-align: center;
    padding-top: 21px;
}

.single-gallery-box:hover .gallery-icon{
	opacity: 1;
	bottom: 31%;
	
} 

.single-gallery-box:hover .gallery-thumb::before {
    opacity: 1;
}

.gallery-icon i:hover {
    background: #f6a963;
    color: #fff;
}




/*---contact-area---*/

.contact_area {
    padding: 120px 0 90px;
    background: #fffaff;
}

.contact_area .contact_form {
    padding: 40px 36px 42px;
    background: #fff;
    margin-bottom: 30px;
}

.map {
    width: 100%;
    margin: 0;
    height: 587px;
    border: 1px solid #ddd;
    border-radius: 10px;
}


/***
======================================================
<-- dreamhub Faq Area Css -->
======================================================***/
.faq-area {
    padding: 115px 0 90px;
}
.faq-thumb img {
    width: 100%;
    border-radius: 5px;
}
/*accordion*/
.tab_container {
    position: relative;
    margin-left: 16px;
}

ul.accordion {
    padding: 0;
}

.accordion li {
    list-style: none;
    padding: 2px 0px 15px;
    position: relative;
    z-index: 1;
}
.accordion li a {
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    color: #fff !important;
    z-index: 1;
}

.accordion li p {
    display: none;
    font-size: 16px;
    color: #B1B2B4;
    padding: 25px 0 10px 30px;
    margin: 0;
}

.accordion a:before {
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 32px;
    content: " ";
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}

.accordion a:after {
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 28px;
    content: " ";
    top: 26px;
    transition: all 0.2s ease-in-out;
}

.accordion a.active:after {
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #fff;
    z-index: -1;
}

.accordion a.active:before {
    display: none;
}

a.active {
    color: #fff !important;
    background: #232323!important;
}

.accordion li a span {
    position: relative;
    z-index: 1;
    color: #fff;
}

.accordion li a span:after {
    position: absolute;
    content: "";
    z-index: -1;
    left: -35px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/resource/question.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

/*accordion start*/

.faq-sectiions .dreamit-icon-list ul li i {
    width: inherit;
    height: inherit;
    line-height: inherit;
    border-radius: 0;
    background-color: inherit;
    display: inline-block;
    color: #D0A37C;
    font-size: 22px;
    margin-right: 8px;
    position: relative;
    top: 4px;
}

.study-button a i {
    transition: .5s;
}

.study-button a:hover i {
    color: #D0A37C;
}

/* Faq New Style */

.faq-area .accordion li a {
    padding: 16px 20px 16px 30px;
    border-radius: 30px;
    background: #f6a963;
    text-decoration: none;
}

.faq-area .accordion li a span:after {
    display: none;
}

.faq-area .accordion li p {
    padding: 25px 20px 25px 30px;
    color: #646464;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
    background: #fff;
    border-radius: 30px;
    line-height: 28px;
}

/*
<!-- ============================================================== -->
<!-- dreamhub Scrollup Section -->
<!-- ============================================================== -->*/

.scroll-area{
  position: relative;
  z-index: 999;
 }

.scroll-area .go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 30px;
    color: #ffffff;
    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    z-index: 9999;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.9s ease-out 0s;
    -moz-transition: all 0.9s ease-out 0s;
    border-radius: 10px; 
}

.scroll-area .go-top i {
      position: absolute;
      top: 50%;
      left: -4px;
      right: 0;
      margin: 0 auto;
      font-size: 15px;
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 0.5s ease-out 0s;
      -moz-transition: all 0.5s ease-out 0s;
  }

.scroll-area .go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%; 
}

.scroll-area .go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);
    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;;
    border-radius: 100%;
}

.scroll-area .go-top:focus, .scroll-area .go-top:hover {
      color: #fff; 
  }

.scroll-area .go-top:focus::before, .scroll-area .go-top:hover::before {
        opacity: 1;
        visibility: visible; 
}

.scroll-area .go-top:focus i:first-child, .scroll-area .go-top:hover i:first-child {
        opacity: 0;
        top: 0;
        visibility: hidden;
 }

.scroll-area .go-top:focus i:last-child, .scroll-area .go-top:hover i:last-child {
        opacity: 1;
        visibility: visible;
        top: 50%; 
}

.scroll-area .go-top.active {
    top: 95%;
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    right: 30px;
    border-radius:100%;
}

.top-wrap {
  position: relative; 
}

.top-wrap .go-top-button {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    top: 3px;
    z-index: 1;
    background: #f6a963;
}

 .top-wrap .go-top-button i {
      font-size: 20px;
      font-weight: 700;
      padding-left: 4px;
      color: #fff;
 }

.top-wrap .go-top-button::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 45px;
    height: 45px;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background-image: -moz-linear-gradient(0deg, #F02830 0%, #F02830 100%);
    background-image: -webkit-linear-gradient(0deg, #f6a963 0%, #f6a963 100%);
    border-radius: 100%;
}

.top-wrap .go-top-button:hover {
      background-color: #222;
      color: #fff; 
  }
  
.scroll-area.home-two .top-wrap .go-top-button {
    background: #00AFF5;
}
 .scroll-area.home-two .top-wrap .go-top-button::after {
    background-image: -moz-linear-gradient(0deg, #00AFF5 0%, #00AFF5 100%);
    background-image: -webkit-linear-gradient(0deg, #00AFF5 0%, #00AFF5 100%);
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); } }




/*===========================
<-- dreamhub Loader Css -->
=============================*/

.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 666;
}

.loader {
  position: relative;
  display: block;
  z-index: 201;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  transition: all 1s 1s ease;
  border: 3px solid transparent;
  border-top-color: #9A241C;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

.loader:before {
  position: absolute;
  content: '';
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-left-color: #FF3C00;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loader:after {
  position: absolute;
  content: '';
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-right-color: #fff;
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  -o-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 52%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
  left: 0;
  transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
  right: 0;
  transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
  left: -100%;
}

.loaded .loder-section.right-section {
  right: -100%;
}

.loaded .loader-wrapper {
  visibility: hidden;
}

.loaded .loader {
  top: -100%;
  opacity: 0;
}










<!-- ============================================================== -->
<!-- corporate Bounce Animation Css -->
<!-- ============================================================== -->*/
/* bounce-animate */
.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate2 {
  animation-name: float-bob2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob2;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob2;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob2;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate3 {
  animation-name: float-bob3;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob3;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob3;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob3;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate4 {
  animation-name: float-bob4;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob4;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob4;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob4;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
 .bounce-animate5 {
  animation-name: float-bob5;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob5;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob5;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob5;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate-slow {
    animation-name: float-bob5;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.bounce-animate-3 {
    animation-name: float-bob6;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob6;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob6;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob6;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } }
@-webkit-keyframes float-bob2 {
  0% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); }
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); } }
@-webkit-keyframes float-bob4 {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); } }
@-webkit-keyframes float-bob5 {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); } }
@-webkit-keyframes float-bob6 {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }   
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

/*--==============================================->
  <!-- corporate Animation Dance -->
 ==================================================-*/
/**/
.dance3 {
  -webkit-animation: dance3 8s alternate infinite;
}
@keyframes dance3 {
  0% {
    -webkit-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.dance {
  -webkit-animation: dance 2s alternate infinite;
}
@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1.2);
  }
}
.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(25px, -25px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -25px, 25px);
  }
}
.watermark-animate {
  -webkit-animation: watermark-animate 8s infinite;
  animation: watermark-animate 8s infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@keyframes watermark-animate {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}



/*rotateme animation*/
.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}