/************ TABLE OF CONTENTS ***************

1. Fonts

2. Main Slider

3. Page Title

4. Contact Form

5. Newsletter Section

6. Services Section

7. About Us

8. Sidebar Widget

9. Cases Section

10. Blog Section

11. Footer

12. Feature

13. Team

14. Pricing

15. Skill

16. Client

17. Faq

18. Video

19. Gallery

20. Shop





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

@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700|Poppins:400,500,600,700');



/*font-family: 'Barlow', sans-serif;

font-family: 'Poppins', sans-serif;*/



@import url('font-awesome-all.css');

@import url('icomoon.css');

@import url('bootstrap.css');

@import url('jquery.background-video.css');

@import url('jquery.fancybox.min.css');

@import url('animate.css');

@import url('hover.css');

@import url('owl.css');

@import url('custom-animate.css');

@import url('jquery.mCustomScrollbar.min.css');

@import url('jquery.bootstrap-touchspin.css');

@import url('jquery-ui.css');



/*** 



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

	Reset

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



 ***/



* {

	margin: 0px;

	padding: 0px;

	border: none;

	outline: none;

}



/*** 



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

	Global Settings

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



 ***/



body {

	font-size: 18px;

	color: #212333;

	line-height: 1.8em;

	font-weight: 400;

	background: #ffffff;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center top;

	-webkit-font-smoothing: antialiased;

	font-family: 'Barlow', sans-serif;

}



a {

	text-decoration: none;

	cursor: pointer;

	color: #fad592;

}



.no-padding {

	padding: 0px !important;

}



a:hover,

a:focus,

a:visited {

	text-decoration: none;

	outline: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	position: relative;

	font-weight: normal;

	margin: 0px;

	background: none;

	line-height: 1.6em;

	font-family: 'Poppins', sans-serif;

	color: #222;

}



input,

button,

select,

textarea {}



button:focus {

	outline: none;

}



p {

	position: relative;

	line-height: 1.8em;

}



.text {

    font-size: 16px;

    color: #303030;

    line-height: 24px;

}



.border-none {

	border: none !important;

}



.border-bottom {

	border-bottom: 1px solid #ddd !important;

}



.border-bottom-two {

	height: 2px;

	width: 100%;

	background: url(../images/background/border.png) no-repeat center;

}



.strike-through {

	text-decoration: line-through;

}



.img-100 img {

	width: 100%;

}



.page-wrapper {

	position: relative;

	margin: 0 auto;

	width: 100%;

	min-width: 300px;

	background: #fff;

	z-index: 9;

	overflow: hidden;

}



ul,

li {

	list-style: none;

	padding: 0px;

	margin: 0px;

}



@media (min-width: 1200px) {

	.container {

	    padding: 0px;

	}

}



.theme-btn {

	display: inline-block;

	transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}



.grey-bg {

	background-color: #f5f5f7 !important;

}



.grey-deep-bg {

	background-color: #f3f3f3 !important;

}



.grey-light-bg {

	background-color: #f8f8f8 !important;

}



.gradient-bg {

	background-image: linear-gradient(3deg, #000000 34%, #064e79 100%) !important;

}



.gradient-two-bg {

	background-image: linear-gradient(to top, #537895 0%, #09203f 100%) !important;

}



.image-bg {

	background-repeat: no-repeat;

	background-size: cover;

}



.black-bg {

	background-color: #101010 !important;

}



.black-bg-2 {

	background-color: #1c1c1c !important;

}



.black-bg-3 {

	background-color: #1a1a1a !important;

}



.black-bg-4 {

	background-color: #323239 !important;

}



.theme-bg {

	background-color: #ffcf00 !important;

}



.bg-style-two {

	position: relative;

}



.bg-style-two:before {

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 50%;

	height: 100%;

	background-color: rgb(240, 240, 240);

}



.bg-style-two:after {

	position: absolute;

	content: '';

	right: 0px;

	top: 0px;

	width: 50%;

	height: 100%;

	background-color: rgba(240, 240, 240, 0.3);

}



/* section padding */



.sp-one {

	padding: 100px 0;

}



.sp-two {

	    padding: 50px 0 47px;

}



.sp-three {

	padding: 100px 0 50px;

}



.sp-four {

	padding: 100px 0 0px;

}



.sp-five {

	padding: 0px 0 100px;

}



.sp-six {

	padding: 0px 0 20px;

}



.projects-block-one.mix {

	display: none;

}



.projects-block-two.mix {

	display: none;

}



.theme-color {

	color: #fad592;

}



img {

	display: inline-block;

	max-width: 100%;

}



.preloader {

	position: fixed;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	z-index: 999999;

	background-color: #ffffff;

	background-position: center center;

	background-repeat: no-repeat;

	background-image: url(../images/icons/preloader.svg);

}



/*** Scroll To Top style ***/



.scroll-top {

	width: 60px;

	height: 60px;

	position: fixed;

	bottom: 30px;

	right: 30px;

	font-size: 18px;

	border-radius: 50%;

	z-index: 99;

	display: none;

	color: #fff;

	text-align: center;

	cursor: pointer;

	background: #fad592;

	-webkit-animation: pulse 2s infinite;

	-o-animation: pulse 2s infinite;

	animation: pulse 2s infinite;

}



.scroll-top span:before {

	font-size: 20px;

}



.scroll-top:after {

	position: absolute;

	z-index: -1;

	content: '';

	top: 100%;

	font-size: 18px;

	left: 5%;

	height: 10px;

	width: 90%;

	opacity: 1;

	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}





/* parallax-one */



.parallax-one {

  position: relative;

  background-repeat: no-repeat;

  background-size: cover;

}



.parallax-one:before {

  position: absolute;

  content: '';

  background: rgba(30, 67, 152, 0.8);

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}



/* parallax-two */



.parallax-two {

  position: relative;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

}



.parallax-two:before {

  position: absolute;

  content: '';

  background: rgba(0, 0, 0, 0.6);

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}



/* parallax-three */



.parallax-three {

  position: relative;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

}



.parallax-three:before {

  position: absolute;

  content: '';

  background: rgba(0, 0, 0, 0.05);

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}







/*Custom Select*/



.form-group .ui-selectmenu-button.ui-button {

	width: 100%;

	font-size: 14px;

	font-style: normal;

	height: 50px;

	padding: 7px 20px;

	line-height: 30px;

	color: #333333;

	border-radius: 0px;

	border: 1px solid #e5e5e5;

	background: #ffffff;

}



.form-group .ui-button .ui-icon {

	background: none;

	position: relative;

	top: 3px;

	text-indent: 0px;

	color: #333333;

}



.form-group .ui-button .ui-icon:before {

	font-family: 'FontAwesome';

	content: "\f107";

	position: absolute;

	right: 0px;

	top: 2px !important;

	top: 13px;

	width: 10px;

	height: 20px;

	display: block;

	color: #333333;

	line-height: 20px;

	font-size: 16px;

	font-weight: normal;

	text-align: center;

	z-index: 5;

}



.ui-widget.ui-widget-content {

	border: 1px solid #e0e0e0;

	font-family: 'Poppins', sans-serif;

}



.ui-menu .ui-menu-item {

	font-size: 14px;

	border-bottom: 1px solid #e0e0e0;

}



.ui-menu .ui-menu-item:last-child {

	border: none;

}



.ui-state-active,

.ui-widget-content .ui-state-active {

	background-color: #ffcf00;

}



.ui-menu .ui-menu-item-wrapper {

	position: relative;

	display: block;

	padding: 8px 20px;

	font-size: 14px;

	line-height: 24px;

}



.ui-menu-item:hover {

	background-color: #17519d;

}



/* owl controll */



.owl-dots-none .owl-dots {

	display: none;

}



/* style one */



.owl-dot-style-one .owl-dots {

	position: relative;

	text-align: center;

}



.owl-dot-style-one .owl-dots .owl-dot {

	position: relative;

	display: inline-block;

	margin: 0px 5px;

}



.owl-dot-style-one .owl-dots .owl-dot span {

	position: relative;

	display: block;

	width: 10px;

	height: 10px;

	border: 1px solid #ffcf00;

	transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}



.owl-dot-style-one .owl-dots .owl-dot.active span,

.owl-dot-style-one .owl-dots .owl-dot:hover span {

	background: #ffcf00;

	border-color: #ffcf00;

}



/* style two */



.owl-dot-style-two .owl-dots {

	position: relative;

	text-align: center;

	line-height: 15px;

}



.owl-dot-style-two .owl-dots .owl-dot {

	position: relative;

	display: inline-block;

	margin: 0px 5px;

}



.owl-dot-style-two .owl-dots .owl-dot span {

	position: relative;

	display: block;

	width: 15px;

	height: 15px;

	border-radius: 50%;

	border: 2px solid #e8e8e8;

	transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}



.owl-dot-style-two .owl-dots .owl-dot span:before {

	position: absolute;

	content: '';

	background: #e8e8e8;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	left: 3px;

	top: 3px;

}



.owl-dot-style-two .owl-dots .owl-dot.active span,

.owl-dot-style-two .owl-dots .owl-dot:hover span {

	background: #ffcf00;

	border-color: #ffcf00;

}



/* style three */



.owl-dot-style-three .owl-dots {

	position: relative;

	text-align: center;

	line-height: 15px;

}



.owl-dot-style-three .owl-dots .owl-dot {

	position: relative;

	display: inline-block;

	margin: 0px 5px;

}



.owl-dot-style-three .owl-dots .owl-dot span {

	position: relative;

	display: block;

	width: 12px;

	height: 12px;

	margin-top: 13px;

	border-radius: 6px;

	background: #d9d9d9;

	transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}



.owl-dot-style-three .owl-dots .owl-dot.active span,

.owl-dot-style-three .owl-dots .owl-dot:hover span {

	background: #ffcf00;

	height: 25px;

	margin-top: 0px;

}



/* owl nav */



.owl-nav-none .owl-nav {

	display: none;

}



.owl-nav-style-one .owl-nav {

	margin: 0px;

	padding: 0px;

	text-align: center;

}



.owl-nav-style-one .owl-nav .owl-next,

.owl-nav-style-one .owl-nav .owl-prev {

	position: relative;

	width: 50px;

	height: 50px;

	margin: 0 8px;

	display: inline-block;

	line-height: 50px;

	border: 1px solid #f0f0f0;

	text-align: center;

	font-size: 16px;

	color: #949494;

	border-radius: 50%;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

}



.owl-nav .icon-rotate {

	transform: rotate(-180deg);

	display: inline-block;

}



.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-next,

.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-prev {

	opacity: 1;

	visibility: visible;

}



.owl-nav-style-one .owl-nav .owl-prev {

	left: 0px;

}



.owl-nav-style-one .owl-nav .owl-next {

	right: 0px;

}



.owl-nav-style-one .owl-nav .owl-next:hover,

.owl-nav-style-one .owl-nav .owl-prev:hover {

	color: #ffcf00;

	border-color: #ffcf00;

}



/* nav style tow */

.owl-nav-style-two .owl-nav {

	padding: 0px;

	text-align: center;

	bottom: 100%;

	top: inherit;

	position: absolute;

	left: inherit;

	right: 0;

}



.owl-nav-style-two .owl-nav .owl-next,

.owl-nav-style-two .owl-nav .owl-prev {

	position: relative;

	width: 50px;

	height: 50px;

	margin: 0 8px 30px;

	display: inline-block;

	line-height: 46px;

	border: 1px solid #e9e6e6;

	text-align: center;

	font-size: 16px;

	color: #949494;

	border-radius: 50%;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

}



.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-next,

.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-prev {

	opacity: 1;

	visibility: visible;

}



.owl-nav-style-two .owl-nav .owl-prev {

	left: 0px;

}



.owl-nav-style-two .owl-nav .owl-next {

	right: 0px;

}



.owl-nav-style-two .owl-nav .owl-next:hover,

.owl-nav-style-two .owl-nav .owl-prev:hover {

	color: #ffcf00;

	border-color: #ffcf00;

}



/* nav style three */



.owl-nav-style-three .owl-nav {

	padding: 0px;

	top: 50%;

	margin-top: -40px;

	position: absolute;

	left: -45%;

	right: -45%;

}



.owl-nav-style-three .owl-nav .owl-next,

.owl-nav-style-three .owl-nav .owl-prev {

	position: relative;

	width: 50px;

	height: 50px;

	line-height: 48px;

	border: 1px solid #fff;

	text-align: center;

	font-size: 24px;

	color: #ffffff;

	border-radius: 50%;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

}



.owl-nav-style-three .carousel-outer:hover .owl-nav .owl-next,

.owl-nav-style-three .carousel-outer:hover .owl-nav .owl-prev {

	opacity: 1;

	visibility: visible;

}



.owl-nav-style-three .owl-nav .owl-prev {

	left: -25px;

	float:  left;

}



.owl-nav-style-three .owl-nav .owl-next {

	right: -25px;

	float:  right;

}



.owl-nav-style-three .owl-nav .owl-next:hover,

.owl-nav-style-three .owl-nav .owl-prev:hover {

	color: #ffcf00;

	border-color: #ffcf00;

}



/* nav style four */



.owl-nav-style-four .owl-nav {

	padding: 0px;

	top: 50%;

	position: absolute;

	left: 0;

	right: 0;

	transform: translateY(-50%);

}



.owl-nav-style-four .owl-nav .owl-next,

.owl-nav-style-four .owl-nav .owl-prev {

	position: relative;

	width: 50px;

	height: 50px;

	line-height: 48px;

	text-align: center;

	font-size: 20px;

	color: #b2b2b2;

	border-radius: 50%;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

}



.owl-nav-style-four .carousel-outer:hover .owl-nav .owl-next,

.owl-nav-style-four .carousel-outer:hover .owl-nav .owl-prev {

	opacity: 1;

	visibility: visible;

}



.owl-nav-style-four .owl-nav .owl-prev {

	left: 45px;

	top: 13px;

	float:  left;

}



.owl-nav-style-four .owl-nav .owl-next {

	right: 45px;

	top: 13px;

	float:  right;

}



.owl-nav-style-four .owl-nav .owl-next:hover,

.owl-nav-style-four .owl-nav .owl-prev:hover {

	color: #ffcf00;

	border-color: #ffcf00;

}





/*** Fancy Box ***/



.fancybox-next span,

.fancybox-prev span {

	background-image: none !important;

	width: 44px !important;

	height: 44px !important;

	line-height: 44px !important;

	text-align: center;

}



.fancybox-next span:before,

.fancybox-prev span:before {

	content: '';

	position: absolute;

	font-family: 'FontAwesome';

	left: 0px;

	top: 0px;

	font-size: 12px;

	width: 44px !important;

	height: 44px !important;

	line-height: 44px !important;

	background-color: rgba(28, 28, 28, 0.40) !important;

	color: #ffffff;

	visibility: visible;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

}



.fancybox-next span:before {

	content: '\f178';

}



.fancybox-prev span:before {

	content: '\f177';

}



.fancybox-next:hover span:before,

.fancybox-prev:hover span:before {

	background-color: #ffffff !important;

	color: #000000;

}



.fancybox-type-image .fancybox-close {

	right: 0px;

	top: 0px;

	width: 45px;

	height: 45px;

	background: url(../images/icons/icon-cross.png) center center no-repeat;

	background-color: rgba(17, 17, 17, 0.50) !important;

}



.fancybox-type-image .fancybox-close:hover {

	background-color: #000000 !important;

}



.fancybox-type-image .fancybox-skin {

	padding: 0px !important;

}







/* margin */



.m-0 {

	margin: 0px !important;

}



.mt-5 {

	margin-top: 5px !important;

}



.mt-10 {

	margin-top: 10px !important;

}



.mx-15 {

	margin: 0 15px !important;

}



.mt-15 {

	margin-top: 15px !important;

}



.mt-20 {

	margin-top: 20px !important;

}



.mt-25 {

	margin-top: 25px !important;

}



.mt-30 {

	margin-top: 30px !important;

}



.mt-35 {

	margin-top: 35px !important;

}



.mt-40 {

	margin-top: 40px !important;

}



.mt-45 {

	margin-top: 45px !important;

}



.mt-50 {

	margin-top: 50px !important;

}



.mt-55 {

	margin-top: 55px !important;

}



.mt-60 {

	margin-top: 60px !important;

}



.mt-65 {

	margin-top: 65px !important;

}



.mt-70 {

	margin-top: 70px !important;

}



.mt-75 {

	margin-top: 75px !important;

}



.mt-80 {

	margin-top: 80px !important;

}



.mb-5 {

	margin-bottom: 5px !important;

}



.mb-10 {

	margin-bottom: 10px !important;

}



.mb-15 {

	margin-bottom: 15px !important;

}



.mb-20 {

	margin-bottom: 20px !important;

}



.mb-25 {

	margin-bottom: 25px !important;

}



.mb-30 {

	margin-bottom: 30px !important;

}



.mb-35 {

	margin-bottom: 35px !important;

}



.mb-40 {

	margin-bottom: 40px !important;

}



.mb-45 {

	margin-bottom: 45px !important;

}



.mb-50 {

	margin-bottom: 50px !important;

}



.mb-55 {

	margin-bottom: 55px !important;

}



.mb-60 {

	margin-bottom: 60px !important;

}



.mb-65 {

	margin-bottom: 65px !important;

}



.mb-70 {

	margin-bottom: 70px !important;

}



.mb-75 {

	margin-bottom: 75px !important;

}



.mb-80 {

	margin-bottom: 80px !important;

}



.ml-5 {

	margin-left: 5px !important;

}



.ml-10 {

	margin-left: 10px !important;

}



.ml-15 {

	margin-left: 15px !important;

}



.ml-20 {

	margin-left: 20px !important;

}



.ml-25 {

	margin-left: 25px !important;

}



.ml-30 {

	margin-left: 30px !important;

}



.ml-35 {

	margin-left: 35px !important;

}



.ml-40 {

	margin-left: 40px !important;

}



.ml-45 {

	margin-left: 45px !important;

}



.ml-50 {

	margin-left: 50px !important;

}



.ml-55 {

	margin-left: 55px !important;

}



.ml-60 {

	margin-left: 60px !important;

}



.ml-65 {

	margin-left: 65px !important;

}



.ml-70 {

	margin-left: 70px !important;

}



.ml-75 {

	margin-left: 75px !important;

}



.ml-80 {

	margin-left: 80px !important;

}



.mr-5 {

	margin-right: 5px !important;

}



.mr-10 {

	margin-right: 10px !important;

}



.mr-15 {

	margin-right: 15px !important;

}



.mr-20 {

	margin-right: 20px !important;

}



.mr-25 {

	margin-right: 25px !important;

}



.mr-30 {

	margin-right: 30px !important;

}



.mr-35 {

	margin-right: 35px !important;

}



.mr-40 {

	margin-right: 40px !important;

}



.mr-45 {

	margin-right: 45px !important;

}



.mr-50 {

	margin-right: 50px !important;

}



.mr-55 {

	margin-right: 55px !important;

}



.mr-60 {

	margin-right: 60px !important;

}



.mr-65 {

	margin-right: 65px !important;

}



.mr-70 {

	margin-right: 70px !important;

}



.mr-75 {

	margin-right: 75px !important;

}



.mr-80 {

	margin-right: 80px !important;

}



/* padding */



.p-0 {

	padding: 0px !important;

}



.pt-5 {

	padding-top: 5px !important;

}



.pt-10 {

	padding-top: 10px !important;

}



.pt-15 {

	padding-top: 15px !important;

}



.pt-20 {

	padding-top: 20px !important;

}



.pt-25 {

	padding-top: 25px !important;

}



.pt-30 {

	padding-top: 30px !important;

}



.pt-35 {

	padding-top: 35px !important;

}



.pt-40 {

	padding-top: 40px !important;

}



.pt-45 {

	padding-top: 45px !important;

}



.pt-50 {

	padding-top: 50px !important;

}



.pt-55 {

	padding-top: 55px !important;

}



.pt-60 {

	padding-top: 60px !important;

}



.pt-65 {

	padding-top: 65px !important;

}



.pt-70 {

	padding-top: 70px !important;

}



.pt-75 {

	padding-top: 75px !important;

}



.pt-80 {

	padding-top: 80px !important;

}



.pb-5 {

	padding-bottom: 5px !important;

}



.pb-10 {

	padding-bottom: 10px !important;

}



.pb-15 {

	padding-bottom: 15px !important;

}



.pb-20 {

	padding-bottom: 20px !important;

}



.pb-25 {

	padding-bottom: 25px !important;

}



.pb-30 {

	padding-bottom: 30px !important;

}



.pb-35 {

	padding-bottom: 35px !important;

}



.pb-40 {

	padding-bottom: 40px !important;

}



.pb-45 {

	padding-bottom: 45px !important;

}



.pb-50 {

	padding-bottom: 50px !important;

}



.pb-55 {

	padding-bottom: 55px !important;

}



.pb-60 {

	padding-bottom: 60px !important;

}



.pb-65 {

	padding-bottom: 65px !important;

}



.pb-70 {

	padding-bottom: 70px !important;

}



.pb-75 {

	padding-bottom: 75px !important;

}



.pb-80 {

	padding-bottom: 80px !important;

}



.pl-5 {

	padding-left: 5px !important;

}



.pl-10 {

	padding-left: 10px !important;

}



.pl-15 {

	padding-left: 15px !important;

}



.pl-20 {

	padding-left: 20px !important;

}



.pl-25 {

	padding-left: 25px !important;

}



.pl-30 {

	padding-left: 30px !important;

}



.pl-35 {

	padding-left: 35px !important;

}



.pl-40 {

	padding-left: 40px !important;

}



.pl-45 {

	padding-left: 45px !important;

}



.pl-50 {

	padding-left: 50px !important;

}



.pl-55 {

	padding-left: 55px !important;

}



.pl-60 {

	padding-left: 60px !important;

}



.pl-65 {

	padding-left: 65px !important;

}



.pl-70 {

	padding-left: 70px !important;

}



.pl-75 {

	padding-left: 75px !important;

}



.pl-80 {

	padding-left: 80px !important;

}



.pr-5 {

	padding-right: 5px !important;

}



.pr-10 {

	padding-right: 10px !important;

}



.pr-15 {

	padding-right: 15px !important;

}



.pr-20 {

	padding-right: 20px !important;

}



.pr-25 {

	padding-right: 25px !important;

}



.pr-30 {

	padding-right: 30px !important;

}



.pr-35 {

	padding-right: 35px !important;

}



.pr-40 {

	padding-right: 40px !important;

}



.pr-45 {

	padding-right: 45px !important;

}



.pr-50 {

	padding-right: 50px !important;

}



.pr-55 {

	padding-right: 55px !important;

}



.pr-60 {

	padding-right: 60px !important;

}



.pr-65 {

	padding-right: 65px !important;

}



.pr-70 {

	padding-right: 70px !important;

}



.pr-75 {

	padding-right: 75px !important;

}



.pr-80 {

	padding-right: 80px !important;

}





@media only screen and (min-width:1200px) {

	.pl-lg-30 {

		padding-left: 30px;

	}

}



#shop-area .showing-result-shorting .ui-selectmenu-button {

    background: #fff !important;

    width: 200px !important;

    border-radius: 0px !important;

    border: 1px solid #f0eef9 !important;

    color: #868298 !important;

    font-size: 15px !important;

    text-transform: capitalize;

    height: 40px !important;

    position: relative;

    transition: all 500ms ease;

}





/*



element css



1- section title

2- button style

3- list style

4- social icon

6- tab style

7- accordion

8- page pagination

9- filter style

10- video-box

11- Progressbar









/*

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

1.section title 

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

*/



.sec-title {

	position: relative;

	margin-bottom: 50px;

}



.sec-title.small {

	margin-bottom: 35px;

}



.sec-title h1 {

	font-size: 36px;

	font-weight: 700;

	line-height: 42px;

	color: #222;

}



.sec-title.light h1 {

	color: #fff;

}



.sec-title h3 {

	font-size: 25px;

	font-weight: 600;

	line-height: 1.1em;

	margin-bottom: 20px;

}



.sec-title.light h3 {

	color: #fff;

}



.sec-title.light .text {

	color: #7e8597;

}



.sec-title.centered {

	text-align: center;

}



.sec-title .text {

	margin-top: 15px;

	font-size: 18px;

	color: #7e8597;

	max-width: 960px;

	line-height: 26px;

}



.sec-title.centered .text {

	margin: 0 auto;

	margin-top: 2px;

}



.sec-title .theme-btn {

	font-size: 14px;

	font-weight: 600;

	color: #fff;

	text-transform: uppercase;

	background: #fad592;

	padding: 0px 10px;

	margin-bottom: 20px;

}





/* Style two */



.sec-title.style-two {

	margin-bottom: 40px;

}



.welcome-title {

	text-align: center;

	margin-bottom: 40px;

}



.welcome-title h3 {

	text-align: center;

	font-size: 24px;

	font-weight: 500;

}



.welcome-title h3 span {

	color: #ffcf00;

}



/* inner page title */



.inner-page-title {

	position: relative;

	margin-bottom: 30px;

	padding-bottom: 20px;

}



.inner-page-title h4 {

	font-size: 22px;

	color: #000000;

	font-weight: 500;

	line-height: 1.2em;

	text-transform: capitalize;

}



.inner-page-title:before {

	position: absolute;

	content: '';

	background: #ddd;

	height: 1px;

	width: 100%;

	bottom: 0;

}



.inner-page-title:after {

	position: absolute;

	content: '';

	background: #ffcf00;

	height: 2px;

	width: 40px;

	bottom: 0;

}



/*

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

btn Style One 

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

*/



.btn-style-one {

	position: relative;

	padding: 16px 60px;

	line-height: 24px;

	color: #fff;

	text-align: center;

	display: inline-block;

	font-size: 16px;

	font-weight: 600;

	cursor:  pointer;

	background: #fad592;

	letter-spacing: 1px;

	border: 2px solid #fad592;

	font-family: 'Poppins', sans-serif;

}



.btn-style-one:hover {

	color: #ffffff;

	background: #101010;

	border-color: #101010;

}



/*Btn Style One*/

.enq {

    position: fixed;

    right: 0;

    bottom: 42%;

    width: 34px;

    margin-top: -2.5em;

    z-index: 999999;

}

.btn-style-two {

	position: relative;

	padding: 16px 55px;

	border-radius: 30px;

	line-height: 24px;

	color: #ffffff;

	text-align: center;

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	background: #ffcf00;

	letter-spacing: 1px;

	border: 2px solid #ffcf00;

	font-family: 'Poppins', sans-serif;

}



.btn-style-two:hover {

	color: #ffffff;

	background: #101010;

	border-color: #101010;

}



/*Btn Style three*/



.btn-style-three {

	position: relative;

	padding: 16px 55px;

	line-height: 24px;

	color: #ffcf00;

	text-align: center;

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	background: none;

	letter-spacing: 1px;

	border: 2px solid #ffcf00;

	font-family: 'Poppins', sans-serif;

}



.btn-style-three:hover {

	color: #ffffff;

	border-color: #ffcf00;

	background-color: #ffcf00;

}



/*Btn Style four*/



.btn-style-four {

	position: relative;

	padding: 16px 55px;

	line-height: 24px;

	border-radius: 30px;

	color: #ffcf00;

	text-align: center;

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	background: none;

	letter-spacing: 1px;

	border: 2px solid #ffcf00;

	font-family: 'Poppins', sans-serif;

}



.btn-style-four:hover {

	color: #ffffff;

	border-color: #ffcf00;

	background-color: #ffcf00;

}



/*Btn Style five*/



.btn-style-five {

	position: relative;

	padding: 11px 40px;

	line-height: 24px;

	color: #ffcf00;

	text-align: center;

	display: inline-block;

	font-size: 14px;

	font-weight: 700;

	background: #ffffff;

	letter-spacing: 1px;

	border: 2px solid #ffffff;

	font-family: 'Poppins', sans-serif;

}



.btn-style-five:hover {

	color: #ffffff;

	background: #ffcf00;

	border-color: #ffcf00;

}



/*Btn Style six*/



.btn-style-six {

	position: relative;

	padding: 16px 60px;

	line-height: 24px;

	color: #222;

	text-align: center;

	display: inline-block;

	font-size: 16px;

	font-weight: 600;

	background: #fff;

	letter-spacing: 1px;

	border: 2px solid #ffffff;

	font-family: 'Poppins', sans-serif;

}



.btn-style-six:hover {

	color: #ffffff;

	background: #ffcf00;

	border-color: #ffcf00;

}



/*Btn Style seven*/



.btn-style-seven {

	position: relative;

	padding: 16px 60px;

	line-height: 24px;

	color: #fff;

	text-align: center;

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	background: none;

	letter-spacing: 1px;

	border: 2px solid #fff;

	font-family: 'Poppins', sans-serif;

}



.btn-style-seven:hover {

	color: #ffffff;

	border-color: #ffcf00;

	background-color: #ffcf00;

}



/*Btn Style eight*/



.btn-style-eight {

	position: relative;

	padding: 16px 55px;

	line-height: 24px;

	border-radius: 30px;

	color: #fff;

	text-align: center;

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	background: none;

	letter-spacing: 1px;

	border: 2px solid #fff;

	font-family: 'Poppins', sans-serif;

}



.btn-style-eight:hover {

	color: #ffffff;

	border-color: #ffcf00;

	background-color: #ffcf00;

}



/*Btn Style nine*/



.btn-style-nine {

	position: relative;

	padding: 16px 60px;

	line-height: 24px;

	color: #fff;

	text-align: center;

	display: inline-block;

	font-size: 16px;

	font-weight: 600;

	cursor:  pointer;

	background: #1b1b1b;

	letter-spacing: 1px;

	border: 2px solid #1b1b1b;

	font-family: 'Poppins', sans-serif;

}



.btn-style-nine:hover {

	color: #ffffff;

	background: #ffcf00;

	border-color: #ffcf00;

}



/*Btn Style ten*/



.btn-style-ten {

	position: relative;

	padding: 11px 40px;

	line-height: 24px;

	color: #ffcf00;

	text-align: center;

	border-radius: 25px;

	display: inline-block;

	font-size: 14px;

	font-weight: 700;

	background: #f7f7f7;

	letter-spacing: 1px;

	border: 2px solid #f7f7f7;

	font-family: 'Poppins', sans-serif;

}



.btn-style-ten:hover {

	color: #ffffff;

	background: #ffcf00;

	border-color: #ffcf00;

}



/*Btn Style eleven*/



.btn-style-eleven {

	position: relative;

	padding: 16px 60px;

	line-height: 24px;

	color: #222;

	text-align: center;

	display: inline-block;

	font-size: 16px;

	font-weight: 600;

	background: none;

	letter-spacing: 1px;

	border: 2px solid #e9e6e6;

	font-family: 'Poppins', sans-serif;

}



.btn-style-eleven:hover {

	color: #ffffff;

	border-color: #ffcf00;

	background-color: #ffcf00;

}



/*Btn Style twelve*/



.btn-style-twelve {

	position: relative;

	padding: 16px 55px;

	line-height: 24px;

	border-radius: 30px;

	color: #222;

	text-align: center;

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	background: none;

	letter-spacing: 1px;

	border: 2px solid #e9e6e6;

	font-family: 'Poppins', sans-serif;

}



.btn-style-twelve:hover {

	color: #ffffff;

	border-color: #ffcf00;

	background-color: #ffcf00;

}



/*Btn Style thirteen*/



.btn-style-thirteen {

	position: relative;

	padding: 11px 40px;

	line-height: 24px;

	color: #222;

	text-align: center;

	display: inline-block;

	font-size: 14px;

	font-weight: 700;

	background: none;

	letter-spacing: 1px;

	border: 1px solid #ebebeb;

	font-family: 'Poppins', sans-serif;

	cursor:  pointer;

}



.btn-style-thirteen:hover {

	color: #ffffff;

	border-color: #ffcf00;

	background-color: #ffcf00;

}



/*Btn Style fourteen*/



.btn-style-fourteen {

	position: relative;

	padding: 12px 40px;

	line-height: 24px;

	border-radius: 25px;

	color: #1a224c;

	text-align: center;

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	background: none;

	letter-spacing: 1px;

	border: 1px solid #e7e7e7;

	font-family: 'Poppins', sans-serif;

}



.btn-style-fourteen:hover {

	color: #ffffff;

	border-color: #ffcf00;

	background-color: #ffcf00;

}



/*Btn Style fifteen*/



.btn-style-fifteen {

	position: relative;

	padding: 0px 12px;

	line-height: 25px;

	color: #ffffff;

	text-align: center;

	display: inline-block;

	font-size: 12px;

	font-weight: 600;

	background: #ffcf00;

	border-radius: 12px;

	letter-spacing: 1px;

	border: 2px solid #ffcf00;

	font-family: 'Poppins', sans-serif;

}



.btn-style-fifteen:hover {

	color: #ffcf00;

	background: transparent;

	border-color: #ffcf00;

}



/*

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

3.list style

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

*/



.list-style-one {

	position: relative;

}



.list-style-one li {

	position: relative;

	color: #111;

	font-size: 18px;

	font-weight: 400;

	padding-left: 28px;

	margin-bottom: 15px;

}



.list-style-one li:before {

	position: absolute;

	content: '\f046';

	left: 0px;

	top: 0px;

	font-size: 16px;

	color: #111;

	font-family: 'Font Awesome 5 Free';

}



/*List Style Two*/



.list-style-two {

	position: relative;

	margin-bottom: 30px;

}



.list-style-two li {

	position: relative;

	color: #222;

	font-size: 16px;

	font-weight: 400;

	padding-left: 16px;

	margin-bottom: 6px;

}



.list-style-two li:before {

	position: absolute;

	content: "\f105";

	left: 0px;

	top: 0;

	font-family: 'Font Awesome 5 Free';

	color: #ffcf00;

	font-size: 16px;

}



/*List Style Three*/



.list-style-three {

	position: relative;

	margin-bottom: 30px;

}



.list-style-three li {

	position: relative;

	color: #848484;

	font-size: 16px;

	font-weight: 300;

	padding-left: 20px;

	margin-bottom: 6px;

}



.list-style-three li:before {

	position: absolute;

	content: '';

	left: 0px;

	top: 10px;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background-color: #ffcf00;

	font-family: 'Font Awesome 5 Free';

}



.list-style-three li:nth-child(2):before {

	background-color: #fd5075;

}



.list-style-three li:nth-child(3):before {

	background-color: #11e6a2;

}



/*List Style four*/



.list-style-four {

	position: relative;

}



.list-style-four li {

	position: relative;

	margin-bottom: 12px;

	color: #848484;

	font-size: 14px;

	font-weight: 400;

	padding-left: 35px;

	line-height: 2em;

}



.list-style-four li i {

	position: absolute;

	left: 0px;

	top: 4px;

	color: #ffcf00;

	font-size: 22px;

	line-height: 1.2em;

}



/*List Style five*/



.list-style-five {

	position: relative;

}



.list-style-five li {

	position: relative;

	color: #ffffff;

	font-size: 16px;

	font-weight: 300;

	padding-left: 28px;

	margin-bottom: 10px;

}



.list-style-five li:before {

	position: absolute;

	content: '\f192';

	left: 0px;

	top: 2px;

	font-size: 16px;

	color: #ffcf00;

	font-family: 'Font Awesome 5 Free';

}



/*

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

4.social icon

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

*/



/* social icon one */



.social-icon-one {

	position: relative;

}



.social-icon-one li {

	position: relative;

	margin: 0 7px;

	display: inline-block;

}



.social-icon-one li a {

	position: relative;

	color: #666;

	font-size: 16px;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-one li a:hover {

	color: #ffcf00;

}



/*Social Icon Two*/



.social-icon-two {

	position: relative;

}



.social-icon-two li {

	position: relative;

	margin: 0 7px;

	display: inline-block;

}



.social-icon-two li a {

	position: relative;

	color: #ffcf00;

	font-size: 16px;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-two li a:hover {

	color: #ffcf00;

}



/*Social Icon Three*/



.social-icon-three {

	position: relative;

}



.social-icon-three li {

	position: relative;

	margin-right: 10px;

	margin-bottom: 10px;

	display: inline-block;

}



.social-icon-three li a {

	position: relative;

	width: 40px;

	height: 40px;

	color: #848484;

	font-size: 16px;

	line-height: 40px;

	text-align: center;

	border-radius: 50%;

	display: inline-block;

	background: #f4f4f4;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-three li a:hover {

	color: #ffffff;

	background-color: #ffcf00;

}



/*Social Icon Four*/



.social-icon-four {

	position: relative;

}



.social-icon-four li {

	position: relative;

	margin-right: 10px;

	margin-bottom: 10px;

	display: inline-block;

}



.social-icon-four li a {

	position: relative;

	width: 40px;

	height: 40px;

	color: #ffcf00;

	font-size: 16px;

	line-height: 40px;

	text-align: center;

	border-radius: 50%;

	display: inline-block;

	background: #f4f4f4;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-four li a:hover {

	color: #ffffff;

	background-color: #ffcf00;

}



/*Social Icon Five*/



.social-icon-five {

	position: relative;

}



.social-icon-five li {

	position: relative;

	margin-right: 10px;

	margin-bottom: 10px;

	display: inline-block;

}



.social-icon-five li a {

	position: relative;

	width: 40px;

	height: 40px;

	color: #848484;

	font-size: 16px;

	line-height: 38px;

	text-align: center;

	border-radius: 50%;

	display: inline-block;

	border: 1px solid #eee;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-five li a:hover {

	color: #ffffff;

	background-color: #ffcf00;

}



/*Social Icon Six*/



.social-icon-six {

	position: relative;

}



.social-icon-six li {

	position: relative;

	margin-right: 10px;

	margin-bottom: 10px;

	display: inline-block;

}



.social-icon-six li a {

	position: relative;

	width: 40px;

	height: 40px;

	color: #ffcf00;

	font-size: 16px;

	line-height: 38px;

	text-align: center;

	border-radius: 50%;

	display: inline-block;

	border: 1px solid #eee;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-six li a:hover {

	color: #ffffff;

	background-color: #ffcf00;

}



/* social icon seven */



.social-icon-seven {

	position: relative;

}



.social-icon-seven li {

	position: relative;

	margin: 0 7px;

	display: inline-block;

}



.social-icon-seven li a {

	position: relative;

	color: #fff;

	font-size: 16px;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-seven li a:hover {

	color: #ffcf00;

}



/*social icon eight*/



.social-icon-eight {

	position: relative;

}



.social-icon-eight li {

	position: relative;

	margin-right: 10px;

	margin-bottom: 10px;

	display: inline-block;

}



.social-icon-eight li a {

	position: relative;

	width: 40px;

	height: 40px;

	color: #ffffff;

	font-size: 16px;

	line-height: 38px;

	text-align: center;

	border-radius: 50%;

	display: inline-block;

	border: 1px solid #fff;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-eight li a:hover {

	color: #ffffff;

	background-color: #ffcf00;

	border-color: #ffcf00;

}



/* social-icon nine */



.social-icon-nine {

	display: flex;

	flex-wrap: wrap;

}



.social-icon-nine li {

	margin: 0 7px;

}



.social-icon-nine .fa {

	font-size: 16px;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	text-decoration: none;

	margin: 5px 2px;

}



.social-icon-nine .fa:hover {

	opacity: 0.7;

}



.social-icon-nine .fa-facebook {

	background: #3B5998;

	color: white;

}



.social-icon-nine .fa-twitter {

	background: #55ACEE;

	color: white;

}



.social-icon-nine .fa-google {

	background: #dd4b39;

	color: white;

}



.social-icon-nine .fa-linkedin {

	background: #007bb5;

	color: white;

}



.social-icon-nine .fa-youtube {

	background: #bb0000;

	color: white;

}



.social-icon-nine .fa-instagram {

	background: #125688;

	color: white;

}



.social-icon-nine .fa-pinterest {

	background: #cb2027;

	color: white;

}



.social-icon-nine .fa-snapchat-ghost {

	background: #fffc00;

	color: white;

	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}



.social-icon-nine .fa-skype {

	background: #00aff0;

	color: white;

}



.social-icon-nine .fa-android {

	background: #a4c639;

	color: white;

}



.social-icon-nine .fa-dribbble {

	background: #ea4c89;

	color: white;

}



.social-icon-nine .fa-vimeo {

	background: #45bbff;

	color: white;

}



.social-icon-nine .fa-tumblr {

	background: #2c4762;

	color: white;

}



.social-icon-nine .fa-vine {

	background: #00b489;

	color: white;

}



.social-icon-nine .fa-foursquare {

	background: #45bbff;

	color: white;

}



.social-icon-nine .fa-stumbleupon {

	background: #eb4924;

	color: white;

}



.social-icon-nine .fa-flickr {

	background: #f40083;

	color: white;

}



.social-icon-nine .fa-yahoo {

	background: #430297;

	color: white;

}



.social-icon-nine .fa-soundcloud {

	background: #ff5500;

	color: white;

}



.social-icon-nine .fa-reddit {

	background: #ff5700;

	color: white;

}



.social-icon-nine .fa-rss {

	background: #ff6600;

	color: white;

}



/* Social-icon Fourteen */



.social-icon-ten {

	display: flex;

	flex-wrap: wrap;

}



.social-icon-ten li {

	margin: 0 7px;

}



.social-icon-ten .fa {

	font-size: 16px;

	width: 40px;

	height: 40px;

	line-height: 40px;

	border-radius: 50%;

	text-align: center;

	text-decoration: none;

	margin: 5px 2px;

}



.social-icon-ten .fa:hover {

	opacity: 0.7;

}



.social-icon-ten .fa-facebook {

	background: #3B5998;

	color: white;

}



.social-icon-ten .fa-twitter {

	background: #55ACEE;

	color: white;

}



.social-icon-ten .fa-google {

	background: #dd4b39;

	color: white;

}



.social-icon-ten .fa-linkedin {

	background: #007bb5;

	color: white;

}



.social-icon-ten .fa-youtube {

	background: #bb0000;

	color: white;

}



.social-icon-ten .fa-instagram {

	background: #125688;

	color: white;

}



.social-icon-ten .fa-pinterest {

	background: #cb2027;

	color: white;

}



.social-icon-ten .fa-snapchat-ghost {

	background: #fffc00;

	color: white;

	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}



.social-icon-ten .fa-skype {

	background: #00aff0;

	color: white;

}



.social-icon-ten .fa-android {

	background: #a4c639;

	color: white;

}



.social-icon-ten .fa-dribbble {

	background: #ea4c89;

	color: white;

}



.social-icon-ten .fa-vimeo {

	background: #45bbff;

	color: white;

}



.social-icon-ten .fa-tumblr {

	background: #2c4762;

	color: white;

}



.social-icon-ten .fa-vine {

	background: #00b489;

	color: white;

}



.social-icon-ten .fa-foursquare {

	background: #45bbff;

	color: white;

}



.social-icon-ten .fa-stumbleupon {

	background: #eb4924;

	color: white;

}



.social-icon-ten .fa-flickr {

	background: #f40083;

	color: white;

}



.social-icon-ten .fa-yahoo {

	background: #430297;

	color: white;

}



.social-icon-ten .fa-soundcloud {

	background: #ff5500;

	color: white;

}



.social-icon-ten .fa-reddit {

	background: #ff5700;

	color: white;

}



.social-icon-ten .fa-rss {

	background: #ff6600;

	color: white;

}



/*

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

6.tab style

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

*/



.default-tabs {

	position: relative;

}



.default-tabs.style-three {

	border: 1px solid #f4f4f4;

}



.default-tabs nav {

	overflow: auto;

	-webkit-overflow-scrolling: touch;

	background: #f8f7ee;

	box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);

}



@media only screen and (min-width: 768px) {

	.default-tabs nav {

		position: absolute;

		top: 0;

		left: 0;

		height: 100%;

		box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);

		z-index: 1;

	}

}



@media only screen and (min-width: 960px) {

	.default-tabs nav {

		position: relative;

		float: none;

		background: transparent;

		box-shadow: none;

	}

}



.default-tabs-navigation {

	width: 360px;

}



.default-tabs-navigation:after {

	content: "";

	display: table;

	clear: both;

}



.default-tabs-navigation li {

	float: left;

}



.default-tabs-navigation a {

	position: relative;

	display: block;

	height: 60px;

	width: 60px;

	text-align: center;

	font-size: 12px;

	font-size: 0.75rem;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-weight: 700;

	color: #848484;

	padding-top: 34px;

}



.no-touch .default-tabs-navigation a:hover {

	color: #29324e;

	background-color: rgba(233, 230, 202, 0.3);

}



.default-tabs-navigation a.selected {

	background-color: #ffffff !important;

	box-shadow: inset 0 2px 0 #f05451;

	color: #29324e;

}



@media only screen and (min-width: 768px) {

	.default-tabs-navigation {

		/* move the nav to the left on medium sized devices */

		width: 80px;

		float: left;

	}

	.default-tabs-navigation a {

		height: 80px;

		width: 80px;

		padding-top: 46px;

	}

	.default-tabs-navigation a.selected {

		box-shadow: inset 2px 0 0 #ffcf00;

	}

	.default-tabs-navigation a::before {

		top: 22px;

	}

}



@media only screen and (min-width: 960px) {

	.default-tabs-navigation {

		/* tabbed on top on big devices */

		width: auto;

		background-color: #f8f7ee;

		box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);

	}

	.default-tabs-navigation a {

		height: 60px;

		line-height: 60px;

		width: auto;

		text-align: left;

		font-size: 15px;

		padding: 0 2.8em 0 4.6em;

	}

	.default-tabs-navigation a.selected {

		box-shadow: inset 0 2px 0 #f05451;

	}

	.default-tabs-navigation a::before {

		top: 50%;

		margin-top: -10px;

		margin-left: 0;

		left: 38px;

	}

}



.default-tabs-content {

	background: #ffffff;

}



.default-tabs-content li {

	display: none;

	padding: 1.4em;

	border: 1px solid #f0f0f0;

}



.default-tabs-content li.selected {

	display: block;

	-webkit-animation: default-fade-in 0.5s;

	-moz-animation: default-fade-in 0.5s;

	animation: default-fade-in 0.5s;

}



.default-tabs-content li p {

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 1.6;

	color: #848484;

	margin-bottom: 2em;

}



@media only screen and (min-width: 768px) {

	.default-tabs-content {

		min-height: 480px;

	}

	.default-tabs-content li {

		padding: 2em 2em 2em 7em;

	}

}



@media only screen and (min-width: 960px) {

	.default-tabs-content {

		min-height: 0;

	}

	.default-tabs-content li {

		padding: 3em;

	}

	.default-tabs-content li p {

		font-size: 16px;

	}

}



@-webkit-keyframes default-fade-in {

	0% {

		opacity: 0;

	}

	100% {

		opacity: 1;

	}

}



@-moz-keyframes default-fade-in {

	0% {

		opacity: 0;

	}

	100% {

		opacity: 1;

	}

}



@keyframes default-fade-in {

	0% {

		opacity: 0;

	}

	100% {

		opacity: 1;

	}

}



/*

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

7.accordion style 

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

*/



.accordion-box {

	position: relative;

}



.accordion-box .block {

	position: relative;

	border: 1px solid #e9e6e6;

}



.accordion-box .block.active-block {

	margin-bottom: 0px;

	border: 2px solid #ffcf00;

}



.accordion-box .block .acc-btn {

	position: relative;

	padding: 35.5px 39px;

	padding-right: 75px;

	font-size: 18px;

	background: #fff;

	cursor: pointer;

	line-height: 1.2em;

	color: #222222;

	font-weight: 600;

	transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	font-family: 'Poppins', sans-serif;

}



.accordion-box .block .acc-btn .count {

	color: #ffcf00;

}



.accordion-box .block .icon-outer {

	position: absolute;

	right: 40px;

	top: 50%;

	font-size: 30px;

	text-align: center;

	width: 30px;

	border-radius: 50%;

	height: 30px;

	color: #9096a8;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transform: translateY(-50%);

}



.accordion-box .block .icon-outer .icon {

	position: absolute;

	top: 0;

	left: 50%;

	transform: translate(-50%);

	font-size: 12px;

	color: #ffcf00;

	font-weight: 700;

	font-size: 12px;

	line-height: 30px;

	transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}



.accordion-box .block .icon-outer .icon_plus {

	opacity: 1;

}



.accordion-box .block .icon-outer .icon_minus {

	opacity: 0;

	color: #ffcf00;

}



.accordion-box .block .acc-btn.active .icon-outer .icon_minus {

	opacity: 1;

}



.accordion-box .block .acc-btn.active .icon-outer .icon_plus {

	opacity: 0;

}



.accordion-box .block .acc-btn.active .icon-outer {

	color: #ffcf00;

}



.accordion-box .block .acc-content {

	position: relative;

	display: none;

}



.accordion-box .block .acc-content .content-text {

	padding-bottom: 6px;

}



.accordion-box .block .acc-content.current {

	display: block;

}



.accordion-box .block .content {

	position: relative;

	font-size: 14px;

	padding: 0px 39px 30px;

	padding-right: 90px;

	line-height: 26px;

	margin-top: -15px;

}



.accordion-box .block .content p {

	margin-bottom: 20px;

	line-height: 1.8em;

	font-size: 16px;

	color: #848484;

	font-weight: 300;

}



.accordion-box .block .content p:last-child {

	margin-bottom: 0px;

}



/*Accordian Style Two*/



.accordion-box.style-two {

	border: 0px;

}



.accordion-box.style-two .block {

	margin-bottom: 10px;

	padding: 0;

}



.accordion-box.style-two .block .acc-btn {

	color: #333;

}



.accordion-box.style-two .block .content p {

	font-size: 16px;

	line-height: 1.9em;

}



/*Accordian Style Three*/



.accordion-box.style-three {

	position: relative;

	padding-left: 30px;

	padding-right: 30px;

	margin-bottom: 70px;

}



.accordion-box.style-three .block {

	padding-left: 0px;

}



.accordion-box.style-three .block .acc-btn {

	font-weight: 400;

}



.accordion-box.style-three .block .icon-outer {

	right: 0px;

}



/*Accordian Style Four*/



.accordion-box.style-four {

	border: 0px;

}



.accordion-box.style-four .block {

	border: 0px;

	padding: 0px;

	margin-bottom: 10px;

}



.accordion-box.style-four .block .acc-btn {

	padding: 13px 20px;

	background-color: #f7f7f7;

}



.accordion-box.style-four .block .icon-outer .icon {

	font-size: 20px;

	margin-top: -20px;

}



.accordion-box.style-four .block .icon-outer {

	right: 30px;

	top: 36px;

}



.accordion-box.style-four .block .acc-btn.active .icon-outer .icon_plus {

	opacity: 1;

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	transform: rotate(90deg);

}



.accordion-box.style-four .block .content {

	padding: 20px 20px;

	border: 1px solid #f4f4f4;

	border-top: 0px;

}



/*Accordian Style Five*/



.accordion-box.style-five {

	position: relative;

	padding: 0px 30px;

	border: 0px;

	background-color: #f7f7f7;

}



.accordion-box.style-five .block {

	padding: 0px 0px;

}



.accordion-box.style-five .block:last-child .acc-content {

	padding-bottom: 25px;

}



.accordion-box.style-five .block .acc-btn {

	padding-right: 0px;

	padding-left: 40px;

	padding-top: 19px;

	padding-bottom: 19px;

}



.accordion-box.style-five .block .acc-btn.active {

	color: #ffcf00;

}



.accordion-box.style-five .block .acc-btn.active .icon-outer {

	background-color: #ffcf00;

}



.accordion-box.style-five .block .icon-outer {

	left: 0px;

	top: 50%;

	right: auto;

	width: 20px;

	height: 20px;

	color: #ffffff;

	line-height: 21px;

	border-radius: 50%;

	text-align: center;

	margin-top: -10px;

	background-color: #cccccc;

}



.accordion-box.style-five .block .icon-outer .icon {

	left: 0px;

	top: 19px;

	width: 20px;

	height: 20px;

	color: #ffffff;

}



.accordion-box.style-five .block .content {

	background-color: #ffffff;

	margin-top: 0px;

	padding: 25px 40px;

}



/*

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

8.page pagination

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

*/



.page_pagination {

	text-align: center;

	margin-bottom: 50px;

}



.page_pagination li {

	display: inline-block;

	margin: 0 10px;

}



.page_pagination li a {

	display: block;

	text-align: center;

	color: #000000;

	font-size: 18px;

	font-weight: 500;

	font-family: 'Muli', sans-serif;

}



.page_pagination li a.active,

.page_pagination li a:hover {

	color: #ffcf00;

}



/*style tow*/



.page_pagination_two {

	text-align: center;

	margin-top: 20px;

}



.page_pagination_two li {

	display: inline-block;

	margin: 0 4px;

}



.page_pagination_two li a {

	width: 55px;

	height: 55px;

	line-height: 55px;

	display: block;

	border-radius:  0px;

	border: 1px solid rgba(229, 229, 229, 0.57);

	text-align: center;

	color: #848484;

	font-size: 18px;

}



.page_pagination_two li a.active,

.page_pagination_two li a:hover {

	color: #fff;

	background: #ffcf00;

}



/*style three*/



.page_pagination_three {

	text-align: center;

	margin-bottom: 50px;

}



.page_pagination_three li {

	display: inline-block;

	margin: 0 4px;

}



.page_pagination_three li a {

	width: 55px;

	height: 55px;

	line-height: 55px;

	border-radius:  50%;

	display: block;

	text-align: center;

	background: #f7f8f9;

	color: #333;

	font-size: 18px;

	font-weight: 700;

}



.page_pagination_three li a.active,

.page_pagination_three li a:hover {

	color: #fff;

	background: #ffcf00;

}



/*

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

9.filter style

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

*/



.filter-tabs {

	display: flex;

	flex-wrap: wrap;

	margin: 0;

	margin-bottom: 50px;

}



.text-center .filter-tabs {

	justify-content: center;

}



.filter-tabs li {

	position: relative;

	padding: 0;

	margin: 0px 10px 10px;

}



.filter-tabs li:first-child {

	margin-left: 0px;

}



.filter-tabs li.active {}



.filter-tabs li span {

	color: #7e8597;

	font-size: 14px;

	font-weight: 600;

	line-height: 26px;

	font-family: 'Poppins', sans-serif;

	text-transform: uppercase;

	display: block;

	cursor: pointer;

	border: 1px solid #e9e6e6;

	transition: .5s ease;

	padding: 11px 23px;

}



.filter-tabs.style-2 li span {

	color: #fff;

}



.filter-tabs li:hover span,

.filter-tabs li.active span {

	background: #ffcf00;

	color: #fff;

	transition: .5s ease;

}



.filter-tabs li span i {

	font-size: 14px;

	margin-right: 5px;

}



.filter-tabs li .count {

	position: absolute;

	right: 10px;

	top: 0;

	transform: translateY(-50%);

	font-family: 'Poppins', sans-serif;

	font-size: 12px;

	font-weight: 600;

	color: #ffcf00;

	height: 25px;

	width: 25px;

	line-height: 25px;

	text-align: center;

	background: #fff;

	border: 1px solid #edebeb;

	border-radius: 50%;

	opacity: 0;

}



.filter-tabs li.active .count {

	opacity: 1;

}



/* style two */

.filter-tabs-two {

	display: flex;

	flex-wrap: wrap;

	margin: 0;

	margin-bottom: 40px;

	justify-content: center;

}



.filter-tabs-two li {

	padding: 0;

	margin: 0px 7px 10px;

}



.filter-tabs-two li.active {}



.filter-tabs-two li span {

	color: #464646;

	font-size: 16px;

	font-weight: 400;

	line-height: 26px;

	padding: 8px 25px;

	background: #e6e8eb;

	border-radius: 22px;

	font-family: 'Muli', sans-serif;

	display: block;

	cursor: pointer;

	transition: .5s ease;

}



.filter-tabs-two li:last-child span {

	border-right: 0px;

}



.filter-tabs-two li:hover span,

.filter-tabs-two li.active span {

	color: #ffffff;

	background: #ffcf00;

	border-color: #ffcf00;

	transition: .5s ease;

}



.filter-tabs-two li span i {

	font-size: 14px;

	margin-right: 5px;

}



/*

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

10.video box

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

*/



.video-image-box .image {

	position: relative;

	border-radius: 10px;

	overflow: hidden;

}



.video-image-box img {

	display: block;

	width: 100%;

}



.video-image-box .image .overlay-link {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	display: flex;

	height: 100%;

	font-size: 50px;

	align-items: center;

	justify-content: center;

	z-index: 9;

	color: #ffcf00;

	text-align: center;

	background: rgba(0, 0, 0, 0.50);

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.video-image-box .image .overlay-link:hover {

	background: rgba(0, 0, 0, 0.30);

}



.video-image-box .overlay-link span {

    height: 81px;

    width: 81px;

    border-radius: 50%;

    background-color: #fff;

    text-align: center;

    line-height: 80px;

    font-size: 30px;

    padding-left: 6px;

}



.video-image-box .ripple,

.video-image-box .ripple:before,

.video-image-box .ripple:after {

	position: absolute;

	left: 50%;

	top: 50%;

	height: 80px;

	width: 80px;

	margin-top: -40px;

	margin-left: -40px;

	border-radius: 50%;

	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-webkit-animation: ripple 3s infinite;

	animation: ripple 3s infinite;

}



.video-image-box .ripple:before {

	-webkit-animation-delay: .9s;

	animation-delay: .9s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



.video-image-box .ripple:after {

	-webkit-animation-delay: .6s;

	animation-delay: .6s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}





/* default video-box */



.default-video-box {

	margin-bottom: 40px;

}



.default-video-box a {

	color: #fff;

	font-size: 60px;

	position: relative;

	display: inline-block;

}







.default-video-box .ripple,

.default-video-box .ripple:before,

.default-video-box .ripple:after {

	position: absolute;

	left: 50%;

	top: 50%;

	height: 80px;

	width: 80px;

	margin-top: -40px;

	margin-left: -40px;

	border-radius: 50%;

	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-webkit-animation: ripple 3s infinite;

	animation: ripple 3s infinite;

}



.default-video-box .ripple:before {

	-webkit-animation-delay: .9s;

	animation-delay: .9s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



.default-video-box .ripple:after {

	-webkit-animation-delay: .6s;

	animation-delay: .6s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



@-webkit-keyframes ripple {

	70% {

		-webkit-box-shadow: 0 0 0 30px rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 30px rgba(244, 68, 56, .0);

	}

	100% {

		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

	}

}



@keyframes ripple {

	70% {

		-webkit-box-shadow: 0 0 0 30px rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 30px rgba(244, 68, 56, .0);

	}

	100% {

		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

	}

}



/* default video-box two */



.default-video-box-two {

	margin-bottom: 40px;

}



.default-video-box-two a {

	color: #fff;

	font-size: 60px;

	position: relative;

	display: inline-block;

}







/*

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

 11. Progress bar

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

*/



.progress-levels {

	position: relative;

}



.default-section .progress-levels {

	padding-top: 7px;

}



.progress-levels .progress-box h5 {

	font-size: 14px;

	color: #909297;

	margin-bottom: 5px;

}



.progress-levels .progress-box {

	position: relative;

	padding-bottom: 16px;

	padding-top: 10px;

	overflow: hidden;

}



.progress-levels .progress-box:last-child {

	margin-bottom: 0px;

}



.progress-levels .progress-box:last-child {

	margin-bottom: 0px;

}



.progress-levels .progress-box .bar {

	position: relative;

	height: 6px;

	background: #e5e5e5;

}



.progress-levels .progress-box .bar .bar-innner {

	position: relative;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 10px;

}



.progress-levels .progress-box .bar .bar-fill {

	position: absolute;

	left: -100%;

	top: 0px;

	width: 0px;

	height: 6px;

	background: #3648b2;

	-webkit-transition: all 2000ms ease 300ms;

	-o-transition: all 2000ms ease 300ms;

	transition: all 2000ms ease 300ms;

}



.progress-levels .progress-box.html .bar .bar-fill {

	background: #ef6267;

}



.progress-levels .progress-box.wp .bar .bar-fill {

	background: #ff9924;

}



.progress-levels .progress-box.php .bar .bar-fill {

	background: #14dbba;

}



.progress-levels .progress-box.animated .bar .bar-fill {

	left: 0px;

}



.progress-levels .progress-box .percent {

	position: absolute;

	right: 0;

	top: -30px;

	letter-spacing: 0px;

	font-size: 14px;

	font-weight: 600;

	color: #222;

	font-family: 'Open Sans', sans-serif;

	opacity: 0;

	-webkit-transition: all 2000ms ease 700ms;

	-o-transition: all 2000ms ease 700ms;

	transition: all 2000ms ease 700ms;

}



.progress-levels .progress-box.animated .percent {

	opacity: 1;

}









/*

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

 11. Progress bar

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

*/



.progress-levels-two {

	position: relative;

}



.progress-levels-two .progress-box {

	position: relative;

	padding-bottom: 16px;

	padding-top: 10px;

	overflow: hidden;

	margin: 0 25px;

}



.progress-levels-two .progress-box .bar {

	position: relative;

	height: 270px;

	width: 36px;

	background: #fff;

}



.progress-levels-two .progress-box .bar .bar-innner {

	position: relative;

	left: 0px;

	top: 0px;

	width: 36px;

	height: 100%;

}



.progress-levels-two .progress-box .bar .bar-fill {

	position: absolute;

	left: 0%;

	bottom: 0px;

	width: 36px;

	height: 0px;

	background: #ffcf00;

	-webkit-transition: all 2000ms ease 300ms;

	-o-transition: all 2000ms ease 300ms;

	transition: all 2000ms ease 300ms;

}



.progress-levels-two .progress-box.html .bar .bar-fill {

	background: #ef6267;

}



.progress-levels-two .progress-box.wp .bar .bar-fill {

	background: #ff9924;

}



.progress-levels-two .progress-box.php .bar .bar-fill {

	background: #14dbba;

}



.progress-levels-two .progress-box.animated .bar .bar-fill {

	left: 0px;

}



.progress-levels-two .progress-box .percent {

	position: absolute;

	right: 0;

	top: -30px;

	letter-spacing: 0px;

	font-size: 14px;

	font-weight: 600;

	color: #222;

	opacity: 0;

	-webkit-transition: all 2000ms ease 700ms;

	-o-transition: all 2000ms ease 700ms;

	transition: all 2000ms ease 700ms;

}



.progress-levels-two .progress-box.animated .percent {

	opacity: 1;

}







/*** 



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

  Main Header style

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



***/



.main-header {

	position: relative;

	left: 0px;

	top: 0px;

	z-index: 999;

	width: 100%;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.main-header.header-style-two {

	position: absolute;

	top: 70px;

	left: 0;

	width: 100%;

}



.main-header .header-outer-box {

	padding: 0 40px;

	background: #fff;

}



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



.header-top {

	position: relative;

	font-size: 13px;

	padding: 3px 0px;

	background: #fad592;

}



.header-top .social-links {

	display: inline-block;

}



.header-top .social-links a {

	position: relative;

	display: inline-block;

	font-size: 13px;

	font-weight: normal;

	color: #fff;

	padding: 0px 10px;

	line-height: 26px;

}



.header-top .social-links a:last-child {

	padding-right: 0px;

}



.header-top a:hover {

	color: #ffcf00;

}



.header-top .top-right {

	position: relative;

}



.header-top .topbar-info {

	position: relative;

	display: inline-block;

}



.header-top .link-btn {

	display: inline-block;

}



.header-top .link-btn .theme-btn {

    padding: 12px 30px;

    border-radius: 0px;

    margin: -11px 0;

    margin-left: 15px;

}



.header-top .topbar-info li {

	display: inline-block;

	line-height: 1em;

	padding: 0px 15px;

	padding-left: 0;

	margin-right: 16px;

	border-right: 1px solid #f0ca83;

}



.header-top .topbar-info li a {

	color: #fff;

	font-size: 15px;

}



.header-top .topbar-info li a i {

	position: relative;

	color: #fff;

	margin-right: 6px;

	top: 2px;

}

/* language info */

.header-top .language-info {

	position: relative;

	display: inline-block;

	margin-right: 15px;

}



.header-top .language-info ul {

	display: inline-block;

}



.header-top .language-info i {

	position: relative;

	font-size: 16px;

	color: #ffcf00;

	display: inline-block;

}



.header-top .language-info li {

	position: relative;

	display: inline-block;

	font-size: 14px;

	font-weight: 500;

	color: #222222;

	padding: 0 6px;

	border-right: 1px solid #c6ccda;

	line-height: 12px;

	text-transform: uppercase;

}



/* Phone info */

.header-top .phone-info {

    position: relative;

    display: inline-block;

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    background: #f5271c;

    padding: 3px 18px;

    margin: -25px 0;

}



.header-top .phone-info i {

	font-size: 22px;

	margin-right: 5px;

	position: relative;

	top: 5px;

}



.header-top .phone-info a  {

	position: relative;

	font-size: 16px;

	color: #fff;

}



@media only screen and (max-width: 767px) {

	.header-top .top-left,

	.header-top .top-right {

		width: 100%;

		text-align: center;

	}

}



/* Header upper */



.main-header .header-upper {

	position: relative;

	z-index: 5;

	transition: all 500ms ease;

	background:#000;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.main-header .header-upper .logo img {

	position: relative;

	display: inline-block;

	max-width: 100%;

}



.main-header .logo-outer {

	position: relative;

	z-index: 25;

	padding: 2px 0px;

}



.main-header .logo-outer .logo img {

	position: relative;

	display: inline-block;

	max-width: 100%;

}



.main-menu {

    position: relative;

    float: left;

}



.main-header .header-upper .upper-right {

	position: relative;

	text-align: center;

}



.main-header .header-info {

	position: relative;

	top: 0px;

	width: 100%;

	z-index: 5;

	border-bottom: 1px solid #f0f0f0;

	padding: 31px 0;

}



.main-menu .navigation {

	position: relative;

	margin: 0px;

	text-align: center;

}



.main-menu .navigation>li {

	position: relative;

	float: left;

	margin: 0px 1px;

}



.sticky-header .main-menu .navigation>li {

	margin: 0px 1px;

	border: 0px;

}



.main-menu .navigation>li>a {

	position: relative;

	display: block;

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	font-family: 'Poppins', sans-serif;

	font-weight: 700;

	opacity: 1;

	text-transform: capitalize;

	padding: 30px 22px;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.main-menu .navigation>li.dropdown a {

}



.main-menu .navigation>li>a span {

	font-size: 22px;

	line-height: 25px;

	position: relative;

	top: 2px;

}



.main-menu .navigation>li:first-child>a {

}



.main-header .sticky-header .main-menu .navigation>li {

	padding: 0px;

}



.main-header .sticky-header .main-menu .navigation>li>a {

    color: #181818;

    padding: 22px 22px !important;

    line-height: 30px;

    font-size: 14px;

    /* font-weight: 500; */

    min-height: 0px;

    background: none;

    border: 0px;

}



.main-menu .navigation>li.dropdown:hover>a,

.main-menu .navigation>li.current>a,

.main-menu .navigation>li.current-menu-item>a {

	color: #fad592;

	opacity: 1;

}



.main-header .sticky-header .main-menu .navigation>li:hover>a,

.main-header .sticky-header .main-menu .navigation>li.current>a,

.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {

	color: #fad592;

}



.main-header .sticky-header .main-menu .navigation>li.current>a,

.main-header .sticky-header .main-menu .navigation>li.dropdown>a {

}



.main-menu .navigation>li:hover>a:after {

	opacity: 1;

}



.main-header .sticky-header .main-menu .navigation>li>ul:before {

	display: none;

}



.main-header .sticky-header .main-menu .navigation>li>ul {

	top: 100% !important;

}



.main-menu .navigation>li>ul {

	position: absolute;

	left: 0px;

	top: 100%;

	width: 270px;

	padding: 0px 0px;

	z-index: 100;

	display: none;

	border-top: 2px solid #ffcf00;

	background: #ffffff;

	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

}



.main-menu .navigation>li>ul.from-right {

	left: auto;

	right: 0px;

}



.main-menu .navigation>li>ul>li {

	position: relative;

	width: 100%;

	padding: 0px 30px;

}



.main-menu .navigation>li>ul>li:last-child {

	border-bottom: none;

}



.main-menu .navigation>li>ul>li>a {

	position: relative;

	display: block;

	padding: 14px 0px;

	line-height: 24px;

	font-weight: 400;

	font-size: 18px;

	color: #7e8597;

	text-align: left;

	border-bottom: 1px solid #e9e6e6;

	padding-right: 0px !important;

	text-transform: capitalize;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.main-menu .navigation>li>ul>li:last-child> a {

	border: 0px;

}



.main-menu .navigation>li>ul>li:hover>a {

	padding-left: 15px;

	color: #ffcf00;

}



.main-menu .navigation>li>ul>li>a:before {

	position: absolute;

	content: '';

	left: 0;

	top: 24px;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: #ffcf00;

	opacity: 0;

	transition: .5s ease;

}



.main-menu .navigation>li>ul>li:hover> a:before {

	opacity: 1;

}



.main-menu .navigation>li>ul>li>ul {

	position: absolute;

	left: 100%;

	top: 0%;

	width: 250px;

	z-index: 100;

	padding: 0;

	display: none;

	background: #ffffff;

	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

}



.main-menu .navigation>li>ul>li>ul li {

	position: relative;

	width: 100%;

	padding: 0px 30px;

}



.main-menu .navigation>li>ul>li>ul li:last-child {

	border-bottom: none;

}



.main-menu .navigation>li>ul>li>ul>li a {

	position: relative;

	display: block;

	padding: 14px 0px;

	line-height: 24px;

	font-weight: 400;

	font-size: 18px;

	color: #7e8597;

	text-align: left;

	border-bottom: 1px solid #e9e6e6;

	padding-right: 0px !important;

	text-transform: capitalize;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.main-menu .navigation>li>ul>li>ul>li:hover a {

	padding-left: 15px;

	color: #ffcf00;

}



.main-menu .navigation>li>ul>li>ul>li>a:hover {

	padding-left: 15px;

	color: #ffcf00;

}



.main-menu .navigation>li>ul>li>ul>li>a:before {

	position: absolute;

	content: '';

	left: 0;

	top: 24px;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: #ffcf00;

	opacity: 0;

	transition: .5s ease;

}



.main-menu .navigation>li>ul>li>ul>li:hover> a:before {

	opacity: 1;

}



.main-menu .navigation>li.dropdown:hover>ul {

	visibility: visible;

	opacity: 1;

}



.main-menu .navigation li>ul>li.dropdown:hover ul {

	visibility: visible;

	opacity: 1;

	left: 100%;

	top: 0%;

}









.main-menu .navigation > li.has-mega-menu:before,

.main-menu .navigation > li.has-mega-menu:after{

	display:none;	

}

.main-menu .navigation > li.has-mega-menu{

	position:static;

}



.main-menu .navigation > li > ul > li{

	position:relative;

	width:100%;

	border-bottom:1px solid #f2f2f2;

	text-transform:capitalize;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}

.main-menu .navigation > li.has-mega-menu{

	position:static;

}



.main-menu .navigation > li > .mega-menu{

	position:absolute;

	left:0px;

	width:100%;

	background-color: #ffffff;

    padding:10px 10px 10px 20px;

    top: 100%;

	z-index:10;

	margin-top:2px;

	display:none;

	background-position:right bottom;

	background-repeat:no-repeat;

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li > .mega-menu:before{

	position:absolute;

	content:'';

	left:0px;

	top:-10px;

	width:100%;

	height:10px;

}



.main-menu .navigation > li:hover > .mega-menu{

	opacity:1;

	visibility:visible;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li > .mega-menu .mega-menu-bar{

	position: relative;

}



.main-menu .navigation > li .mega-menu-bar h3{

	position:relative;

	color:#020e28;

	font-size:20px;

	font-weight:500;

	padding-bottom:10px;

	border-bottom:2px solid #f2f2f2;

}



.main-menu .navigation > li .mega-menu-bar > ul{

	position:relative;

}



.main-menu .navigation > li .mega-menu-bar .column > ul > li{

	position:relative;

	width:100%;

	border-bottom:1px solid #f2f2f2;

	text-transform:capitalize;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li .mega-menu-bar .column{

	position:relative;

	margin-bottom:0px;

}



.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{

	border:none;

}



.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{

	position:relative;

	display:block;

	padding:4px 0px;

	line-height:24px;

	font-size:14px;

	color:#848484;

	text-align:left;

	text-transform:capitalize;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: 'Rubik', sans-serif;

}

.main-menu .navigation > li > ul > li:last-child{

	border-bottom:none;	

}



.main-menu .navigation > li > ul > li > a{

	position:relative;

	display:block;

	padding:13px 0px;

	line-height:24px;

	font-weight:400;

	font-size:16px;

	color:#848484;

	text-align:left;

	text-transform:capitalize;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: 'Rubik', sans-serif;

}



.main-menu .navigation > li > ul > li:hover{

	border-color:#f55b14;

}



.main-menu .navigation > li > ul > li:hover > a,

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{

	color:#fad592;

}



.main-menu .navigation > li > ul > li.dropdown > a:after{

	font-family: 'FontAwesome';

	content: "\f105";

	position:absolute;

	right:0px;

	top:15px;

	width:10px;

	height:20px;

	display:block;

	line-height:21px;

	font-size:16px;

	font-weight:normal;

	text-align:center;

	z-index:5;	

}



.main-menu .navigation > li > ul > li.dropdown:hover > a:after{

	color:#f55b14;

}



.main-menu .navigation > li > ul > li > ul{

	position:absolute;

	left:109%;

	top:0px;

	width:270px;

	z-index:100;

	display:none;

	padding:5px 20px;

	background:#ffffff;

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	font-family:'Poppins',sans-serif;

	border-bottom:2px solid #f55b14;

}



.main-menu .navigation > li > ul > li > ul > li{

	position:relative;

	width:100%;

	border-bottom:1px solid #f2f2f2;

	text-transform:capitalize;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li > ul > li > ul > li:hover{

	border-color:#f55b14;

}



.main-menu .navigation > li > ul > li > ul > li:last-child{

	border-bottom:none;	

}



.main-menu .navigation > li > ul > li  > ul > li > a{

	position: relative;

    display: block;

    padding: 13px 0px;

    line-height: 24px;

    font-weight: 400;

    font-size: 16px;

    color: #848484;

    text-align: left;

    text-transform: capitalize;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    font-family: 'Rubik', sans-serif;

}



.main-menu .navigation > li > ul > li  > ul > li > a:hover{

	color:#f55b14;

}



.main-menu .navigation > li.dropdown:hover > ul{

	visibility:visible;

	opacity:1;

	top:100%;

	margin-top:10px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation li > ul > li.dropdown:hover > ul{

	visibility:visible;

	opacity:1;

	top:0px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;	

}



.main-menu .navigation li.dropdown .dropdown-btn{

	position:absolute;

	right:10px;

	top:6px;

	width:34px;

	height:30px;

	border:1px solid #ffffff;

	text-align:center;

	font-size:16px;

	line-height:26px;

	color:#ffffff;

	cursor:pointer;

	z-index:5;

	display:none;

}



.navbar-header {

	display: none;

}



.main-header .menu-right-content {

    position: relative;

    float: left;

    margin-left: 15px;

    margin-top: 22.5px;

}



/* ====================== search box btn ===========================*/



.main-header .search-box-outer {

	position: relative;

	left: 3px;

	display: inline-block;

	padding: 6px 0;

	vertical-align: middle;

}



.main-header .search-box-btn {

	position: relative;

	font-size: 18px;

	line-height: 28px;

	color: #222;

	cursor: pointer;

	display: inline-block;

	padding: 7px 0px 6px;

	background: transparent;

	border-radius: 50px 0px 0px 50px;

}



.main-header .header-upper.dark .search-box-btn {

	color: #fff;

}



.main-header .search-box-outer .dropdown-menu {

	top: 63px !important;

	padding: 0px;

	width: 330px;

	border-radius: 0px;

	background: #ffffff;

	right: 0;

	left: auto !important;

	transform: translate3d(0px, 0px, 0px) scale3d(0.8,0.8,0.8) !important;

	border-color: transparent;

	border-radius: 3px;

	box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);

	transition: .5s ease;

	display: block;

	opacity: 0;

	visibility: hidden;

}



.main-header .header-bottom .search-box-outer .dropdown-menu {

	top: 48px !important;

}



.main-header .search-box-outer .show .dropdown-menu {

    display: block;

    transform: scale3d(1,1,1)!important;

    opacity: 1;

    visibility: visible;

}



.main-header .search-panel .form-container {

	padding: 30px;

}



.main-header .search-panel .form-group {

	position: relative;

	margin: 0px;

}



.main-header .search-panel input[type="text"],

.main-header .search-panel input[type="search"],

.main-header .search-panel input[type="password"],

.main-header .search-panel select {

	display: block;

	width: 100%;

	line-height: 24px;

	padding: 9px 50px 9px 15px;

	height: 50px;

	border: 1px solid #f3f5fe;

	border-radius: 3px;

	background: #f3f5fe;

}



.main-header .search-panel input:focus,

.main-header .search-panel select:focus {

	border-color: #f3f5fe;

}



.main-header .search-panel .search-btn {

	position: absolute;

	right: 1px;

	top: 1px;

	width: 50px;

	height: 48px;

	text-align: center;

	color: #111111;

	background: #f3f5fe;

	font-size: 14px;

	border-radius: 0px 3px 3px 0px;

	cursor: pointer;

}



.main-header .menu-right-content .link-btn {

	display: inline-block;

	vertical-align: middle;

}



.main-header .menu-right-content .link-btn .theme-btn {

	text-transform: capitalize;

	font-family: 'Poppins', sans-serif;

	font-size: 16px;

	font-weight: 600;

	padding: 11px 30px;

	border-radius: 0;

	margin-left: 20px;

	background: #222;

	border-color: #222;

}



.dropdown-toggle::after {

	display: none;

}



/* language switcher */



.main-header .language {

    display: inline-block;

}



.main-header .language .dropdown-menu {

    top: 100% !important;

    right: 0px;

    left: auto !important;

    width: 170px;

    border-radius: 0px;

    background-color: #222222;

    border: none;

    border-top: 3px solid #ffcf00;

    transform: translate3d(0px, 0px, 0px) !important;

}



.main-header .language>a {

    height: auto !important;

    width: auto !important;

    color: #848484 !important;

    padding: 19.5px 0px;

    background: none !important;

    text-transform: capitalize;

    display: inline-block;

    border: 0px;

    font-weight: 400;

    font-size: 15px;

    line-height: 20px;

    padding-right: 20px;

    border-right: 1px solid #e9e6e6;

    margin-right: 15px;

}



.main-header .language>a:focus {

	box-shadow: none;

}



.main-header .language>a i {

    margin-left: 10px;

    font-size: 12px;

}



.main-header .language>a>.icon {

    position: relative;

    top: -2px;

}



.main-header .language a:hover {

    background: none;

}



.main-header .language .dropdown-menu>li {

    float: none;

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, 0.20);

}



.main-header .language .dropdown-menu>li:last-child {

    border-bottom: none;

}



.main-header .language .dropdown-menu>li>a {

    padding: 3px 15px;

    width: auto;

    height: auto;

    display: block;

    color: #ffffff;

    text-align: left;

    border-radius: 0px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-header .language .dropdown-menu>li>a:hover {

    color: #ffffff !important;

    background-color: #ffcf00;

}







/* Contact info */

.main-header .contact-info .inner-column{

	position: relative;

	padding: 4px 0;

	padding-left: 80px;

	text-align: left;

}



.main-header .contact-info .inner-column .icon-box{

	position:absolute;

	content:'';

	left: 30px;

	top: 4px;

	color: #ffcf00;

	font-size: 40px;

	line-height:1em;

}



.main-header .contact-info h4{

	position:relative;

	color:#222;

	font-size:18px;

	font-weight:600;

	text-transform: capitalize;

	line-height: 1.3em;

}



.main-header .contact-info .title {

    color: #7e8597;

    line-height: 1.3em;

    font-size: 14px;

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

}





/* headder-bottom */



.header-bottom {

	position: relative;

	border-top: 1px solid #e9e6e6;

}



.header-bottom .outer-box {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: space-between;

	flex-wrap: wrap;

}



.header-bottom .left-column .text {

	display: inline-block;

	padding: 14px 0;

	vertical-align: middle;

	padding-left: 20px;

	border-left: 1px solid #ddd;

	font-weight: 500;

}



.header-bottom .left-column .text a {

	color: #ffcf00;

}



.header-bottom .left-column .text a span {

	margin-left: 10px;

	font-size: 14px;

}



/* Hiddenbar */

.hiddenbar-btn {

	display: inline-block;

	z-index: 7;

	float: none;

	cursor: pointer;

	border-radius: 0px;

	background: #ffffff;

	vertical-align: middle;

	margin: 14px 0;

	margin-right: 30px;

}

.hiddenbar-btn .icon-bar {

	font-size: 24px;

	color: #8a91a4;

	vertical-align: middle;

}



/*** 



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

	Hidden Sidebar style

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



***/



.hidden-bar {

	position: fixed;

	top: 0;

	width: 405px;

	padding: 30px 30px;

	padding-right: 0px;

	height: 100%;

	background: rgba(17, 17, 17, 0.95);

	z-index: 9999;

	transition: all 700ms ease;

	-webkit-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

}



.hidden-bar .mCSB_inside>.mCSB_container {

	margin-right: 0px;

}



.hidden-bar.right-align {

	right: -450px;

}



.hidden-bar.right-align.visible-sidebar {

	right: 0px;

}



.hidden-bar.left-align {

	left: 0px;

}



.hidden-bar .hidden-bar-closer {

	position: absolute;

	top: 25px;

	right: 30px;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background: #222;

	color: #000000;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	z-index: 999999;

}



.hidden-bar .hidden-bar-closer:hover {

	color: #414857;

}



.hidden-bar .hidden-bar-closer:hover .btn {

	color: #ffffff;

}



.hidden-bar .hidden-bar-closer .btn {

	background-color: transparent;

	border: none;

	outline: none;

	font-size: 14px;

}



.hidden-bar .social-icons {

	text-align: center;

	margin: 50px 0px 30px;

}



.hidden-bar .social-icons ul {

	font-size: 0;

	margin-left: -5px;

	margin-right: -5px;

}



.hidden-bar .social-icons ul li {

	display: inline-block;

	padding: 0 5px;

}



.hidden-bar .social-icons ul li a {

	display: block;

	width: 36px;

	height: 36px;

	font-size: 16px;

	line-height: 36px;

	text-align: center;

	background: #414857;

	color: #ffffff;

	border-radius: 5px;

	transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}



.hidden-bar .social-icons ul li a:hover {

	background: #ffffff;

	color: #414857;

}



.hidden-bar .logo {

	padding: 80px 30px 30px;

}



.hidden-bar .logo img {

	display: inline-block;

	max-width: 100%;

}



.hidden-bar .hidden-bar-closer button {

	background: none;

	display: block;

	font-size: 16px;

	color: #ffffff;

	width: 40px;

	height: 40px;

	line-height: 40px;

	border-radius: 50%;

	cursor: pointer;

}



.hidden-bar .hidden-bar-closer:hover button {

	color: #ffffff;

}



.hidden-bar-wrapper {

	height: 100%;

	padding: 0px 5px 30px 0px;

}



.hidden-bar-wrapper.style-two {

	padding: 120px 30px;

}



.hidden-bar .content-box {

	position: relative;

	padding-right: 25px;

	padding-left: 30px;

}



.hidden-bar .content-box h2 {

	position: relative;

	font-size: 30px;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 20px;

}



.hidden-bar .content-box .text {

	position: relative;

	font-size: 14px;

	color: #eee;

	margin-bottom: 25px;

}



.hidden-bar .content-box .btn-style-two {

	color: #fff;

	border-color: #fff;

}



.hidden-bar .content-box .btn-style-two:hover {

	border-color: #5658db;

}



.hidden-bar .contact-info {

	position: relative;

	padding-right: 25px;

	margin-top: 60px;

	padding-left: 30px;

}



.hidden-bar .contact-info h2 {

	position: relative;

	font-size: 24px;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 20px;

}





/*Sticky Header*/



.sticky-header {

	position: fixed;

	opacity: 0;

	visibility: hidden;

	left: 0px;

	top: 0px;

	width: 100%;

	padding: 0px 0px;

	background: #ffffff;

	z-index: 0;

	border-bottom: 1px solid #e0e0e0;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.sticky-header .logo {

	padding: 4px 0px;

	width: 183px;

}



.fixed-header .sticky-header {

	z-index: 999;

	opacity: 1;

	visibility: visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

}



/* =============== Mobile menu ===================== */



@media only screen and (max-width: 1200px) {

	.main-menu .navigation>li.dropdown:after {

		right: 7px;

	}

	.main-menu .navigation>li.dropdown a {

	    padding-right: 20px;

	}

	.main-menu .navigation>li>a {

		padding: 40px 3px;

	}

	.main-menu .navigation>li.dropdown:before {

		display: none;

	}

	.main-menu .navigation>li.dropdown:hover>a, 

	.main-menu .navigation>li.current>a, 

	.main-menu .navigation>li.current-menu-item>a {

	    color: #222;

	    opacity: 1;

	}

	.main-menu .navigation>li.dropdown:hover:after, 

	.main-menu .navigation>li.current.dropdown:after {

	    color: #222;

	}

	.main-header .sticky-header .main-menu .navigation>li:hover>a, 

	.main-header .sticky-header .main-menu .navigation>li.current>a, 

	.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {

	    color: #222;

	    background: transparent !important;

	}

}



@media only screen and (max-width: 991px) {

	.fixed-header .sticky-header {

		display: none!important;

	}

	.main-menu .navbar-header {

		position: relative;

		float: none;

		display: block;

		text-align: left;

		width: 100%;

		top: 0px;

		z-index: 12;

	}

	.main-header .logo-outer {

		padding: 3px 0 5px;

		text-align: center;

		width: 100%;

	}

	.main-header .header-upper .upper-right {

		position: relative;

		width: 100%;

		padding-top: 0px;

	}

	.main-header .main-menu {

		    width: 100%;

    margin-top: -65px;

    z-index: 9999999;

	}

	.main-menu .navbar-header .navbar-toggle {

		display: inline-block;

		z-index: 7;

		float: none;

		padding: 4px 5px;

		cursor: pointer;

		margin: 0px 0px 10px 0px;

		border-radius: 0px;

		background: #fff;

	}

	.main-menu .navbar-header .navbar-toggle .icon-bar {

		background: #fad592;

		height: 2px;

		width: 29px;

		display: block;

		margin: 7px 5px;

	}

	.main-menu .collapse {

		max-height: 310px;

		max-width: none;

		overflow: auto;

		float: none;

		width: 100%;

		padding: 0px 0px 0px;

		border: none;

		margin: 0px;

		-ms-border-radius: 3px;

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		-o-border-radius: 3px;

		border-radius: 3px;

		box-shadow: none;

	}

	.main-menu .navbar-collapse {

	    max-height: 310px; 

	}  

	.main-menu .navbar-collapse>.navigation {

		float: none !important;

		margin: 0px !important;

		width: 100% !important;

		background: #333;

		border: 1px solid #ffffff;

		border-top: none;

	}

	.main-menu .navbar-collapse>.navigation>li {

		margin: 0px !important;

		float: none !important;

		width: 100%;

	}

	.main-menu .navigation>li>a,

	.main-menu .navigation>li>ul:before {

		border: none;

	}

	.main-menu .navbar-collapse>.navigation>li>a {

		padding: 10px 10px !important;

		border: none !important;

	}

	.main-menu .navigation li.dropdown>a:after,

	.main-menu .navigation>li.dropdown>a:before,

	.main-menu .navigation>li>ul>li>a::before,

	.main-menu .navigation>li>ul>li>ul>li>a::before {

		color: #ffffff !important;

		right: 15px;

		font-size: 16px;

		display: none !important;

	}

	.main-menu .navigation>li>ul>li>a {

		border-bottom: 0px;

	}

	.main-menu .navbar-collapse>.navigation>li>ul,

	.main-menu .navbar-collapse>.navigation>li>ul>li>ul {

		position: relative;

		border: none;

		float: none;

		visibility: visible;

		opacity: 1;

		display: none;

		margin: 0px;

		padding: 0px;

		left: auto !important;

		right: auto !important;

		top: auto !important;

		width: 100%;

		background: #333333;

		-webkit-border-radius: 0px;

		-ms-border-radius: 0px;

		-o-border-radius: 0px;

		-moz-border-radius: 0px;

		border-radius: 0px;

		transition: none !important;

		-webkit-transition: none !important;

		-ms-transition: none !important;

		-o-transition: none !important;

		-moz-transition: none !important;

		box-shadow: none !important;

	}

	.main-menu .navbar-collapse>.navigation>li>ul,

	.main-menu .navbar-collapse>.navigation>li>ul>li>ul {

		/* border-top:1px solid rgba(255,255,255,1) !important; */

	}

	.main-menu .navbar-collapse>.navigation>li,

	.main-menu .navbar-collapse>.navigation>li>ul>li,

	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {

		border-top: 1px solid rgba(255, 255, 255, 0.1) !important;

		opacity: 1 !important;

		top: 0px !important;

		padding-top: 0;

		padding-bottom: 0;

		left: 0px !important;

		visibility: visible !important;

		border-bottom: none;

	}

	.main-menu .navbar-collapse>.navigation>li:first-child {

		border: none;

	}

	.main-menu .navbar-collapse>.navigation>li>a,

	.main-menu .navbar-collapse>.navigation>li>ul>li>a,

	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {

		padding: 10px 20px !important;

		line-height: 22px;

		color: #b8b8b8;

		text-align: left;

		min-height: 0px;

	}

	.main-menu .navbar-collapse>.navigation>li>a:hover,

	.main-menu .navbar-collapse>.navigation>li>a:active,

	.main-menu .navbar-collapse>.navigation>li>a:focus {

		/* background:#fad592; */

	}

	.main-menu .navbar-collapse>.navigation>li:hover>a,

	.main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,

	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a,

	.main-menu .navbar-collapse>.navigation>li.current>a,

	.main-menu .navbar-collapse>.navigation>li.current-menu-item>a {

		/* background:#fad592; */

		color: #ffffff !important;

	}

	.main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {

		display: block;

	}

	.main-menu .navbar-collapse>.navigation li.dropdown:after,

	.main-menu .navigation>li>ul:before,

	.main-header .info-box:after,

	.services-section-two .owl-dots {

		display: none !important;

	}

	/* search outer */

	.main-header .menu-right-content {

		position: absolute;

		right: 0px;

		top: -7px;

		margin-top: 0px;

		z-index: 15;

	}

	.main-header .search-box-outer .dropdown-menu {

		top: 53px !important;

	}

}





@media only screen and (max-width: 450px) {

	.main-header .search-box-outer .dropdown-menu {

		width: 230px;

	}

}







/*** 



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

	Main Slider Banner

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



***/



.main-slider{

	position:relative;

}



.main-slider .content {

	position: relative;

}



.main-slider .slide{

	position:relative;

	padding:140px 0px 140px;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:center center;

}



.main-slider h2{

	position:relative;

	color:#222;

	font-size:52px;

	font-weight:700;

	line-height:60px;

	margin-bottom:30px;

	text-transform: capitalize;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

	font-family: 'Poppins', sans-serif;

	padding-bottom: 50px;

}

.main-slider h1{

	position:relative;

	color:#222;

	font-size:52px;

	font-weight:700;

	line-height:60px;

	margin-bottom:30px;

	text-transform: capitalize;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

	font-family: 'Poppins', sans-serif;

	padding-bottom: 50px;

}

.main-slider h2:before {

	position: absolute;

	content: '';

	background: #ffcf00;

	width: 1px;

	height: 0px;

	left: 50%;

	bottom: 0px;

	transform: translateX(-50%);

	transition: .7s ease;

	transition-delay: 1s;

}

.main-slider h1:before {

	position: absolute;

	content: '';

	background: #ffcf00;

	width: 1px;

	height: 0px;

	left: 50%;

	bottom: 0px;

	transform: translateX(-50%);

	transition: .7s ease;

	transition-delay: 1s;

}

.main-slider .active h1:before {

	height: 50px;

	transition-delay: 3s;

}



.main-slider .light h2 {

	color: #fff;

}



.main-slider .active h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 1300ms;

}

.main-slider .light h1 {

	color: #fff;

}



.main-slider .active h1{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 1300ms;

}

.main-slider h4{

	position:relative;

	color:#ffcf00;

	font-size:18px;

	font-weight:600;

	font-family: 'Barlow', sans-serif;

	margin-bottom:20px;

	display:inline-block;

	text-transform: uppercase;

	opacity:0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

}



.main-slider .active h4{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 1000ms;

}



.main-slider .text{

	position:relative;

	color:#7e8597;

	font-size:18px;

	opacity:0;

	line-height: 1.7em;

	font-weight:500;

	margin-bottom:40px;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

}



.main-slider .light .text {

	color: #fff;

}



.main-slider .active .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 2000ms;

}



.main-slider .link-box{

	opacity:0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

}



.main-slider .link-box .theme-btn{

	margin-right:10px;

}



.main-slider .active .link-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 2500ms;

}



.main-slider .content .title{

	position:relative;

	color:#ffffff;

	font-size: 18px;

	font-weight: 500;

	padding-bottom: 20px;

	margin-bottom: 25px;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

}



.main-slider .content .title:after{

	position: absolute;

	content: '';

	left: 50%;

	bottom: 0px;

	width: 70px;

	height: 1px;

	margin-left: -35px;

	background-color: #ffffff;

}



.main-slider .active .title {

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 600ms;

}



.main-slider .owl-dots{

	position:absolute;

	left:50%;

	bottom:20px;

}



.main-slider .owl-dots .owl-dot{

	position:relative;

	width:20px;

	height:5px;

	margin:0px 4px;

	display:inline-block;

	background-color:#ffffff;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-slider .owl-dots .owl-dot:hover,

.main-slider .owl-dots .owl-dot.active{

	background-color:#ffcf00;

}



.main-slider .owl-nav{

	position:absolute;

	left:0px;

	top:50%;

	z-index:1;

	width:100%;

	margin-top:-20px;

	opacity: 0;

	transition: .5s ease;

}



.main-slider:hover .owl-nav {

	opacity: 1;

}



.main-slider .owl-nav .owl-prev{

	position:absolute;

	left:40px;

	width: 55px;

	height: 130px;

	color: #222;

	padding-top: 23px;

	text-transform: uppercase;

	text-align:center;

	display:inline-block;

	background-color: #fff;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-slider .owl-nav .owl-prev .previous{

	position:relative;

	-webkit-transform:rotate(-180deg);

	-ms-transform:rotate(-180deg);

	transform:rotate(-180deg);

	display:inline-block;

}



.main-slider .owl-nav .owl-next{

	position:absolute;

	right:40px;

	width: 55px;

	height: 130px;

	color: #222;

	padding-top: 45px;

	font-size:21px;

	line-height:50px;

	text-align:center;

	display:inline-block;

	background-color:#fff;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-slider .owl-nav .owl-prev:hover,

.main-slider .owl-nav .owl-next:hover{

	color:#ffffff;

	background-color:#ffcf00;

}



.main-slider .owl-nav span {

	position: relative;

    word-break: break-all;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    width: 15px;

    display: inline-block;

}



.main-slider .owl-nav .owl-prev span:before {

    bottom: -22px;

    position: absolute;

    left: -3px;

}



.main-slider .owl-nav .owl-next span:before {

    top: -19px;

    position: absolute;

    left: 0;

    transform: rotate(180deg);

}





/* Main header style two */



.main-slider.style-two {

	position: relative;

}



.main-slider.style-two .owl-dots {

	display: none;

}



.main-slider.style-two .slide {

	padding: 190px 0 210px;

}



.main-slider.style-two h1 {

	padding-bottom: 0px;

}



.main-slider.style-two h1:before {

	display: none;

}



/*Banner Tab*/



.main-slider .banner-tab{

	position:relative;

}



.main-slider .banner-tab .tabs-header{

	position:relative;

	margin-top: -30px;

}



.main-slider .banner-tab .tab-btns-box {

	position: relative;

	z-index: 9;

}



.main-slider .banner-tab .banner-tab-btns{

	position:relative;

	margin: 0 -15px;

	margin-bottom: 20px;

	display: inline-block;

	text-align: center;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn{

	position:relative;

	line-height:24px;

	padding:0px 0px;

	cursor:pointer;

	color:#303030;

	background: #fff;

	font-weight:500;

	font-size: 18px;

	display:inline-block;

	line-height: 76px;

	margin-bottom:10px;

	min-width: 267px;

	margin: 0px 15px 30px;

	padding-bottom:2px;

	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.08);

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	font-family: 'Poppins', sans-serif;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn .category {

	position: relative;

	display: inline-block;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn.active-btn .category {

	padding-left: 25px;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn .active-count {

	position: absolute;

	left: 0;

	top: 27px;

	color: #fff;

	opacity: 0;

	line-height: 1.2em;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn.active-btn .active-count {

	opacity: 1;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn .count {

	position: absolute;

	right: 15px;

	bottom: 15px;

	font-size: 24px;

	color: #e5e5e5;

	font-family: 'Barlow', sans-serif;

	line-height: 1.2em;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn.active-btn .count {

	opacity: 0;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn.active-btn{

	background: #ffcf00;

	color: #fff;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn:before {

	position: absolute;

	content: '';

	background: #ffcf00;

	height: 30px;

	width: 30px;

	left: 50%;

	top: -30px;

	transform: translateX(-50%);

	-webkit-clip-path: polygon(50% 52%, 0% 100%, 100% 100%);

	clip-path: polygon(50% 52%, 0% 100%, 100% 100%);

	opacity: 0;

	transition: .5s ease;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn.active-btn:before {

	opacity: 1;

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(100%);

}



.main-slider .banner-tab .banner-tab-btns .b-tab-btn.active-btn img {

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(0%);

}



.main-slider .banner-tab .b-tabs-content{

	position:relative;

	display:block;

}



.main-slider .banner-tab .b-tab{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:auto;

	visibility:hidden;	

}



.main-slider .banner-tab .b-tab.active-tab{

	position:relative;

	visibility:visible;

	z-index:5;

}



.main-slider .b-tab.active-tab .slide{

	-webkit-transform:scaleX(1);

	-ms-transform:scaleX(1);

	-o-transform:scaleX(1);

	-moz-transform:scaleX(1);

	transform:scaleX(1);

}



.main-slider .b-tab .slide{

	transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-webkit-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	-webkit-transform:scaleX(0);

	-ms-transform:scaleX(0);

	-o-transform:scaleX(0);

	-moz-transform:scaleX(0);

	transform:scaleX(0);	

}



/***



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

	Contact info section

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



***/

.contact-info-section {

	position: relative;

}



/* Contact info block*/

.contact-info-block {

	position: relative;

}



.contact-info-block .inner-box {

	position: relative;

	background: #f7f7f7;

	border: 2px solid #e9e6e6;

	padding: 47px 30px;

	text-align: center;

	margin-bottom: 30px;

	display: block;

}



.contact-info-block .icon {

	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.08);

	height: 100px;

	width: 100px;

	line-height: 100px;

	border-radius: 50%;

	text-align: center;

	margin: 0 auto;

	margin-bottom: 20px;

	background: #fff;

}



.contact-info-block .text {

	line-height: 26px;

	margin-bottom: 30px;

}



.contact-info-block .read-more a {

	font-size: 16px;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

	color: #222;

	transition: .5s ease;

}



.contact-info-block .read-more a span {

	font-size: 13px;

	margin-right: 5px;

}



.contact-info-block .read-more a:hover {

	color: #ffcf00;

}



/* Contact info block two */

.contact-info-block-two {

	position: relative;

	text-align: center;

	border-right: 1px solid #e9e6e6;

	margin: 25px 0 30px;

}



.contact-info-block-two:last-child {

	border-right: 0px;

}



.contact-info-block-two h4 {

	font-size: 20px;

	font-weight: 600;

}



.contact-info-block-two .text {

	line-height: 26px;

}



.contact-info-block-two .text a {

	color: #ffcf00;

}





/***



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

	Contact form

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



***/



.contact-form-section .contact-title {

	position: relative;

	margin-bottom: 16px;

}



.contact-form-section .contact-title h1 {

	position: relative;

	font-size: 36px;

	font-weight: 700;

	line-height: 44px;

	padding-bottom: 30px;

}



.contact-form-section .contact-title h1:before {

	position: absolute;

	content: '';

	left: 0;

	bottom: 0;

	height: 3px;

	width: 70px;

	background: #ffcf00;

}



.contact-form-section .text {

	margin-bottom: 25px;

}



/*Contact Form*/



.contact-form input[type="text"],

.contact-form input[type="email"],

.contact-form input[type="password"],

.contact-form select,

.contact-form textarea {

	display: block;

	width: 100%;

	height: 55px;

	font-size: 16px;

	color: #848484;

	line-height: 30px;

	padding: 12px 25px;

	font-weight: 300;

	background-color: #ffffff;

	border-radius: 0px;

	border: 1px solid #ececec;

	transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.contact-form input:focus,

.contact-form select:focus,

.contact-form textarea:focus {

	border-color: #ff214f;

}



.contact-form textarea {

	height: 180px;

	resize: none;

	padding: 12px 25px;

}



.contact-form button {

	cursor: pointer;

}



.contact-form input.error,

.contact-form select.error,

.contact-form textarea.error {

	border-color: #ff0000 !important;

}



.contact-form label.error {

	display: block;

	line-height: 24px;

	padding: 5px 0px 0px;

	margin: 0px;

	text-transform: uppercase;

	font-size: 11px;

	color: #ff0000;

	font-weight: 500;

}



.contact-form .form-control:focus {

	-webkit-box-shadow: none;

	box-shadow: none;

	border-color: #ffcf00;

}



/* Form style two */



.contact-form.style-two input[type="text"],

.contact-form.style-two input[type="email"],

.contact-form.style-two input[type="password"],

.contact-form.style-two select,

.contact-form.style-two textarea {

	background: #f7f8f9;

	border-color: #f7f8f9;

	-webkit-box-shadow: none;

	box-shadow: none;

}



.contact-form.style-two textarea {

	height: 250px;

}



/* Form style three */



.contact-form-section .default-form-area {

	position: relative;

	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.12);

	padding: 50px 50px 20px;

	margin-bottom: 30px;

}



.contact-form.style-three .form-group {

	margin-bottom: 16px;

}



.contact-form.style-three input[type="text"],

.contact-form.style-three input[type="email"],

.contact-form.style-three input[type="password"],

.contact-form.style-three select,

.contact-form.style-three textarea {

	background: #fff;

	border-color: #e9e6e6;

	-webkit-box-shadow: none;

	box-shadow: none;

	padding-left: 16px;

	height: 44px;

}



.contact-form.style-three span {

	position: absolute;

	left: 35px;

	top: 20px;

	font-size: 18px;

	color: #8a91a4;

}



.contact-form.style-three textarea {

	height: 110px;

}



/* Form style four */



.contact-form.style-four input[type="text"],

.contact-form.style-four input[type="email"],

.contact-form.style-four input[type="password"],

.contact-form.style-four select,

.contact-form.style-four textarea {

	border: 0px;

	border-bottom: 1px solid #222;

	background: transparent;

	padding: 0;

	margin-top: 10px;

}



/* Form style five */



.contact-form.style-five .form-group {

	margin-bottom: 25px;

}



.contact-form.style-five label {

	font-style: italic;

	margin-bottom: 10px;

}



.contact-form.style-five input[type="text"],

.contact-form.style-five input[type="email"],

.contact-form.style-five input[type="password"],

.contact-form.style-five select,

.contact-form.style-five textarea {background: #f3f3f3;border-color: #f3f3f3;}



/* Form style six */



.contact-form.style-six .column {

	padding: 0 5px;

}



.contact-form.style-six input[type="text"],

.contact-form.style-six input[type="email"],

.contact-form.style-six input[type="password"],

.contact-form.style-six select,

.contact-form.style-six textarea {

	background: #212e51;

	border-color: #3a425a;

	-webkit-box-shadow: none;

	box-shadow: none;

}



.contact-form.style-six textarea {

	height: 120px;

}



.contact-form.style-six .form-group {

	margin-bottom: 10px;

}



.contact-form.style-six ::-webkit-input-placeholder {

	color: #7c86a0;

	font-style: italic;

}



.contact-form.style-six ::-moz-placeholder {

	color: #7c86a0;

	font-style: italic;

}



.contact-form.style-six :-ms-input-placeholder {

	color: #7c86a0;

	font-style: italic;

}



.contact-form.style-six :-moz-placeholder {

	color: #7c86a0;

	font-style: italic;

}



.author-box-two {

	position: relative;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}



.author-box-two .author-image {

	position: relative;

	margin-right: 60px;

}



.author-box-two .author-image:before {

    position: absolute;

    content: '';

    left: 10px;

	bottom: 10px;

	width: 100%;

	height: 100%;

	background: #ffcf00;

}



.author-box-two .author-image img {

	position: relative;

}



.author-box-two h4 {

	font-size: 20px;

	font-weight: 600;

	color:#fad592;

	line-height: 36px;

}



.author-box-two .designation {

	font-size: 16px;

	font-weight: 500;

	color: #ffcf00;

	margin-bottom: 7px;

}



.author-box-two .contact-info {

	position: relative;

	margin-bottom: 21px;

}



.author-box-two .contact-info li {

	position: relative;

	font-size: 16px;

	color: #303030;

}



.author-box-two .contact-info li a {

	color: #303030;

}



.author-box-two .contact-info li span {

	color: #ffcf00;

	font-size: 16px;

	margin-right: 7px;

	position: relative;

	top: 2px;

}





/*** 



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

	Map Style

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



***/



.map-section .google-map {

	height: 480px;

}



.map-section .gmnoprint {

	display: none;

}





/*** 



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

	Branches Section

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



***/



.our-branches-section {

	position: relative;

	background: #f7f7f7;

	padding: 70px 0 100px;

}



.our-branches-section .container {

    max-width: 1200px;

    padding: 0;

}



.branch-block {

	position: relative;

}



.branch-block .inner-box {

	position: relative;

	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.12);

	margin: 30px 15px 40px;

	text-align: center;

	padding: 58px 10px;

	background: #fff;

}



.branch-block .inner-box h4 {

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 15px;

}



.branch-block .inner-box ul {

	margin-bottom: 20px;

}



.branch-block .inner-box ul li {

	font-size: 18px;

	color: #7e8597;

}



.branch-block .inner-box ul li a {

	color: #7e8597;

}



.branch-block .inner-box .text {

	line-height: 26px;

}



.our-branches-section .text {

	font-size: 20px;

}



.our-branches-section .text span {

	color: #ffcf00;

}





.our-branches-section .owl-nav-style-four .owl-nav .owl-prev,

.our-branches-section .owl-nav-style-four .owl-nav .owl-next {

	height: 60px;

	width: 60px;

	line-height: 56px;

	border: 2px solid #e9e6e6;

	color: #d4cfcf;

	font-size: 20px;

}



.our-branches-section .owl-nav-style-four .owl-nav .owl-prev:hover,

.our-branches-section .owl-nav-style-four .owl-nav .owl-next:hover {

	border: 2px solid #ffcf00;

	color: #ffcf00;

}



.our-branches-section .owl-nav-style-four .owl-nav .owl-prev {

	left: -95px;

	top: 0;

}



.our-branches-section .owl-nav-style-four .owl-nav .owl-next {

	right: -95px;

	top: 0;

}





/*** 



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

	Page Title Style

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



***/



.page-title {

	position: relative;

	padding: 75px 0 30px;

	background-size: cover;

}



.page-title:before {

    position: absolute;

    content: '';

    background: #000;

    opacity: .75;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.page-title h1 {

	color: #fff;

	font-size: 36px;

	font-weight: 700;

}



.page-title .text {

    position: relative;

    color: #fff;

    font-size: 17px;

    margin-bottom: 24px;

}



.page-title .bread-crumb {

	position: relative;

	padding-left: 50px;

}



.page-title .bread-crumb:before {

    position: absolute;

    content: '';

    background: #fad592;

    left: 0;

    top: 18px;

    width: 42px;

    height: 1px;

}



.page-title .bread-crumb li {

	position: relative;

	font-size: 16px;

	color: #fff;

	font-weight: 500;

	display: inline-block;

	padding-right: 20px;

	margin-right: 10px;

}



.page-title .bread-crumb li:before {

	position: absolute;

	content: '~';

	color: #fff;

	font-size: 20px;

	right: 0;

	top: 0px;

}



.page-title .bread-crumb li:last-child:before {

	display: none;

}



.page-title .bread-crumb li a {

	color: #fff;

	font-weight: 400;

	transition: .5s ease;

}



.page-title .bread-crumb li a:hover {

	color: #ffcf00;

}







/*** 



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

	Error Page Section

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



***/



.error-page-section {

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 170px 0;

}



.error-page-section .content-box {

	position: relative;

	display: block;

	text-align: center;

	left: 0;

	width: 100%;

}



.error-page-section .content-box .image {

	position: relative;

	margin-bottom: 30px;

}



.error-page-section .content-box h1 {

	position: relative;

	font-size: 70px;

	line-height: 1em;

	color: #222;

	font-weight: 700;

	margin-bottom: 20px;

}



.error-page-section .content-box h2 {

	position: relative;

	font-size: 30px;

	line-height: 1em;

	color: #222;

	font-weight: 700;

	text-transform: uppercase;

	margin-bottom: 15px;

}



.error-page-section .content-box p {

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 27px;

	color: #141414;

	font-weight: 500;

	margin-bottom: 20px;

}



.error-page-section .content-box p strong {

	font-weight: 600;

	font-size: 19px;

}



.error-page-section input[type="email"] {

    width: 100%;

    max-width: 300px;

    background: #ffcf00;

    line-height: 50px;

    padding: 0 20px;

    color: #222;

}



.error-page-section ::-webkit-input-placeholder {

	color: #222;

}



.error-page-section ::-moz-placeholder {

	color: #222;

}



.error-page-section :-ms-input-placeholder {

	color: #222;

}



.error-page-section :-moz-placeholder {

	color: #222;

}



.error-page-section button {

	position: relative;

	line-height: 50px;

	color: #222;

	font-size: 20px;

	text-align: center;

	width: 50px;

	vertical-align: middle;

	cursor: pointer;

}



.error-page-section button:hover {

	background: #ffcf00;

	color: #fff;

}



/*** 



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

	Newsletter Section

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



***/



.newsletter-section{

	position:relative;

	background: #ffcf00;

}



.newsletter-section .inner-container{

	position:relative;

}



.newsletter-section .right-column{

	position:relative;

}



.newsletter-section .right-column .inner-column{

	position: relative;

	padding: 27px 0;

	padding-left: 80px;

	background: #da2b1e;

}



.newsletter-section .right-column .inner-column .icon-box{

	position:absolute;

	content:'';

	left: 30px;

	top: 30px;

	color: #ffffff;

	font-size: 40px;

	line-height:1em;

}



.newsletter-section .right-column h4{

	position:relative;

	color:#fff;

	font-size:18px;

	font-weight:600;

	text-transform: capitalize;

	line-height: 1.3em;

}



.newsletter-section .form-column{

	position:relative;

	padding: 25px 15px;

}



.newsletter-section .form-column .inner-column{

	position:relative;

	align-items: center;

	display: flex;

	flex-wrap: wrap;

}



.newsletter-section .right-column .inner-column .title {

	color: #fff;

	line-height: 1.3em;

}



/*Title Content*/



.newsletter-section .title-content {

	position: relative;

	margin-right: 50px;

}



.newsletter-section .title-content h4 {

	font-size: 18px;

	font-weight: 600;

	color: #fff;

	vertical-align: middle;

}



.newsletter-section .title-content h4 span {

	margin-right: 10px;

	font-size: 40px;

	vertical-align: middle;

}



/*Subscribe Form*/



.subscribe-form {

	width: 55%;

}



.subscribe-form .form-group{

	position:relative;

	display:block;

	margin:0px;

	width:100%;

	padding-right: 60px;

}



.subscribe-form .form-group input[type="text"],

.subscribe-form .form-group input[type="tel"],

.subscribe-form .form-group input[type="email"],

.subscribe-form .form-group textarea{

	position:relative;

	display:block;

	line-height:28px;

	height:50px;

	font-size: 18px;

	width: 100%;

	color: #fff;

	background: #e93527;

	border: 1px solid rgba(0, 0, 0, 0.08);

	padding:10px 50px 10px 20px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.subscribe-form .form-group input[type="submit"],

.subscribe-form button{

	position:absolute;

	right:0px;

	top:0px;

	height:50px;

	line-height:40px;

	color:#ffffff;

	border: 1px solid rgba(0, 0, 0, 0.08);

	font-size:14px;

	text-align:center;

	font-weight:700;

	letter-spacing:1px;

	background: #e93527;

	text-transform:uppercase;

	padding: 0px 16px;

	cursor: pointer;

}



.subscribe-form ::-webkit-input-placeholder {

	color: #fff;

}



.subscribe-form ::-moz-placeholder {

	color: #fff;

}



.subscribe-form :-ms-input-placeholder {

	color: #fff;

}



.subscribe-form :-moz-placeholder {

	color: #fff;

}





/***



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

	Services section

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



***/



.services-section {

	position: relative;

	margin-top: -75px;

	background: #7b4397;  /* fallback for old browsers */

background: -webkit-linear-gradient(to right, #dc2430, #7b4397);  /* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to right, #fad592, #f9d486); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}



.services-section.style-two {

	margin-top: 0;

}



.service-block {

	position: relative;

}



.service-block .inner-box {

	position: relative;

	z-index: 9;

	margin-bottom: 30px;

}



.service-block .top-content {

	position: relative;

	text-align: center;

	background: #fff;

	margin-bottom: 20px;

	transition: .5s ease;

}



.service-block .inner-box:hover .top-content{

	transform: translateY(-10px);

	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.2);

}



.service-block h4 {

	font-size: 18px;

	font-weight: 600;

	color: #222;

	padding: 11px 0;

	border: 1px solid #e9e6e6;

}



.service-block h4 a {

	color: #222;

	transition: .5s ease;

}



.service-block h4 a:hover {

	color: #ffcf00;

}



.service-block .top-content img {

	width: 100%;

}



.service-block .lower-content {

	position: relative;

}



.service-block .lower-content .text {

	text-align: center;

	margin-bottom: 30px;

	color: #fff;

}



.service-block .lower-content .link-btn {

	position: relative;

	text-align: center;

}



.service-block .lower-content .link-btn:before {

	position: absolute;

	content: '';

	background: #e0e0e0;

	opacity: 0.1;

	bottom: 20px;

	left: 0;

	width: 100%;

	height: 1px;

	transition: .5s ease;

}



.service-block .lower-content .link-btn:after {

	position: absolute;

	content: '';

	background: #fad592;

	bottom: 20px;

	left: 0;

	width: 100%;

	height: 1px;

	transition: .5s ease;

	transform: scaleX(0);

	transform-origin: center;

}



.service-block .inner-box:hover .lower-content .link-btn:after {

	transform: scaleX(1);

}



.service-block .lower-content .link-btn a {

	position: relative;

	display: inline-block;

	height: 40px;

	width: 40px;

	text-align: center;

	line-height: 38px;

	border: 1px solid #ffd000;

	background: #ffd000;

	border-radius: 50%;

	color: #fad592;

	font-size: 15px;

	transition: .5s ease;

	z-index: 5;

}



.service-block .inner-box:hover .lower-content .link-btn a {

	border-color: #fad592;

}



.service-block .lower-content .link-btn a:before {

	position: absolute;

	content: '';

	background: #fad592;

	top: 50%;

	left: 50%;

	width: 8px;

	height: 8px;

	border-radius: 50%;

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

	transition: 1s ease;

}



.service-block .inner-box:hover .lower-content .link-btn a:before{

	opacity: 0;

}



.service-block .lower-content .link-btn a span {

	position: relative;

	transform: scale(0);

	display: inline-block;

	transition: .5s ease;

	left: -7px;

}



.service-block .inner-box:hover .lower-content .link-btn a span {

	transform: scale(1);

	opacity: 1;

	left: 0;

}



/***



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

	About section

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



***/



.about-section {

	position: relative;

}



.about-text-block {

	position: relative;

	margin-bottom: 30px;

}



.about-text-block .top-content {

	position: relative;

	margin-bottom: 30px;

}



.about-text-block .top-content .inner-box {

	position: relative;

	display: flex;

	align-items: center;

}



.about-text-block .top-content .icon {

	position: relative;

	color: #ffcf00;

	font-size: 60px;

	margin-right: 30px;

}



.about-text-block .top-content h4 {

	font-size: 18px;

	font-weight: 600;

	line-height: 1.4em;

}



.about-text-block .top-content h2 {

	font-size: 30px;

	font-weight: 600;

	line-height: 1.2em;

}



.about-text-block .lower-content {

	position: relative;

	padding-left: 100px;

}



.about-text-block .lower-content h4 {

	position: relative;

	font-size: 20px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 15px;

}



.about-text-block .lower-content h4:before {

    position: absolute;

    content: '';

    border: 2px solid #e9e6e6;

    top: 9px;

    left: -100px;

    width: 70px;

    height: 2px;

}





.about-text-block .lower-content .text {

	margin-bottom: 20px;

}



.about-text-block .author-info {

	position: relative;

	padding-bottom: 4px;

	border-bottom: 1px solid #e9e6e6;

	margin-bottom: 14px;

}



.about-text-block .author-info .inner-box {

	position: relative;

	display: flex;

	align-items: center;

}



.about-text-block .author-info .image {

	margin-right: 30px;

}



.about-text-block .author-info .name {

	font-size: 18px;

	font-weight: 600;

	line-height: 1.4em;

	font-family: 'Poppins', sans-serif;

	color: #ffcf00;

}



.about-text-block .author-info .designation {

	font-size: 18px;

}



.about-text-block .link-btn .theme-btn {

	position: relative;

	font-size: 18px;

	font-weight: 600;

	line-height: 1.4em;

	font-family: 'Poppins', sans-serif;

	color: #222;

	padding: 6px 0;

	padding-left: 50px;

	transition: .5s ease;

}



.about-text-block .link-btn .theme-btn:hover {

	color: #ffcf00;

}



.about-text-block .link-btn .theme-btn:before {

    position: absolute;

    content: '';

    border: 1px solid #fad592;

    top: 0;

    left: 0;

    width: 35px;

    height: 35px;

    border-radius: 50%;

}



.about-text-block .link-btn .theme-btn:after {

    position: absolute;

    content: '';

    background: #fad592;

    top: 14.5px;

    left: 14.5px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

}



.about-text-block .year-of-service {

	position: absolute;

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	color: #cdcdcd;

	left: -20px;

	top: 50%;

	transform: rotate(-90deg);

}



.about-section .video-image-box .image {

	border-radius: 0px;

	margin-bottom: 30px;

}



.about-section .video-image-box .overlay-link span {

    background: transparent;

    font-size: 50px;

    color: #fff;

}



.about-section .more-gallery-btn .theme-btn {

	font-size: 18px;

	font-weight: 600;

	line-height: 1.4em;

	font-family: 'Poppins', sans-serif;

	color: #fff;

	display: inline-block;

	width: 100%;

	padding: 37px 0;

	background: #222222ad;

	text-align: center;

}



/***



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

	About section two

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



***/



.about-section-two {

	position: relative;

	background-position: center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	padding-top: 40px;

}



.about-section-two:before {

    position: absolute;

    content: '';

    background: #1b1b1b;

    opacity: .95;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.about-section-two .container  {

	max-width: 1500px;

}



.about-section-two .sec-title {

	margin-bottom: 30px;

}



.about-section-two .sec-title .text {

	color: #989797;

	max-width: 560px;

}



.about-section-two .content-column{

	margin-top: 60px;

	margin-bottom: 50px;

}



.about-section-two .image {

	position: relative;

	display: inline-block;

}



.about-section-two .author-info {

	position: absolute;

	background: #ffcf00;

	right: 30px;

	top: 200px;

	min-width: 220px;

	padding: 20px 30px;

	opacity: 0;

	visibility: hidden;

	transition: .5s ease;

}



.about-section-two .author-info:before {

    position: absolute;

    content: '';

    background: #ffcf00;

    height: 25px;

    width: 22px;

    left: 20px;

    bottom: -24px;

    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);

    clip-path: polygon(0 0, 0% 100%, 100% 0);

}



.about-section-two .image:hover .author-info {

	opacity: 1;

	visibility: visible;

	top: 220px;

}



.about-section-two .author-info h4 {

	color: #fff;

	font-size: 18px;

	font-weight: 600;

	line-height: 1.2em;

}



.about-section-two .author-info .designation {

	font-size: 18px;

	color: #fff;

	line-height: 1.2em;

}



.about-section-two .graph {

	position: relative;

	display: inline-block;

}



.about-section-two .graph .graph-wrapper {

	position: relative;

	background-image: url(../images/resource/graph-bg.png);

	background-repeat: no-repeat;

	background-position: left bottom;

	

	padding-left: 60px;

	padding-right: 20px;

	padding-top: 50px;

	padding-bottom: 12px;

}



.about-section-two .graph ul {

	text-align: center;

	margin-top: 25px;

}



.about-section-two .graph ul li {

	position: relative;

	display: inline-block;

	font-size: 14px;

	color: #fff;

	padding-left: 25px;

	margin: 0 10px;

}



.about-section-two .graph ul li:before {

	position: absolute;

	content: '';

	height: 15px;

	width: 15px;

	left: 0;

	top: 8px;

	background: #fff;

}



.about-section-two .graph ul li:first-child:before {

	background: #ffcf00;

}





/***



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

	About Section three

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



***/



.about-section-three {

	position: relative;

}



.about-section-three:before {

    position: absolute;

    content: '';

    background: #fff;

    opacity: .95;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100px;

}



/***



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

	Funfact Section

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



***/



.funfact-section {

	position: relative;

	background-position: left center;

	background-repeat: no-repeat;

	background-size: cover;

}



.funfact-section .sec-title {

	border-bottom: 1px solid #2c2c2c;

	margin-bottom: 40px;

	padding-bottom: 30px;

}



.fact-counter {

	position: relative;

	overflow: hidden;

	color: #ffffff;

}



.fact-counter .column {

	position: relative;

	z-index: 5;

}



.fact-counter .item {

	color: #222;

	width: 100%;

}



.fact-counter .column .icon span {

	position: relative;

	top: 0px;

	font-size: 50px;

	position: absolute;

	line-height: 70px;

	top: -5px;

	left: 0;

	margin-bottom: 20px;

	color: #ab7442;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}



.fact-counter .count-outer {

	margin-top: 10px;

	color: #fff;

	position: relative;

	font-size: 72px;

	font-weight: 600;

	display: flex;

}



.fact-counter .count-outer .count-text {

	margin-top: 8px;

	display: block;

	margin-right: 24px;

}



.fact-counter .item .inner-box {

	position: relative;

}



.fact-counter .item .inner-box p {

	position: relative;

	font-weight: 600;

	font-size: 20px;

	color: #fff;

	font-family: 'Poppins', sans-serif;

	line-height: 1.2em;

	padding-top: 30px;

}



.fact-counter .item .inner-box p:before {

    position: absolute;

    content: '';

    background-image: url(../images/icons/counter-shape.png);

    top: 0px;

    left: 0px;

    width: 70px;

    height: 15px;

    background-repeat: no-repeat;

    background-position: left top;

}



.funfact-section .text {

	color: #fff;

}



.funfact-section .link-btn {

	position: relative;

	margin-top: 40px;

}



.funfact-section .link-btn .theme-btn {

	margin-right: 20px;

	margin-bottom: 30px;

}



.funfact-section .link-btn .btn-style-one:hover {

	background: transparent;

	border-color: #fff;

}





/***



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

	Services section two

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



***/



.services-section-two {

	position: relative;

	background-position: center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

}



.services-section-two:before {

    position: absolute;

    content: '';

    background: #f7f7f7;

    opacity: .9;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}







.service-block-two {

	position: relative;

}



.service-block-two .inner-box {

	position: relative;

	background: #fff;

	padding: 23px;

	margin-bottom: 30px;

	transition: .5s ease;

}



.service-block-two .inner-box:hover{

	transform: translateY(-10px);

	box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.1);

}



.service-block-two .icon {

	position: absolute;

	top: 23px;

	right: 40px;

}



.service-block-two h4 {

font-size: 18px;

    font-weight: 600;

    color: #222;

    line-height: 28px;

    padding-bottom: 13px;

    margin-bottom: 12px;

}



.service-block-two h4:before {

    position: absolute;

    content: '';

    background: #e9e6e6;

    bottom: 0px;

    left: 0px;

    width: 50px;

    height: 3px;

}



.service-block-two h4 a {

	color: #222;

	transition: .5s ease;

}



.service-block-two h4 a:hover {

	color: #ffcf00;

}



.service-block-two .link-btn a {

	position: absolute;

	left: 40px;

	bottom: -25px;

	display: inline-block;

    height: 50px;

    width: 50px;

    text-align: center;

    line-height: 48px;

    border: 1px solid #ffcf00;

    background: #ffcf00;

    border-radius: 50%;

    color: #fff;

    font-size: 15px;

    transition: .5s ease;

    opacity: 0;

    transform: scale(.5);

} 



.service-block-two .inner-box:hover .link-btn a {

	opacity: 1;

	transform: scale(1);

}





/***



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

	Services section three

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



***/



.services-section-three {

	position: relative;

}



.services-section-three .container {

	max-width: 1200px;

	padding: 0;

}



/* Service block three */



.service-block-three {

	position: relative;

}



.service-block-three .inner-box {

	position: relative;

	margin: 0 15px;

	margin-bottom: 30px;

}



.service-block-three .inner-box .image {

	position: relative;

	overflow: hidden;

}



.service-block-three .inner-box .image:before {

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	z-index: 8;

	opacity: 0;

	-webkit-transform: perspective(400px) rotateX(-90deg);

	-ms-transform: perspective(400px) rotateX(-90deg);

	transform: perspective(400px) rotateX(-90deg);

	-webkit-transform-origin: top;

	-ms-transform-origin: top;

	transform-origin: top;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	background-color: rgba(33, 32, 32, 0.9);

}



.service-block-three .inner-box:hover .image:before {

	opacity: 1;

	-webkit-transform: perspective(400px) rotateX(0deg);

	-ms-transform: perspective(400px) rotateX(0deg);

	transform: perspective(400px) rotateX(0deg);

}



.service-block-three .inner-box img {

	width: 100%;

	-webkit-transition: .7s ease;

	-o-transition: .7s ease;

	transition: .7s ease;

	-webkit-transition-delay: .3s;

	-o-transition-delay: .3s;

	transition-delay: .3s;

}



.service-block-three .inner-box:hover img {

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2);

}



.service-block-three .inner-box .lower-content {

	position: relative;

	background: #fff;

	padding: 40px;

	border: 1px solid #e9e6e6;

	border-top:0px;

	transition: .5s ease;

}



.service-block-three .inner-box:hover .lower-content{

	border-color: #fff;

}



.service-block-three .icon {

	position: absolute;

	top: 40px;

	right: 40px;

}



.service-block-three h4 {

	font-size: 18px;

	font-weight: 600;

	color: #222;

	line-height: 28px;

	padding-bottom: 30px;

	margin-bottom: 25px;

}



.service-block-three h4:before {

    position: absolute;

    content: '';

    background: #e9e6e6;

    bottom: 0px;

    left: 0px;

    width: 50px;

    height: 3px;

}



.service-block-three h4 a {

	color: #222;

	transition: .5s ease;

}



.service-block-three h4 a:hover {

	color: #ffcf00;

}



.service-block-three .text {

	transition: .5s ease;

	line-height: 26px;

}



.service-block-three .inner-box:hover .text {

	margin-bottom: 0px;

}



.service-block-three .link-btn {

    margin-top: 12px;

}



.service-block-three .link-btn a {

	position: relative;

	display: inline-block;

	text-align: center;

	line-height: 48px;

	border-radius: 50%;

	color: #222;

	font-size: 16px;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

	transition: .5s ease;

} 



.service-block-three .link-btn a:hover {

	color: #ffcf00;

}



.service-block-three .link-btn a span {

	font-size: 12px;

	margin-right: 10px;

}



.service-block-three .overlay-content {

	position: absolute;

	left: 0;

	bottom: -45px;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	transition: .5s ease;

	z-index: 9;

}



.service-block-three .inner-box:hover .overlay-content {

	opacity: 1;

	visibility: visible;

	bottom: 0;

}



.service-block-three .inner-box:hover .overlay-content .lower-content{

	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.08);

	border-color: #fff;

}





/*** 



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

	Single Service

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



***/



.single-service{

	position:relative;

}



.single-service .top-content {

	position: relative;

	margin-bottom: 50px;

}



.single-service .top-content h4 {

	font-size: 20px;

	color: #ffcf00;

	font-family: 'Barlow', sans-serif;

}



.single-service .top-content h2 {

	font-size: 30px;

	font-weight: 700;

}



/* What we do */



.what-we-do {

	position: relative;

	padding-bottom: 70px;

}



.what-we-do .title-box {

	position: relative;

	margin-bottom: 30px;

}



.what-we-do .title-box h4{

	font-size: 18px;

	margin-bottom: 10px;

}



.what-we-do-block .inner-box {

	position: relative;

	padding-left: 100px;

	padding-bottom: 15px;

}



.what-we-do-block .inner-box:before {

    position: absolute;

    content: '';

    background: #e9e6e6;

    top: 0px;

    left: 27.5px;

    width: 1px;

    height: 100%;

}



.what-we-do-block:last-child .inner-box:before {

	display: none;

}



.what-we-do-block .inner-box .icon {

	position: absolute;

	left: 0;

	top: 0;

	width: 55px;

	height: 55px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	line-height: 55px;

	background: #ffcf00;

	border-radius: 50%;

}



.what-we-do-block .inner-box h4 {

	font-size: 18px;

	font-weight: 600;

	padding-bottom: 18px;

	margin-bottom: 20px;

	display: inline-block;

}



.what-we-do-block .inner-box h4:before {

    position: absolute;

    content: '';

    background: #e9e6e6;

    bottom: 0px;

    left: 0px;

    width: 60px;

    height: 2px;

}



.what-we-do-block .inner-box h4:after {

    position: absolute;

    content: '';

    background: #ffcf00;

    bottom: 0px;

    left: 0px;

    width: 0%;

    height: 2px;

    transition: .5s ease; 

}



.what-we-do-block .inner-box:hover h4:after {

	width: 100%;

}



/* Business Analytics */

.business-analytics {

	position: relative;

	margin-top: 70px;

}



.business-analytics h3 {

	position: relative;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 10px;

}



.business-analytics .text {

	margin-bottom: 40px;

}



.business-analytics img {

	width: 100%;

}





/*** 



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

	Sidebar widgets

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



***/



.sidebar-widget {

	position: relative;

	margin-bottom: 40px;

}



/* Sidebar widgets title */



.sidebar-title {

	position: relative;

	margin-bottom: 20px;

}



.sidebar-title:before {

	position: absolute;

	content: '';

	left: 0;

	top: 16px;

	width: 100%;

	height: 1px;

	background: #e9e6e6;

}



.sidebar-title h4 {

	position: relative;

	font-size: 20px;

	font-weight: 600;

	display: inline-block;

	padding-right: 15px;

	background: #fff;

}



.sidebar-title-two{

	position:relative;

	margin-bottom: 4px;

	padding: 7px 15px;

	background-color:#fad592;

}



.sidebar-title-two h4{

	position:relative;

	color:#ffffff;

	font-size:18px;

	font-weight:600;

}



/* Service category widget */



.service-category-widget {

	position:relative;

}



.service-category-widget li{

	position:relative;

	margin-bottom: 0px;

}



.service-category-widget li:last-child {

	margin-bottom: 0px;

}



.service-category-widget li a{

	position:relative;

	color:#7e8597;

	font-size: 16px;

	font-weight: 300;

	padding: 2px 13px;

	display:block;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	border-bottom: 1px solid #e9e6e6;

}



.service-category-widget li a:hover{

	box-shadow: 0px 21px 21px 0px rgba(1, 1, 1, 0.08);

	color: #222;

}



.service-category-widget li.active a {

	border-top: 2px solid #fad592;

	color: #222;

}



/* Branch widget */



.branch-widget {

	position:relative;

}



.branch-widget li{

	position:relative;

	padding-left: 65px;

	margin-bottom: 10px;

	min-height: 82px;

	color: #222;

	font-size:16px;

	font-weight:600;

	background: #f7f7f7;

	border: 1px solid #f7f7f7;

	font-family: 'Poppins', sans-serif;

	display: flex;

	align-items: center;

	transition: .5s ease;

}



.branch-widget li:last-child{

	margin-bottom: 0px;

}



.branch-widget li:hover {

	border-color: #e9e6e6;

	background: #fff;

	box-shadow: 0px 21px 21px 0px rgba(1, 1, 1, 0.08);

}



.branch-widget li a{

	line-height: 22px;

	color:#303030;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.branch-widget li a:hover .icon,

.branch-widget li a:hover{

	color:#ffcf00;

}



.branch-widget li .icon{

	position:absolute;

	left: 20px;

	top: 50%;

	color: #8a91a4;

	font-size: 30px;

	line-height:1em;

	font-weight:400;

	transform: translateY(-50%);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.branch-widget li .price{

	position:relative;

	display:block;

	color: #7e8597;

	font-size:16px;

	font-weight:400;

}



/* Consulting widget */



.consulting-widget{

	position:relative;

}



.consulting-widget .widget-content{

	position:relative;

	padding: 40px 30px 28px;

	text-align: center;

}



.consulting-widget h4 {

	color: #fff;

	font-size: 20px;

	font-weight: 600;

	padding-bottom: 20px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.12);

	margin-bottom: 20px;

	line-height: 1.4em;

}



.consulting-widget .content {

	position: relative;

}



.consulting-widget .content .number {

	position: relative;

	font-size: 24px;

	font-weight: 500;

	color: #fff;

}



.consulting-widget .content .or {

	font-size: 18px;

	font-weight: 400;

	color: #ffcf00;

	font-family: 'Poppins', sans-serif;

	margin-bottom: 12px;

}



.consulting-widget .content form {

	position: relative;

}



.consulting-widget .content form .form-group {

	margin-bottom: 12px;

}



.consulting-widget .content form select,

.consulting-widget .content form input {

	position: relative;

	width: 100%;

	background: #fff;

	height: 52px;

	padding: 0 20px;

	color: #7e8597;

}



.consulting-widget .content form .theme-btn {

	width: 100%;

	padding: 12px 60px;

}



/*Search Box Widget*/



.sidebar .search-box .form-group{

	position:relative;

	margin:0px;	

}



.sidebar .search-box {

	background: #f7f7f7;

	padding: 40px 30px;

}



.sidebar .search-box .form-group input[type="text"],

.sidebar .search-box .form-group input[type="search"]{

	position:relative;

	line-height:33px;

	padding:10px 30px;

	background:#ffffff;

	display:block;

	font-size:14px;

	width:100%;

	height:55px;

	font-weight:400;

	border: 1px solid #fff;

	border-right: 2px solid #ffcf00;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



/* Popular post widget */



.popular-posts-widget {

	position: relative;

}



.popular-posts-widget .post {

	position: relative;

	padding-left: 100px;

	padding-bottom: 25px;

	border-bottom: 1px solid #e9e6e6;

	overflow: hidden;

	margin-bottom: 30px;

}



.popular-posts-widget .post:last-child {

	padding-bottom: 0px;

	border-bottom: 0px;

}



.popular-posts-widget .post .post-thumb {

	position: absolute;

	left: 0;

	top: 0;

}



.popular-posts-widget .post h5 {

	font-size: 16px;

	font-weight: 600;

	margin-bottom: 2px;

}



.popular-posts-widget .post h5 a {

	color: #222;

	transition: .5s ease;

}



.popular-posts-widget .post h5 a:hover {

	color: #ffcf00;

}



.popular-posts-widget .post .post-info {

	font-size: 16px;

	font-weight: 500;

	color: #7e8597;

}



.popular-posts-widget .post .link {

	position: absolute;

	bottom: 23px;

	right: 20px;

	transition: .5s ease;

	transform: translateX(100%);

}



.popular-posts-widget .post:hover .link {

	transform: translateX(0%);

}



.popular-posts-widget .post .link a {

	color: #7e8597;

	font-size: 16px;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

	transition: .5s ease;

}



.popular-posts-widget .post .link a span {

	font-size: 13px;

	margin-right: 10px;

}



.popular-posts-widget .post .link a:hover {

	color: #ffcf00;

}



/* Blog Category Widget */



.blog-category-widget {

	position: relative;

}



.blog-category-widget ul {

	position: relative;

}



.blog-category-widget ul li {

	position: relative;

	margin-bottom: 10px;

}



.blog-category-widget ul li:last-child {

	margin-bottom: 0px;

}



.blog-category-widget ul li a {

	font-size: 18px;

	font-weight: 500;

	color: #7e8597;

	padding-left: 25px;

	transition: .5s ease;

}



.blog-category-widget ul li a:before {

	position: absolute;

	content: '';

	height: 12px;

	width: 4px;

	background: #d4d4d4;

	left: 0;

	top: 12px;

	transition: .5s ease;

    transform: skew(-20deg);

}



.blog-category-widget ul li a:hover:before {

	background: #ffcf00;

}



.blog-category-widget ul li a:hover {

	color: #ffcf00;

}



.blog-category-widget ul li span {

	position: absolute;

	right: 0;

}



/* Instagram Widget */

.instagram-widget .instagram-wrapper {

	position: relative;

	display: flex;

	align-items: center;

	margin: 0 -10px;

	flex-wrap: wrap;

}



.instagram-widget .instagram-wrapper .image {

	position: relative;

	overflow: hidden;

	margin: 0 10px 20px;

}



.instagram-widget .instagram-wrapper .image .overlay-link {

	position: absolute;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

	left: 0;

	top: 100%;

	background: rgba(27, 27, 27, 0.90);

	transition: .5s ease;

}



.instagram-widget .instagram-wrapper .image:hover .overlay-link {

	top: 0

}



.instagram-widget .instagram-wrapper .image .overlay-link li {

	color: #fff;

	font-size: 14px;

	transition: .5s ease;

}



.instagram-widget .instagram-wrapper .image .overlay-link li span {

	font-size: 12px;

	margin-right: 5px;

}



/* Tag Cloud Widget */



.tag-cloud-widget ul {

	margin: 0 -5px;

}



.tag-cloud-widget ul li {

	margin: 0 5px 10px;

	float: left;

}



.tag-cloud-widget ul li a {

	position: relative;

	font-size: 18px;

	color: #7e8597;

	border: 1px solid #e9e6e6;

	padding: 5.5px 15px;

	display: inline-block;

	transition: .5s ease;

}



.tag-cloud-widget ul li a:hover {

	color: #fff;

	background-color: #ffcf00;

	border-color: #ffcf00;

}



/* Newsletter Widget */



.newsletter-widget .inner-content {

	position: relative;

	padding: 45px 30px;

	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.08);

}



.newsletter-widget .inner-content .wrapper-box {

	position: relative;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	margin-bottom: 26px;

}



.newsletter-widget .inner-content .icon {

	font-size: 50px;

	color: #ffcf00;

	margin-right: 10px;

}



.newsletter-widget .inner-content h5 {

	font-size: 16px;

	font-weight: 600;

	line-height: 24px;

}



.newsletter-widget form input {

	position: relative;

	border: 1px solid #e9e6e6;

	width: 100%;

	height: 52px;

	padding: 0 20px;

	font-size: 16px;

	margin-bottom: 20px;

}



.newsletter-widget form .theme-btn {

	padding: 12px 60px;

	width: 100%;

}



/* Social icon widget */



.social-icon-widget ul li {

	display: inline-block;

	font-size: 40px;

	margin-right: 10px;

}

.social-icon-widget ul li a {

	font-size: 48px;

}

.social-icon-widget ul li a.facebook {

    color: #3b5998;

}

.social-icon-widget ul li a.twitter {

    color: #55acee;

}

.social-icon-widget ul li a.google-plus {

    color: #cb2027;

}

.social-icon-widget ul li a.linkedin {

    color: #007ab9;

}

.social-icon-widget ul li a.skype {

    color: #15ace5;

}

.social-icon-widget ul li a.youtube {

    color: #dc472e;

}





/*** 



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

	Case Section

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



***/



.case-section{

	position:relative;

	    padding: 56px 0px 4px;

}



.case-section .container {

	max-width: 1200px;

}



.case-section .outer-container{

	position:relative;

	padding-bottom:50px;

	background-repeat:no-repeat;

	background-position:center center;

}



.case-section .sec-title{

    margin: 0 15px 16px;

}



.case-section .bottom-content h4 {

	position: relative;

	font-size: 16px;

	font-weight: 500;

	color: #7e8597;

	margin: 0px 15px;

}



.case-section .bottom-content h4 span {

	color: #fad592;

}



/*Case Tab*/



.case-section .cases-tab{

	position:relative;

}



.case-section .cases-tab .owl-nav,

.case-section .cases-tab .owl-dots{

	display:none;

}



.case-section .cases-tab .tabs-header{

	position:relative;

	text-align: right;

	margin: 0 15px;

}



.case-section .cases-tab .cases-tab-btns{

	position:relative;

	margin-bottom: 20px;

	display: inline-block;

	text-align: right;

	background: #fff;

}



.case-section .cases-tab .tabs-header:before {

	position: absolute;

	content: '';

	background: #e9e6e6;

	height: 1px;

	width: 100%;

	left: 0;

	top: 16px;

}



.case-section .cases-tab .cases-tab-btns .p-tab-btn{

	position:relative;

	line-height:24px;

	padding:0px 0px;

	cursor:pointer;

	color:#303030;

	font-weight:500;

	font-size: 18px;

	display:inline-block;

	margin-bottom:10px;

	margin: 0px 15px;

	padding-bottom:2px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.case-section .cases-tab .cases-tab-btns .p-tab-btn:hover,

.case-section .cases-tab .cases-tab-btns .p-tab-btn.active-btn{

	color:#ffcf00;

}



.case-section .cases-tab .p-tabs-content{

	position:relative;

	display:block;	

}



.case-section .cases-tab .p-tab{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:auto;

	visibility:hidden;	

}



.case-section .cases-tab .p-tab.active-tab{

	position:relative;

	visibility:visible;

	z-index:5;

}



.case-section .p-tab.active-tab .case-block{

	-webkit-transform:scaleX(1);

	-ms-transform:scaleX(1);

	-o-transform:scaleX(1);

	-moz-transform:scaleX(1);

	transform:scaleX(1);

}



.case-section .p-tab .case-block{

	transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-webkit-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	-webkit-transform:scaleX(0);

	-ms-transform:scaleX(0);

	-o-transform:scaleX(0);

	-moz-transform:scaleX(0);

	transform:scaleX(0);	

}



.case-block{

	position:relative;

}



.case-block .inner-box{

	position:relative;

	margin: 15px;

}



.case-block .inner-box .image{

	position:relative;

	margin-bottom: 30px;

	overflow:hidden;

	transition: .5s ease;

}



.case-block .inner-box:hover .image{

	transform: scale(1.07);

}



.case-block.two-column .inner-box:hover .image{

	transform: scale(1.05);

}



.case-block .inner-box .image:after {

	position: absolute;

	content: '';

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-image: linear-gradient(to right top, #1b1b1b, #1b1b1bad, #77777700, #b9b9b900, #ffffff00);

}



.case-block .inner-box .image .img-opener {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 9;

}



.case-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.case-block .inner-box .image .category-title{

	position: relative;

	left:0px;

	bottom:0px;

	width:100%;

	color: #ffffff;

	font-size:16px;

	margin-bottom: 10px;

	font-weight:400;

	text-decoration: underline;

	-webkit-transition: all 900ms ease;

	-ms-transition: all 900ms ease;

	-o-transition: all 900ms ease;

	transition: all 900ms ease;

}



.case-block .inner-box:hover .image .category-title{

}



.case-block .inner-box h3{

	position:relative;

	color:#303030;

	font-size:18px;

	font-weight:600;

	text-align:center;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.case-block .inner-box:hover h3{

	opacity:0;

	visibility:hidden;

}



.case-block .inner-box h3 a{

	position:relative;

	color:#303030;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.case-block .inner-box h3 a:hover{

	color:#ffcf00;

}



.case-block .inner-box .overlay-box:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	opacity:0;

	-webkit-transform: perspective(400px) rotateX(-90deg);

	-moz-transform: perspective(400px) rotateX(-90deg);

	-ms-transform: perspective(400px) rotateX(-90deg);

	-o-transform: perspective(400px) rotateX(-90deg);

	transform: perspective(400px) rotateX(-90deg);

	-webkit-transform-origin: top;

	-moz-transform-origin: top;

	-ms-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	-ms-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	background-color: rgba(33, 32, 32, 0.9);

}



.case-block .inner-box:hover .overlay-box:before{

	opacity: 1;

    -webkit-transform: perspective(400px) rotateX(0deg);

    -moz-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    -o-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

}



.case-block .inner-box .overlay-box{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	padding: 40px 30px;

	display: flex;

	align-items: flex-end;



}



.case-block .inner-box .overlay-box .overlay-inner {

	position: relative;

	z-index: 10;

}



.case-block .inner-box .overlay-box h2{

	position:relative;

	color:#ffffff;

	font-size:18px;

	font-weight:600;

}



.case-block .inner-box .overlay-box h2 a{

	position:relative;

	color:#ffffff;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.case-block .inner-box .overlay-box h2 a:hover{

	color:#ffcf00;

}





/*** 



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

	Testimonial Section

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



***/



.testimonial-section{

	position:relative;

	padding:100px 0px 2px;

}



.testimonial-section .container {

	max-width: 1200px;

}



.testimonial-section .outer-container{

	position:relative;

	padding-bottom:50px;

	background-repeat:no-repeat;

	background-position:center center;

}



/*client Tab*/



.testimonial-section .client-tab{

	position:relative;

}



.testimonial-section .client-tab .owl-dots{

	display:none;

}



.testimonial-section .quote {

	position: absolute;

	left: 99px;

	top: 0;

	font-size: 18px;

	font-weight: 500;

	color: #fff;

	height: 140px;

	width: 140px;

	text-align: center;

	background-image: url(../images/icons/quote.png);

	background-position: center;

	background-repeat: no-repeat;

	padding-top: 46px;

	line-height: 1.2em;

}



.testimonial-section .owl-nav-style-four .owl-nav .owl-prev,

.testimonial-section .owl-nav-style-four .owl-nav .owl-next {

	height: 70px;

	width: 70px;

	line-height: 64px;

	border: 2px solid #3b3939;

	color: #3b3939;

	font-size: 30px;

}



.testimonial-section .owl-nav-style-four .owl-nav .owl-prev:hover,

.testimonial-section .owl-nav-style-four .owl-nav .owl-next:hover {

	border: 2px solid #fff;

	color: #fff;

}



.testimonial-section .owl-nav-style-four .owl-nav .owl-prev {

	left: 0;

	top: 0;

}



.testimonial-section .owl-nav-style-four .owl-nav .owl-nex {

	right: 0;

	top: 0;

}



.testimonial-section .client-tab .tabs-header{

	position:relative;

	margin: 0 15px;

}



.testimonial-section .client-tab .client-tab-btns{

	position:relative;

	display: inline-block;

	text-align: center;

}



.testimonial-section .client-tab .client-tab-btns .c-tab-btn{

	position:relative;

	line-height:24px;

	padding:0px 0px;

	cursor:pointer;

	color:#303030;

	font-weight:500;

	font-size: 18px;

	display:inline-block;

	line-height: 76px;

	margin-bottom:10px;

	min-width: 225px;

	border: 1px solid #2f2f2f;

	margin: 0px 7.7px;

	margin-bottom: 15px;

	padding-bottom:2px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.testimonial-section .client-tab .client-tab-btns .c-tab-btn.active-btn{

	background: #fff;

	border-color: #fff;

}



.testimonial-section .client-tab .client-tab-btns .c-tab-btn:before {

	position: absolute;

    content: '';

    background: #fff;

    height: 20px;

    width: 22px;

    left: 50%;

    top: -20px;

    transform: translateX(-50%);

    -webkit-clip-path: polygon(50% 52%, 0% 100%, 100% 100%);

	clip-path: polygon(50% 52%, 0% 100%, 100% 100%);

	opacity: 0;

	transition: .5s ease;

}



.testimonial-section .client-tab .client-tab-btns .c-tab-btn.active-btn:before {

	opacity: 1;

}



.testimonial-section .client-tab .client-tab-btns .c-tab-btn img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(100%);

}



.testimonial-section .client-tab .client-tab-btns .c-tab-btn.active-btn img {

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(0%);

}



.testimonial-section .client-tab .c-tabs-content{

	position:relative;

	display:block;

	margin-bottom: 59px;

}



.testimonial-section .client-tab .c-tab{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:auto;

	visibility:hidden;	

}



.testimonial-section .client-tab .c-tab.active-tab{

	position:relative;

	visibility:visible;

	z-index:5;

}



.testimonial-section .c-tab.active-tab .testimonial-block{

	-webkit-transform:scaleX(1);

	-ms-transform:scaleX(1);

	-o-transform:scaleX(1);

	-moz-transform:scaleX(1);

	transform:scaleX(1);

}



.testimonial-section .c-tab .testimonial-block{

	transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-webkit-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	-webkit-transform:scaleX(0);

	-ms-transform:scaleX(0);

	-o-transform:scaleX(0);

	-moz-transform:scaleX(0);

	transform:scaleX(0);	

}



.testimonial-block .inner-box {

	position: relative;

	text-align: center;

}



.testimonial-block .logo {

	line-height: 60px;

	display: block;

	float: none;

	margin-bottom: 21px;

}



.testimonial-block .logo img {

	width: auto;

	display: inline-block;

	float: none;

}



.testimonial-block .text {

	font-size: 19px;

	font-weight: 400;

	color: #fff;

	margin-bottom: 20px;

}



.testimonial-block .author-info h4 {

	font-size: 18px;

	font-weight: 600;

	color: #fff;

}



.testimonial-block .designation {

	font-size: 16px;

	font-weight: 400;

	color: #f79521;

	font-family: 'Poppins', sans-serif;

}





/***



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

	News Section

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



***/



.blog-section {

	position: relative;

}



.news-block{

	position:relative;

	margin-bottom:30px;

}



.news-block .inner-box{

	position:relative;

}



.news-block .inner-box .image{

	position:relative;

	overflow:hidden;

	background-color:#191b1d;

}



.news-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block .inner-box:hover .image img{

	-webkit-transform:scale(1.05,1.05);

	-ms-transform:scale(1.05,1.05);

	-moz-transform:scale(1.05,1.05);

	transform:scale(1.05,1.05);

}



.news-block .inner-box .image:before {

    background: rgba(0, 0, 0, 0.80);

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    content: "";

    position: absolute;

    transition: all 0.5s ease-in-out 0s;

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateX(75deg) translateZ(0px);

    z-index: 3;

    opacity: 0;

}



.news-block .inner-box:hover .image:before{

	transform: perspective(1200px) rotateX(0deg) translateZ(0px);

	transition-delay: 0.1s; 

    opacity: 1;

}



.news-block .inner-box .image .overlay-link {

	position: absolute;

	left: 50%;

	top: 50%;

	color: #fff;

	font-size: 45px;

	z-index: 9;

	opacity: 0;

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

	visibility: hidden;

	transition: .5s ease;

	transition-delay: .5s;

}



.news-block .inner-box:hover .image .overlay-link {

	opacity: 1;

	visibility: visible;

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

}



.news-block .inner-box .image .overlay-link:hover {

	color: #ffcf00;

}



.news-block .inner-box .lower-content{

	position:relative;

	padding: 0px 35px 30px;

	border:1px solid #f2f2f2;

}



.news-block .inner-box .lower-content .title{

	position:relative;

	color:#ffcf00;

	font-size:14px;

	font-weight:600;

	margin-bottom:5px;

	text-transform:uppercase;

}



.news-block .inner-box .lower-content .post-info{

	position:relative;

	margin-bottom: 20px;

	margin-top: -19px;

	z-index: 9;

}



.news-block .inner-box .lower-content .post-info li{

	position:relative;

	font-size: 16px;

	font-weight: 600;

	display:inline-block;

	margin-right:8px;

	color: #fff;

	background: #ffd000;

	padding: 0 15px;

}



.news-block .inner-box .lower-content .post-info li.category {

	background: #fad592;

}



.news-block .inner-box .lower-content .post-info li.category:before {

	position: absolute;

	content: '';

	background: #fad592;

	height: 10px;

	width: 8px;

	left: 0;

	bottom: -9px;

	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);

	clip-path: polygon(0 0, 0% 100%, 100% 0);

}



.news-block .inner-box .lower-content .post-info li a{

	position:relative;

	color:#848484;

}



.news-block .inner-box .lower-content h4{

	position:relative;

	color:#303030;

	font-size:18px;

	font-weight:600;

	margin-bottom: 15px;

}



.news-block .inner-box .lower-content h4 a{

	position:relative;

	color:#303030;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block .inner-box .lower-content h4 a:hover{

	color:#ffcf00;

}



.news-block .inner-box .lower-content .author a {

	position:relative;

	color:#7e8597;

	font-size:18px;

	font-weight: 500;

	text-transform:uppercase;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block .inner-box .lower-content .author a span {

	position: relative;

	margin-right: 5px;

	top: 1px;

}



.news-block .inner-box .lower-content .text{

	position:relative;

	color:#848484;

	line-height: 26px;

	margin-bottom:12px;

}



.news-block.style-two .inner-box .lower-content h3{

	margin-bottom:12px;

	font-size:24px;

}



.blog-large .news-block{

	margin-bottom:50px;

}



/* News Block Two */



.news-block-two{

	position:relative;

}



.news-block-two .inner-box{

	position:relative;

	margin-bottom: 50px;

}



.news-block-two .inner-box .image{

	position:relative;

	overflow:hidden;

	background-color:#191b1d;

}



.news-block-two .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block-two .inner-box:hover .image img{

	-webkit-transform:scale(1.05,1.05);

	-ms-transform:scale(1.05,1.05);

	-moz-transform:scale(1.05,1.05);

	transform:scale(1.05,1.05);

}



.news-block-two .inner-box .image:before {

    background: rgba(0, 0, 0, 0.80);

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    content: "";

    position: absolute;

    transition: all 0.5s ease-in-out 0s;

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateX(75deg) translateZ(0px);

    z-index: 3;

    opacity: 0;

}



.news-block-two .inner-box:hover .image:before{

	transform: perspective(1200px) rotateX(0deg) translateZ(0px);

	transition-delay: 0.1s; 

    opacity: 1;

}



.news-block-two .inner-box .image .overlay-link {

	position: absolute;

	left: 50%;

	top: 50%;

	color: #fff;

	font-size: 45px;

	z-index: 9;

	opacity: 0;

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

	visibility: hidden;

	transition: .5s ease;

	transition-delay: .5s;

}



.news-block-two .inner-box:hover .image .overlay-link {

	opacity: 1;

	visibility: visible;

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

}



.news-block-two .inner-box .image .overlay-link:hover {

	color: #ffcf00;

}



.news-block-two .inner-box .date {

	position: absolute;

	top: -9px;

	right: 9px;

	width: 65px;

	height: 65px;

	font-size: 16px;

	font-weight: 600;

	color: #fff;

	text-align: center;

	background: #ffcf00;

    z-index: 9;

    line-height: 1.2em;

    padding: 13px 0;

}



.news-block-two .inner-box .lower-content{

	position:relative;

	padding: 30px 0px 0px;

}



.news-block-two .inner-box .lower-content .title{

	position:relative;

	color:#ffcf00;

	font-size:14px;

	font-weight:600;

	margin-bottom:5px;

	text-transform:uppercase;

}



.news-block-two .inner-box .lower-content .post-info{

	position:relative;

	margin-bottom: 20px;

	z-index: 9;

}



.news-block-two .inner-box .lower-content .post-info li{

	position:relative;

	font-size: 16px;

	font-weight: 600;

	display:inline-block;

	margin-right:8px;

	color: #222;

	padding: 0 15px;

}



.news-block-two .inner-box .lower-content .post-info li.category {

	background: #f7f7f7;

}



.news-block-two .inner-box .lower-content .post-info li.category:before {

	position: absolute;

	content: '';

	background: #f7f7f7;

	height: 10px;

	width: 8px;

	left: 0;

	bottom: -9px;

	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);

	clip-path: polygon(0 0, 0% 100%, 100% 0);

}



.news-block-two .inner-box .lower-content .post-info li a{

	position:relative;

	color:#848484;

}



.news-block-two .inner-box .lower-content h3{

	position:relative;

	color:#303030;

	font-size:24px;

	font-weight:600;

	margin-bottom: 15px;

	line-height: 32px;

}



.news-block-two .inner-box .lower-content h3 a{

	position:relative;

	color:#303030;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block-two .inner-box .lower-content h3 a:hover{

	color:#ffcf00;

}



.news-block-two .inner-box .lower-content .author a {

	position:relative;

	color:#7e8597;

	font-size:18px;

	font-weight: 500;

	text-transform:uppercase;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block-two .inner-box .lower-content .author a span {

	position: relative;

	margin-right: 5px;

	top: 1px;

}



.news-block-two .inner-box .lower-content .text{

	position:relative;

	color:#848484;

	font-size:16px;

	margin-bottom:12px;

}



.news-block-two .inner-box .lower-content .read-more a {

	font-size: 16px;

	font-weight: 600;

	color: #222;

	font-family: 'Poppins', sans-serif;

	transition: .5s ease;

}



.news-block-two .inner-box .lower-content .read-more a:hover {

	color: #ffcf00;

}



/* News Block Three */



.news-block-three{

	position:relative;

}



.news-block-three .inner-box{

	position:relative;

	margin-bottom: 70px;

}



.news-block-three .inner-box .image{

	position:relative;

	overflow:hidden;

	background-color:#191b1d;

}



.news-block-three .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block-three .inner-box:hover .image img{

	-webkit-transform:scale(1.05,1.05);

	-ms-transform:scale(1.05,1.05);

	-moz-transform:scale(1.05,1.05);

	transform:scale(1.05,1.05);

}



.news-block-three .inner-box .image:before {

    background: rgba(0, 0, 0, 0.80);

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    content: "";

    position: absolute;

    transition: all 0.5s ease-in-out 0s;

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateX(75deg) translateZ(0px);

    z-index: 3;

    opacity: 0;

}



.news-block-three .inner-box:hover .image:before{

	transform: perspective(1200px) rotateX(0deg) translateZ(0px);

	transition-delay: 0.1s; 

    opacity: 1;

}



.news-block-three .inner-box .image .overlay-link {

	position: absolute;

	left: 50%;

	top: 50%;

	color: #fff;

	font-size: 45px;

	z-index: 9;

	opacity: 0;

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

	visibility: hidden;

	transition: .5s ease;

	transition-delay: .5s;

}



.news-block-three .inner-box:hover .image .overlay-link {

	opacity: 1;

	visibility: visible;

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

}



.news-block-three .inner-box .image .overlay-link:hover {

	color: #ffcf00;

}



.news-block-three .inner-box .date {

	position: absolute;

	top: -9px;

	right: 9px;

	width: 65px;

	height: 65px;

	font-size: 16px;

	font-weight: 600;

	color: #fff;

	text-align: center;

	background: #ffcf00;

    z-index: 9;

    line-height: 1.2em;

    padding: 13px 0;

}



.news-block-three .inner-box .lower-content{

	position:relative;

	padding: 30px 30px 0;

	margin: -40px 30px 0;

	background: #fff;

	z-index: 99;

}



.news-block-three .inner-box .lower-content .title{

	position:relative;

	color:#ffcf00;

	font-size:14px;

	font-weight:600;

	margin-bottom:5px;

	text-transform:uppercase;

}



.news-block-three .inner-box .lower-content .post-info{

	position:relative;

	margin-bottom: 20px;

	z-index: 9;

}



.news-block-three .inner-box .lower-content .post-info li{

	position:relative;

	font-size: 16px;

	font-weight: 600;

	display:inline-block;

	margin-right:8px;

	color: #fff;

	padding: 0 15px;

}



.news-block-three .inner-box .lower-content .post-info li.category {

	background: #ffcf00;

}



.news-block-three .inner-box .lower-content .post-info li.category:before {

	position: absolute;

	content: '';

	background: #ffcf00;

	height: 10px;

	width: 8px;

	left: 0;

	bottom: -9px;

	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);

	clip-path: polygon(0 0, 0% 100%, 100% 0);

}



.news-block-three .inner-box .lower-content .post-info li a{

	position:relative;

	color:#848484;

}



.news-block-three .inner-box .lower-content h3{

	position:relative;

	color:#303030;

	font-size:24px;

	font-weight:600;

	margin-bottom: 20px;

	line-height: 32px;

}



.news-block-three .inner-box .lower-content h3 a{

	position:relative;

	color:#303030;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block-three .inner-box .lower-content h3 a:hover{

	color:#ffcf00;

}



.news-block-three .inner-box .lower-content .author a {

	position:relative;

	color:#7e8597;

	font-size:18px;

	font-weight: 500;

	text-transform:uppercase;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.news-block-three .inner-box .lower-content .author a span {

	position: relative;

	margin-right: 5px;

	top: 1px;

}



.news-block-three .inner-box .lower-content .text{

	position:relative;

	color:#848484;

	line-height: 26px;

	margin-bottom: 15px;

}



.news-block-three .inner-box .lower-content .read-more a {

	font-size: 16px;

	font-weight: 600;

	color: #222;

	font-family: 'Poppins', sans-serif;

	transition: .5s ease;

}



.news-block-three .inner-box .lower-content .read-more a:hover {

	color: #ffcf00;

}



.news-block-three .inner-box .lower-content .read-more a span {

	font-size: 12px;

	margin-right: 5px;

}



/* Blog Single Post */



.single-blog-page {

	position: relative;

}



.single-blog-page:before {

	position: absolute;

	content: '';

	width: 100%;

	height: 400px;

	left: 0;

	top: 0;

	background-image: url(../images/background/8.jpg);

	background-repeat: no-repeat;

}



.blog-single-post{

	position:relative;

}



.blog-single-post .inner-box{

	position:relative;

	padding-top: 30px;

}



.blog-single-post .inner-box .image{

	position:relative;

	background-color:#191b1d;

	margin-bottom: 40px;

}



.blog-single-post .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.blog-single-post .inner-box .date {

	position: absolute;

	top: -9px;

	right: 9px;

	width: 65px;

	height: 65px;

	font-size: 16px;

	font-weight: 600;

	color: #fff;

	text-align: center;

	background: #ffcf00;

    z-index: 9;

    line-height: 1.2em;

    padding: 13px 0;

}



.blog-single-post .inner-box .lower-content{

	position:relative;

	background: #fff;

	padding-bottom: 40px;

	margin-bottom: 20px;

	border-bottom: 1px solid #e9e6e6;

}



.blog-single-post .inner-box .title{

	position:relative;

	color:#ffcf00;

	font-size:14px;

	font-weight:600;

	margin-bottom:5px;

	text-transform:uppercase;

}



.blog-single-post .inner-box .post-info{

	position:relative;

	margin-bottom: 20px;

	z-index: 9;

	text-align: center;

}



.blog-single-post .inner-box .post-info li{

	position:relative;

	font-size: 16px;

	font-weight: 600;

	display:inline-block;

	margin-right:8px;

	color: #fff;

	padding: 0 15px;

}



.blog-single-post .inner-box .post-info li.category {

	background: #ffcf00;

}



.blog-single-post .inner-box .post-info li.category:before {

	position: absolute;

	content: '';

	background: #ffcf00;

	height: 10px;

	width: 8px;

	left: 0;

	bottom: -9px;

	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);

	clip-path: polygon(0 0, 0% 100%, 100% 0);

}



.blog-single-post .inner-box .post-info li a{

	position:relative;

	color:#848484;

}



.blog-single-post .inner-box h3{

	position:relative;

	color:#303030;

	font-size:24px;

	font-weight:600;

	margin-bottom: 20px;

	line-height: 32px;

	margin-bottom: 50px;

	text-align: center;

}



.blog-single-post .inner-box h3 a{

	position:relative;

	color:#303030;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.blog-single-post .inner-box h3 a:hover{

	color:#ffcf00;

}



.blog-single-post .inner-box .author a {

	position:relative;

	color:#7e8597;

	font-size:18px;

	font-weight: 500;

	text-transform:uppercase;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.blog-single-post .inner-box .author a span {

	position: relative;

	margin-right: 5px;

	top: 1px;

}



.blog-single-post .inner-box .text{

	position:relative;

	line-height: 26px;

}



.blog-single-post .inner-box .read-more a {

	font-size: 16px;

	font-weight: 600;

	color: #222;

	font-family: 'Poppins', sans-serif;

	transition: .5s ease;

}



.blog-single-post .inner-box .read-more a:hover {

	color: #ffcf00;

}



.blog-single-post .inner-box .read-more a span {

	font-size: 12px;

	margin-right: 5px;

}



.blockquote {

    position: relative;

    display: block;

    padding-top: 30px;

    padding-left: 100px;

    padding-bottom: 36px;

    background: #f7f7f7;

    margin-bottom: 35px;

}

.blockquote:before{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 1px;

    background: #f0eef9;

    content: "";  

}

.blockquote:after {

    position: absolute;

    top: 50%;

    left: 0;

    bottom: 0;

    width: 2px;

    height: 50px;

    background: #ffcf00;

    content: "";

    margin-top: -25px;

}

.blockquote .text{

    color: #7e8597;

    font-size: 26px;

    line-height: 36px !important;

    margin: 0 0 24px;

}

.blockquote .name{

    position: relative;

    display: block;

    padding-left: 70px;

}

.blockquote .name:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 50px;

    height: 1px;

    background: #ffcf00;

    content: "";

    top: 0;

    margin: 12px 0;

}

.blockquote .name h4{

    font-size: 18px;

    font-weight: 600;

}



.blockquote .icon {

	position: absolute;

	right: 40px;

	bottom: 15px;

	color: #e9e6e6;

	font-size: 80px;

}



.blog-single-post .lower-content h4 {

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 25px;

}



.blog-single-post .lower-content ul li {

	position: relative;

	font-size: 18px;

	color: #7e8597;

	margin-bottom: 5px;

	padding-left: 25px;

}



.blog-single-post .lower-content ul li:before {

	position: absolute;

	content: '';

	height: 7px;

	width: 7px;

	left: 0;

	top: 12px;

	background: #ffcf00;

	border-radius: 50%;

}



.blog-single-post .bottom-content {

	position: relative;

}



.post-tags {

	position: relative;

	padding-left: 30px;

}



.post-tags i {

	position: absolute;

	left: 6px;

	top: 8px;

	color: #ffcf00;

	font-size: 18px;

}



.post-tags span {

	font-size: 18px;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

	color: #222;

}



.post-tags a {

	font-size: 18px;

	color: #7e8597;

}



/* Author box */



.author-box {

    position: relative;

    padding: 40px 50px 40px;

    border: 1px solid #e9e6e6;

    box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.08);

    margin: 30px 0 0;

    margin-bottom: 50px;

}

.author-box .wrapper-area{

    position: relative;

    display: block;

}

.author-box .wrapper-area .img-box{

    width: 100px;

}

.author-box .wrapper-area .img-box img{

    border-radius: 50%;

}

.author-box .wrapper-area .img-box,

.author-box .wrapper-area .text{

    display: table-cell;

    vertical-align: middle;

}

.author-box .wrapper-area .text{

    padding-left: 40px;    

}

.author-box .wrapper-area .text h3{

    color: #222;

    margin: 0 0 15px;

    font-size: 20px;

    font-weight: 600;

}

.author-box .wrapper-area .text p{

    color: #868298;

    line-height: 26px;

    margin: 0;

    margin-bottom: 19px;

}

.author-box .wrapper-area .text .author-social-links{

    display: block;

    overflow: hidden;

    margin-top: 23px;

}

.author-box .wrapper-area .text .author-social-links ul{

    overflow: hidden;

}

.author-box-holder .wrapper-area .text .author-social-links ul li a i{

    background: #39345a;

    color: #868298;

    border-color: #4a4568;

}

.author-box .wrapper-area .text .author-social-links ul li a:hover i{

    color: #f36727;

    background: #ffffff;

    border-color: #ffffff;    

}



/* Blog post pagination */



.blog-post-pagination{

	position:relative;

	padding:40px 0px;

	margin-bottom:60px;

	border-bottom:1px solid #eef2ed;

}



.blog-post-pagination h4{

	position:relative;

	font-size:18px;

	font-weight:600;

	line-height:1.7em;

	margin-bottom:10px;

}



.blog-post-pagination .prev-post a{

	position:relative;

	padding-left:18px;

	color: #7e8597;

	font-size:18px;

	font-weight: 500;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.blog-post-pagination .prev-post a:before{

	position:absolute;

	left:0px;

	top: 4px;

	content: "\f100";

	line-height:1em;

	font-family: 'Font Awesome 5 Free';

	font-weight: 900;

	font-size: 16px;

}



.blog-post-pagination .next-post{

	text-align: center;

	width: 50%;

}



.blog-post-pagination .next-post a{

	position:relative;

	padding-right:18px;

	color:#7c7b7b;

	font-size:18px;

	font-weight: 500;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.blog-post-pagination .next-post a:after{

	position:absolute;

	right:0px;

	top: 5px;

	content: "\f101";

	line-height:1em;

	font-family: 'Font Awesome 5 Free';

	font-weight: 900;

	font-size: 16px;

}



.blog-post-pagination .prev-post{

	position:relative;

	text-align: center;

	width: 50%;

}



.blog-post-pagination:after{

	position:absolute;

	left: 50%;

	content:'';

	top:45px;

	width:1px;

	bottom: 45px;

	background-color:#f2f2f2;

}



.blog-post-pagination .prev-post a:hover,

.blog-post-pagination .next-post a:hover{

	color: #ffcf00;

}



/*** 



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

	Comments Area

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



 ***/



.comments-area{

	position:relative;

	margin-top:30px;

	margin-bottom:50px;

}



.blog-single-post .group-title {

	position: relative;

}



.blog-single-post .group-title h3 {

	position: relative;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 30px;

}



.comments-area .comment-box{

	position:relative;

	margin-bottom:30px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.comments-area .comment-box:last-child .comment{

	padding-bottom: 0px;

	border-bottom: 0px;	

}



.comments-area .comment-box:hover{

	border-color:#eb5310;	

}



.comments-area .comment-box.reply-comment{

	margin-left:50px;

}



.comments-area .comment{

	position:relative;

	font-size:14px;

	padding: 0px 0px 20px 110px;

	border-bottom: 1px solid #e9e6e6;

}



.comments-area .comment .comment-inner{

	position:relative;

}



.comments-area .comment .comment-inner .text{

	position:relative;

	color:#7e7e7e;

	font-size:18px;

	line-height:1.5em;

	margin-bottom: 15px;

}



.comments-area .comment-box .author-thumb{

	position:absolute;

	left:0px;

	top:0px;

	overflow:hidden;

	margin-bottom:20px;

}



.comments-area .comment-box .author-thumb img{

	width:80px;

	display:block;

}



.comments-area .comment-info{

	position:relative;

	color:#1e1e29;

	line-height:24px;

	font-size:18px;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

}



.comments-area .comment-info a{

	position:relative;

	color:#1e1e29;

}



.comments-area .date {

	font-size: 18px;

	color: #303030;

}



.comments-area .comment-box .reply-comment{

	position: absolute;

	color: #222;

	font-size:16px;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

	right: 0;

	top: 30px;

	transition: .5s ease;

}



.comments-area .comment-box .reply-comment:hover {

	color: #ffcf00;

}



.comments-area .comment-box .reply-comment .icon{

	position: relative;

	margin-right: 5px;

}



/*Comment Form*/



.comment-form{

	position:relative;

	margin-bottom: 30px;

}



.comment-form .form-group{

	position:relative;

	margin-bottom:30px;

}



.comment-form .form-group:last-child{

	margin-bottom:0px;

}



.comment-form .form-group input[type="text"],

.comment-form .form-group input[type="password"],

.comment-form .form-group input[type="tel"],

.comment-form .form-group input[type="email"],

.comment-form .form-group select{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:15px 20px;

	height:55px;

	color:#7c7b7b;

	font-size: 16px;

	font-weight:400;

	background:#ffffff;

	border:1px solid #eef2ed;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.comment-form .form-group input[type="text"]:focus,

.comment-form .form-group input[type="password"]:focus,

.comment-form .form-group input[type="tel"]:focus,

.comment-form .form-group input[type="email"]:focus,

.comment-form .form-group select:focus,

.comment-form .form-group textarea:focus{

	border-color: #ffcf00;

}



.comment-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:26px;

	padding:10px 20px;

	color:#7c7b7b;

	font-size: 16px;

	font-weight:400;

	background:#ffffff;

	resize:none;

	height: 125px;

	border:1px solid #eef2ed;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.comment-form button{

	position:relative;

	display: block;

	margin-top:10px;

}







/***



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

	Main Footer

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



***/



.main-footer{

	position:relative;

	background-color: #1b1b1b;

}



.main-footer .widgets-wrapper{

	position:relative;

	    padding: 48px 0px 15px;

	border-bottom: 1px solid #2d2d2d;

}



.main-footer .footer-column{

	position:relative;

	margin-bottom: 30px;

}



.main-footer .footer-column .widget-title{

    position: relative;

    font-size: 20px;

    font-weight: 400;

    text-transform: capitalize;

    margin-top: -5px;

    margin-bottom: 16px;

    color: #ffffff;

}



/*=== Link Widget ===*/



.main-footer .links-widget ul {

	position:relative;

}



.main-footer .links-widget ul li{

	position:relative;

	line-height: 24px;

	margin-bottom: 0px;

}



.main-footer .links-widget ul li a{

	position:relative;

	color: #fff;

	font-size: 15px;

	padding-left: 22px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-footer .links-widget ul li a:before{

	position:absolute;

	content: "\f101";

	left:0px;

	top: 6px;

	line-height:1em;

	font-family: 'Font Awesome 5 Free';

	font-weight: 600;

	font-size: 14px;

}



.main-footer .links-widget ul li a:hover{

	color: #ffedf6;

}



/*=== Gallery Widget ===*/



.main-footer .gallery-widget {

	position: relative;

}



.main-footer .gallery-widget .gallery-wrapper {

	position: relative;

	display: flex;

	align-items: center;

	margin: 0 -7.5px;

	padding-top: 10px;

	flex-wrap: wrap;

}



.main-footer .gallery-widget .gallery-wrapper .image {

	position: relative;

	overflow: hidden;

	margin: 0 7.5px 15px;

}



.main-footer .gallery-widget .gallery-wrapper .image .overlay-link {

	position: absolute;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

	left: 0;

	top: 100%;

	background: rgba(27, 27, 27, 0.90);

	transition: .5s ease;

}



.main-footer .gallery-widget .gallery-wrapper .image:hover .overlay-link {

	top: 0

}



.main-footer .gallery-widget .gallery-wrapper .image .overlay-link a {

	color: #fff;

	font-size: 15px;

	transition: .5s ease;

}



.main-footer .gallery-widget .gallery-wrapper .image .overlay-link a:hover {

	color: #ffcf00;

}



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



.contact-widget {

	position: relative;

}



.contact-widget .title {

	position: relative;

	font-size: 18px;

	color: #d0d0d0;

	line-height: 1.2em;

}



.contact-widget h3 {

	color: #fff;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 25px;

	line-height: 1.4em;

}



.contact-widget ul li {

	color: #fff;

	font-size: 14px;

	margin-bottom: 8px;

	line-height: 1.6em;

}



.contact-widget .theme-btn span {

	margin-right: 5px;

	font-size: 12px;

}



.contact-widget .theme-btn {

	font-size: 16px;

	font-weight: 600;

	color: #d0d0d0;

	font-family: 'Poppins', sans-serif;

}



/*=== Newsletter Widget ===*/



.newsletter-widget-two {

	position: relative;

}



.newsletter-widget-two .text {

	color: #fff;

	line-height: 26px;

	margin-bottom: 30px;

}



.newsletter-widget-two form {

	margin-bottom: 20px;

}



.newsletter-widget-two input {

	height: 50px;

	width: calc(100% - 64px);

	background: #212121;

	border: 1px solid #2d2d2d;

	padding: 0 20px;

	color: #989797;

	vertical-align: middle;

}



.newsletter-widget-two button {

	height: 50px;

	width: 50px;

	line-height: 50px;

	font-size: 14px;

	color: #fff;

	background: #e93527;

	text-align: center;

	margin-left: 10px;

	vertical-align: middle;

}



.newsletter-widget-two .social-box {

	position: relative;

	display: flex;

	align-items: center;

	overflow-wrap: wrap;

}



.newsletter-widget-two h5 {

	position: relative;

	margin-bottom: 10px;

	font-size: 16px;

	font-weight: 600;

	color: #fff;

	margin-right: 20px;

}



.newsletter-widget-two .social-icon-five li a {

	border-color: #2d2d2d;

	color: #7e8597;

}



.newsletter-widget-two .social-icon-five li a:hover {

	color: #fff;

	border-color: #e93527;

}



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



.main-footer .footer-bottom{

	position:relative;

	padding: 9px 0px 7px;

	text-align: center;

}



.main-footer .footer-bottom .container-wrapper {

	display: flex;

	align-items: center;

	justify-content: space-between;

	flex-wrap: wrap;

}



.main-footer .footer-bottom .copyright-text{

	line-height: 30px;

	color: #fff;

	font-size:14px;

	font-weight: 400;

}



.main-footer .footer-bottom .copyright-text a{

	color: #f79521;

}



.main-footer .footer-bottom .copyright-text a:hover{

	color: #ffcf00;

}



.main-footer .footer-bottom ul {

	margin: 0;

}



.main-footer .footer-bottom ul li {

	display: inline-block;

	padding: 0px 20px;

	border-right: 2px solid rgba(255, 255, 255, 0.11);

	line-height: 1.2em;

}



.main-footer .footer-bottom ul li:last-child {

	border: 0px;

	padding-right: 0px;

}



.main-footer .footer-bottom ul li a {

	font-size: 14px;

	color: #fff;

	font-weight: 400;

}



.main-footer .footer-bottom ul li a:hover {

	color: #ffcf00;

}







/***



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

	Why Chooseus section

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



***/



.why-chooseus-section {

	position: relative;

}



.why-chooseus-section .sec-title {

	margin-bottom: 15px;

}



.why-chooseus-section .list-style-one {

	margin-bottom: 30px;

}



.why-chooseus-section .list-style-one li {

	position: relative;

	font-size: 18px;

	color: #7e8597;

	margin-bottom: 8px;

}



.why-chooseus-section .list-style-one li:before {

	color: #ffcf00;

	content: "\f058";

	font-family: 'Font Awesome 5 Free';

	font-size: 20px;

}



.why-choose-block .inner-box {

	position: relative;

	background: #fff;

	padding: 61px 45px;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	margin-bottom: 30px;

}



.why-choose-block .inner-box:after {

    position: absolute;

    content: '';

    height: 3px;

    width: 30%;

    left: 0;

    bottom: 0;

    background-image: linear-gradient(to right top, #ffcf00, #ffcf00, #ffcf0061, #ffffff, #ffffff);

    opacity: 0;

    transition: .5s ease;

}



.why-choose-block .inner-box:hover:after {

	width: 100%;

	opacity: 1;

}



.why-choose-block .inner-box .icon {

	position: relative;

	color: #ffcf00;

	font-size: 60px;

	margin-right: 15px;

}



.why-choose-block .inner-box h4 {

	position: relative;

	font-size: 18px;

	font-weight: 600;

	color: #222;

	line-height: 1.4em;

	z-index: 1;

}



.why-choose-block .inner-box .shape-icon {

	position: absolute;

	right: 35px;

	top: 35px;

}





/***



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

	Team section

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



***/



/* Team block one */



.team-block-one {

	position: relative;

}



.team-block-one .inner-box {

	position: relative;

	margin-bottom: 30px;

	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);

}



.team-block-one .inner-box .wrapper-box {

	position: relative;

	overflow: hidden;

}



.team-block-one .inner-box .image {

	position: relative;

	overflow: hidden;

}



.team-block-one .inner-box .image:before {

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	z-index: 8;

	opacity: 0;

	-webkit-transform: perspective(400px) rotateX(-90deg);

	-ms-transform: perspective(400px) rotateX(-90deg);

	transform: perspective(400px) rotateX(-90deg);

	-webkit-transform-origin: top;

	-ms-transform-origin: top;

	transform-origin: top;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	background-color: rgba(33, 32, 32, 0.9);

}



.team-block-one .inner-box:hover .image:before {

	opacity: 1;

	-webkit-transform: perspective(400px) rotateX(0deg);

	-ms-transform: perspective(400px) rotateX(0deg);

	transform: perspective(400px) rotateX(0deg);

}



.team-block-one .inner-box img {

	width: 100%;

	-webkit-transition: .7s ease;

	-o-transition: .7s ease;

	transition: .7s ease;

	-webkit-transition-delay: .3s;

	-o-transition-delay: .3s;

	transition-delay: .3s;

}



.team-block-one .inner-box:hover img {

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2);

}



.team-block-one .inner-box .lower-content {

	position: relative;

	background: #fff;

	padding: 25px;

	border-top:0px;

	transition: .5s ease;

	text-align: center;

}



.team-block-one .inner-box:hover .lower-content{

	border-color: #fff;

}



.team-block-one h4 {

	font-size: 18px;

	font-weight: 600;

	color: #222;

	line-height: 20px;

}



.team-block-one h4 a {

	color: #222;

	transition: .5s ease;

}



.team-block-one h4 a:hover {

	color: #ffcf00;

}



.team-block-one .designation {

	position: relative;

	color: #ffcf00;

	font-size: 18px;

	font-weight: 500;

}



.team-block-one .text {

	transition: .5s ease;

	line-height: 26px;

	margin-top: 15px;

}



.team-block-one .email {

	font-size: 18px;

	color: #7e8597;

	padding-top: 10px;

	border-top: 1px solid #e9e6e6;

	margin-top: 15px;

}



.team-block-one .email a {

	color: #7e8597;

	transition: .5s ease;

}



.team-block-one .email a:hover {

	color: #ffcf00;

}



.team-block-one .overlay-content {

	position: absolute;

	left: 0;

	bottom: -45px;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	transition: .5s ease;

	z-index: 9;

}



.team-block-one .inner-box:hover .overlay-content {

	opacity: 1;

	visibility: visible;

	bottom: 0;

}



.team-block-one .inner-box:hover .overlay-content .lower-content{

	border-color: #fff;

}



/***



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

	video section

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



***/



.video-section {

	position: relative;

	background-position: center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	margin-bottom: 70px;

}



.video-section:before {

    position: absolute;

    content: '';

    background: #1b1b1b;

    opacity: .95;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.video-section .default-video-box {

	margin: 35px auto;

}



.video-section .default-video-box a {

	position: relative;

	height: 90px;

	width: 90px;

	border-radius: 50%;

	background-color: #fff;

	text-align: center;

	line-height: 98px;

	font-size: 30px;

	padding-left: 6px;

	color: #fad592;

	left: 20px;

}



.video-section h4 {

	color: #fff;

}



.video-section h1 {

	color: #fff;

	font-size: 60px;

	font-weight: 600;

	margin-bottom: 20px;

	padding-top: 31px;

}



/* Style two */

.video-section.style-two:before {

	opacity: .75;

}



.video-section.style-two:after {

    position: absolute;

    content: '';

    background: #fff;

    left: 0;

    bottom: 0;

    width: 100%;

}



.video-section .default-video-box-two {

	position: relative;

}



.video-section .default-video-box-two a {

	position: relative;

	height: 90px;

	width: 90px;

	display: inline-block;

	border-radius: 50%;

	background-color: #fff;

	text-align: center;

	line-height: 98px;

	font-size: 30px;

	padding-left: 6px;

	color: #fad592;

	left: 20px;

	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

}



.video-section .default-video-box-two a:before {

    position: absolute;

    content: '';

    height: 140px;

	width: 140px;

	left: -25px;

	top: -25px;

	border: 1px solid #e9e6e6;

	border-radius: 50%;

}



.video-section .default-video-box-two a:after {

    position: absolute;

    content: '';

    height: 190px;

	width: 190px;

	left: -50px;

	top: -50px;

	border: 1px solid #e9e6e6;

	border-radius: 50%;

}



.video-section .outer-box {

	position: relative;

	background: #fff;

	padding: 50px;

	padding-bottom: 0px;

	max-width: 1270px;

	margin: 0 auto;

	margin-top: 20px;

	z-index: 9;

}



/* Success block */

.success-block {

	position: relative;

}



.success-block .inner-box{

	position: relative;

	text-align: center;

	    padding: 20px 11px;

	border: 1px solid #e9e6e6;

	transition: .5s ease;

}



.success-block .inner-box:hover {

	border-color: #fff;

	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);

}



.success-block h4{

	font-size: 21px;

	font-weight: 600;

	color: #222;

	margin-bottom: 10px;

}



.success-block .icon {

	font-size: 60px;

	color: #8a91a4;

	transition: .5s ease;

	margin-bottom: 20px;

	transition: .5s ease;

}



.success-block .inner-box:hover .icon {

	color: #ffcf00;

}



.success-block .step {

	font-size: 14px;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

	color: #fff;

	background: #ffcf00;

	padding: 0 11px;

	line-height: 28px;

	display: inline-block;

	margin-bottom: 20px;

}



.success-block .text {

	line-height: 26px;

}





/***



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

	Case Section

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



***/



.case-section-two {

	position: relative;

}



.case-block-two{

	position:relative;

	margin-bottom:30px;

}



.portfolio-masonry .case-block-two{

	margin-bottom:50px;

}



.case-block-two .inner-box{

	position:relative;

	overflow: hidden;

	text-align: left;

}



.case-block-two .inner-box .image {

	position: relative;

	overflow: hidden;

}



.case-block-two .inner-box .image:before {

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	z-index: 8;

	opacity: 0;

	-webkit-transform: perspective(400px) rotateX(-90deg);

	-ms-transform: perspective(400px) rotateX(-90deg);

	transform: perspective(400px) rotateX(-90deg);

	-webkit-transform-origin: top;

	-ms-transform-origin: top;

	transform-origin: top;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	background-color: rgba(27, 27, 27, 0.9);

}



.case-block-two .inner-box:hover .image:before {

	opacity: 1;

	-webkit-transform: perspective(400px) rotateX(0deg);

	-ms-transform: perspective(400px) rotateX(0deg);

	transform: perspective(400px) rotateX(0deg);

}



.case-block-two .inner-box .image img {

	width: 100%;

	-webkit-transition: .7s ease;

	-o-transition: .7s ease;

	transition: .7s ease;

	-webkit-transition-delay: .3s;

	-o-transition-delay: .3s;

	transition-delay: .3s;

}



.case-block-two .inner-box:hover .image img {

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2);

}



.case-block-two .inner-box .image .overlay-link {

	position: absolute;

	left: 50%;

	top: 60%;

	color: #fff;

	font-size: 45px;

	z-index: 9;

	opacity: 0;

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

	visibility: hidden;

	transition: .7s ease;

}



.case-block-two .inner-box:hover .image .overlay-link {

	opacity: 1;

	visibility: visible;

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

	top: 50%;

}



.case-block-two .inner-box .image .overlay-link:hover {

	color: #ffcf00;

}



.case-block-two .inner-box .image .overlay-link img {

	transform: scale(1);

}



.case-block-two .inner-box .lower-content{

	position:relative;

	margin: 20px 0;

}



.case-block-two .inner-box .lower-content .category{

	position:relative;

	color: #7e8597;

	font-size: 16px;

	font-weight: 500;

	text-transform: capitalize;

	text-decoration: underline;

	margin-bottom: 5px;

}



.case-block-two .inner-box .lower-content h4{

	position:relative;

	color:#303030;

	font-size: 20px;

	font-weight:600;

	margin-bottom: 15px;

	line-height: 1.4em;

}



.case-block-two .inner-box .lower-content h4 a{

	position:relative;

	color:#303030;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.case-block-two .inner-box .lower-content h4 a:hover{

	color:#ffcf00;

}



.case-section-two .owl-nav-style-one {

	text-align: center;

}



.case-section-two .owl-nav-style-one .owl-nav {

	display: inline-block;

	background: #fff;

	padding: 0 20px;

}



.case-section-two .owl-nav-style-one .owl-nav:before {

	position: absolute;

	content: '';

	background: #e9e6e6;

	bottom: 25px;

	left: 0;

	width: 100%;

	height: 1px;

	z-index: -1;

}



/*** 



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

	Single Project

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



***/



.single-project {

	position: relative;

}



.single-project:before {

	position: absolute;

	content: '';

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-image: linear-gradient(to top, #f7f7f7, #fff, #fff, #fff, #ffffff);

}



.project-info{

	position:relative;

}



.project-info .inner-box{

	position:relative;

}



.project-info .inner-box .image{

	position:relative;

	margin-bottom: 50px;

	overflow:hidden;

	transition: .5s ease;

}



.project-info .inner-box .image:after {

	position: absolute;

	content: '';

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-image: linear-gradient(to right top, #1b1b1b, #1b1b1bad, #77777700, #b9b9b900, #ffffff00);

}



.project-info .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.project-info .inner-box .image .category-title{

	position: relative;

	left:0px;

	bottom:0px;

	width:100%;

	color: #ffcf00;

	font-size: 18px;

	margin-bottom: 10px;

	font-weight:400;

	text-decoration: underline;

	-webkit-transition: all 900ms ease;

	-ms-transition: all 900ms ease;

	-o-transition: all 900ms ease;

	transition: all 900ms ease;

}



.project-info .inner-box .overlay-box{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	padding: 30px;

	padding-left: 100px;

	display: flex;

	align-items: center;

	z-index: 5;

}



.project-info .inner-box .overlay-box .overlay-inner {

	position: relative;

	z-index: 10;

}



.project-info .inner-box .overlay-box h2{

	position:relative;

	color:#ffffff;

	font-size: 30px;

	font-weight:600;

	line-height: 40px;

	margin-bottom: 25px;

}



.project-info .inner-box .overlay-box h2 a{

	position:relative;

	color:#ffffff;

	transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.project-info .inner-box .overlay-box h2 a:hover{

	color:#ffcf00;

}



.project-info .inner-box .overlay-box .text {

	font-size: 18px;

	color: #fff;

	margin-bottom: 25px;

}



.project-info .inner-box .overlay-box .video-box-wrapper {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}



.project-info .inner-box .overlay-box .default-video-box-two {

	margin: 0;

	margin-right: 15px;

}



.project-info .inner-box .overlay-box .default-video-box-two a {

	color: #ffcf00;

	font-size: 40px;

}



.project-info .inner-box .overlay-box h5 {

	font-size: 16px;

	font-weight: 600;

	color: #fff;

}



/* Project info block one */



.project-info-block {

	position: relative;

	padding-left: 60px;

	margin-bottom: 30px;

}



.project-info-block .icon {

	position: absolute;

	left: 0;

	top: 2px;

	font-size: 48px;

	color: #ffcf00;

}



.project-info-block h4 {

	font-size: 16px;

	font-weight: 600;

}



.project-info-block .text {

	line-height: 26px;

}



/*** 



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

	Project Description

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



***/



.project-description .title h2 {

	position: relative;

	font-size: 30px;

	font-weight: 700;

	padding-bottom: 25px;

	margin-bottom: 50px;

}



.project-description .title h2:before {

    position: absolute;

    content: '';

    background: #ffcf00;

    bottom: 0px;

    left: 0px;

    width: 70px;

    height: 3px;

}



/* Project Description block one */



.project-description-block-one {

	position: relative;

	margin-bottom: 30px;

}



.project-description-block-one .inner-box {

	position: relative;

	padding: 90px 36px;

	background: #f7f7f7;

	text-align: center;

}



.project-description-block-one .inner-box:before {

	position: absolute;

	content: '';

	background: rgba(34, 34, 34, 0.90);

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.project-description-block-one .inner-box .icon {

	position: relative;

	font-size: 90px;

	color: #ffcf00;

	margin-bottom: 20px;

}



.project-description-block-one .inner-box h2 {

	font-size: 30px;

	line-height: 40px;

	font-weight: 700;

	color: #fff;

}



/* project description block two */



.project-description-block-two {

	position: relative;

	padding-left: 38px;

	margin-bottom: 30px;

}



.project-description-block-two .icon {

	position: absolute;

	left: 0;

	top: 0;

	font-size: 18px;

	color: #ffcf00;

}



.project-description-block-two h4 {

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 10px;

}



.project-description-block-two .text {

	line-height: 26px;

}





/*** 



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

	Project solution

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



***/



.project-solution {

	position: relative;

	background: #f7f7f7;

}



.project-solution .title h2 {

	position: relative;

	font-size: 30px;

	font-weight: 700;

	padding-bottom: 25px;

	margin-bottom: 50px;

}



.project-solution .title h2:before {

    position: absolute;

    content: '';

    background: #ffcf00;

    bottom: 0px;

    left: 0px;

    width: 70px;

    height: 3px;

}



.project-solution .text {

	line-height: 26px;

	margin-bottom: 30px;

}



.project-solution .text::first-letter {

	position: relative;

    text-transform: uppercase;

    font-size: 55px;

    font-weight: 500;

    letter-spacing: 12px;

    margin-top: 12px;

    display: inline;

    vertical-align: top;

    float: left;

}



.project-solution .text span {

	color: #ffcf00;

}



.project-solution ul {

	margin-bottom: 30px;

}



.project-solution ul li {

	font-size: 18px;

	margin-bottom: 6px;

}



.project-solution ul li span {

	color: #7e8597;

	height: 25px;

	line-height: 25px;

	width: 25px;

	text-align: center;

	border: 1px solid #ddd;

	border-radius: 50%;

	display: inline-block;

	margin-right: 10px;

	vertical-align: middle;

	font-size: 14px;

}



.project-solution .graph {

	position: relative;

	display: inline-block;

	background: #fff;

	padding-bottom: 40px;

	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.08);

}



.project-solution .graph .graph-wrapper {

	position: relative;

	background-image: url(../images/resource/graph-bg-2.png);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-right: 75px;

	margin-left: 60px;

	padding-left: 45px;

	padding-top: 90px;

	padding-bottom: 2px;

	margin-bottom: 20px;

}



.project-solution .graph ul {

	text-align: center;

}



.project-solution .graph ul li {

	position: relative;

	display: inline-block;

	font-size: 14px;

	color: #222;

	padding-left: 25px;

	margin: 0 10px;

}



.project-solution .graph ul li:before {

	position: absolute;

	content: '';

	height: 15px;

	width: 15px;

	left: 0;

	top: 8px;

	background: #e8e8e8;

}



.project-solution .graph ul li:first-child:before {

	background: #ffcf00;

}



.project-solution .progress-levels-two .progress-box .bar {

	background: #e8e8e8;

}



.project-solution .progress-levels-two .progress-box {

    margin: 0 26px;

}





/***



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

	Testimonial Section two

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



***/



.testimonial-section-two{

	position:relative;

}



.testimonial-section-two:before {

	position: absolute;

	content: '';

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-image: linear-gradient(to top, #f7f7f7, #fff, #fff, #fff, #ffffff);

}



.testimonial-section-two .container {

	max-width: 1200px;

	padding: 0;

}



.testimonial-block-two {

	position: relative;

}



.testimonial-block-two .inner-box {

	position: relative;

	padding: 30px;

	margin: 30px 15px;

	text-align: center;

	border: 1px solid #e9e6e6;

	transition: .5s ease;

}



.testimonial-block-two .inner-box:hover {

	box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.1);

}



.testimonial-block-two .inner-box .logo {

	line-height: 45px;

	display: inline-block;

	min-height: 55px;

}



.testimonial-block-two .inner-box .logo img{

	width: auto;

	margin: 0 auto;

	margin-top: 10px;

}



.testimonial-block-two .inner-box .text{

	font-size: 20px;

	margin-bottom: 15px;

}



.testimonial-block-two .inner-box .author {

	position: relative;

}



.testimonial-block-two .inner-box .author h4 {

	font-size: 18px;

	font-weight: 600;

	line-height: 1.6em;

}



.testimonial-block-two .inner-box .designation {

	font-size: 16px;

	color: #ffcf00;

	line-height: 1.4em;

}



.testimonial-block-two .inner-box .quote-icon {

	position: absolute;

	top: -30.5px;

	right: 40px;

	height: 60px;

	width: 60px;

	text-align: center;

	line-height: 60px;

	color: #fff;

	font-size: 20px;

	background: #ffcf00;

	border-radius: 50%;

}



/*** 



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

	Testimonial Section three

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



***/



.testimonial-section-three {

	position: relative;

}



.testimonial-section-three .container {

	max-width: 1200px;

	padding: 0;

}



.testimonial-section-three .owl-dot-style-one .owl-dots {

	margin-top: 30px;

}



/* Testimonial block three */



.testimonial-block-three {

	position: relative;

}



.testimonial-block-three .inner-box {

	position: relative;

	padding: 30px;

	padding-bottom: 0;

	margin: 30px 15px 50px;

	text-align: center;

	border: 1px solid #e9e6e6;

	transition: .5s ease;

}



.testimonial-block-three .inner-box:hover {

	box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.1);

}



.testimonial-block-three .inner-box .logo {

	line-height: 45px;

	display: inline-block;

	min-height: 55px;

}



.testimonial-block-three .inner-box .logo img{

	width: auto;

	margin: 0 auto;

	margin-top: 10px;

}



.testimonial-block-three .inner-box .text{

	font-size: 20px;

	margin-bottom: 30px;

	line-height: 30px;

	margin-top: 4px;

}



.testimonial-block-three .inner-box .author {

	position: relative;

}



.testimonial-block-three .inner-box .author h4 {

	font-size: 18px;

	font-weight: 600;

	line-height: 1.6em;

}



.testimonial-block-three .inner-box .designation {

	font-size: 16px;

	color: #ffcf00;

	line-height: 1.4em;

}



.testimonial-block-three .author .image {

	position: relative;

	margin-bottom: -40px;

	margin-top: 20px;

}



.testimonial-block-three .author .image img {

	border-radius: 50%;

	width: auto;

	margin: 0 auto;

}



/*** 



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

	Testimonial Section four

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



***/



.testimonial-section-four {

	position: relative;

	padding: 40px 0;

}



.testimonial-section-four .container {

	max-width: 1200px;

	padding: 0;

}



/* Testimonial block four */



.testimonial-block-four {

	position: relative;

}



.testimonial-block-four .inner-box {

	position: relative;

	padding: 30px;

	margin: 75px 15px 60px;

	text-align: center;

	border: 1px solid rgba(255, 255, 255, 0.07);

	transition: .5s ease;

	background: #222;

}



.testimonial-block-four .inner-box:hover {

	transform: translateY(-20px);

}



.testimonial-block-four .inner-box .logo {

	line-height: 45px;

	display: inline-block;

	min-height: 55px;

}



.testimonial-block-four .inner-box .logo img{

	width: auto;

	margin: 0 auto;

	margin-top: 10px;

}



.testimonial-block-four .inner-box .text{

	font-size: 20px;

	margin-bottom: 15px;

	color: #989797;

}



.testimonial-block-four .inner-box .author {

	position: relative;

}



.testimonial-block-four .inner-box .author h4 {

	font-size: 18px;

	font-weight: 600;

	line-height: 1.6em;

	color: #fff;

}



.testimonial-block-four .inner-box .designation {

	font-size: 16px;

	color: #ffcf00;

	line-height: 1.4em;

}



.testimonial-block-four .inner-box .quote-icon {

	position: absolute;

	top: -30.5px;

	right: 40px;

	height: 60px;

	width: 60px;

	text-align: center;

	line-height: 60px;

	color: #fff;

	font-size: 20px;

	background: #ffcf00;

	border-radius: 50%;

}



/*** 



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

	Testimonial Section five

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



***/



.testimonial-section-five {

	position: relative;

	padding: 70px 0;

}



.testimonial-section-five .container {

	max-width: 1200px;

	padding: 0;

}



/* Testimonial block five */



.testimonial-block-five {

	position: relative;

}



.testimonial-block-five .inner-box {

	position: relative;

	padding: 40px 33px;

	margin: 30px 15px 30px;

	border: 4px solid #e9e6e6;

	transition: .5s ease;

}



.testimonial-block-five .inner-box:hover {

	border-color: #ffcf00;

}



.testimonial-block-five .inner-box .quote-icon {

	position: absolute;

	right: 35px;

	top: 60px;

	font-size: 50px;

	color: #e6e6e6;

}



.testimonial-block-five .inner-box .image {

	display: inline-block;

	margin-bottom: 15px;

}



.testimonial-block-five .inner-box .image img{

	width: auto;

	margin: 0 auto;

	margin-top: 10px;

}



.testimonial-block-five .inner-box .text{

	font-size: 20px;

	margin-bottom: 25px;

	line-height: 30px;

	margin-top: 7px;

}



.testimonial-block-five .inner-box .author {

	position: relative;

}



.testimonial-block-five .inner-box .author h4 {

	font-size: 18px;

	font-weight: 600;

	line-height: 1.6em;

}



.testimonial-block-five .inner-box .designation {

	font-size: 16px;

	color: #ffcf00;

	line-height: 1.4em;

}



/*** 



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

	Pricing Plan section

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



***/



.pricing-plan-section {

	position: relative;

}



.pricing-block {

	position: relative;

}



.pricing-block .inner-box {

	position: relative;

	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);

	padding: 40px 20px;

	text-align: center;

	margin-bottom: 30px;

	display: block;

	border: 2px solid #fff;

	transition: .5s ease;

}



.pricing-block .inner-box:hover,

.pricing-block.active-block .inner-box {

	border-color: #ffcf00;

}



.pricing-block.active-block .inner-box {

	box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.25);

}



.pricing-block .top-content {

	border-bottom: 1px solid #e9e6e6;

	padding-bottom: 20px;

}



.pricing-block .top-content .category {

	position: relative;

	color: #222;

	font-size: 24px;

	font-weight: 700;

	font-family: 'Poppins', sans-serif;

}



.pricing-block .hot {

	position: absolute;

	right: 30px;

	top: -35.5px;

	width: 70px;

	height: 70px;

	font-size: 40px;

	color: #fff;

	text-align: center;

	line-height: 70px;

	border-radius: 50%;

	background: #ffcf00;

}



.pricing-block .price {

	position: relative;

	color: #ffcf00;

	font-size: 72px;

	font-weight: 700;

	font-family: 'Poppins', sans-serif;

	line-height: 1em;

	padding: 20px 0 0;

}



.pricing-block .price .dollar {

	font-size: 24px;

}



.pricing-block .price .month {

	font-size: 20px;

}



.pricing-block .lower-content {

	position: relative;

	background: #f7f7f7;

	padding: 15px 35px;

	margin-bottom: 40px;

}



.pricing-block .lower-content ul li {

	font-size: 18px;

	color: #7e8597;

	border-bottom: 1px solid #e9e6e6;

	line-height: 50px;

}



.pricing-block .lower-content ul li:last-child {

	border-bottom: 0px;

}



/*** 



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

	Client section

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



***/



.client-section {

	position: relative;

	padding: 70px 0;

}



.client-section .image {

	display: block;

	line-height: 60px;

	text-align: center;

}



.client-section .image a {

	display: inline-block;

	vertical-align: middle;

}



.client-section .image img {

	width: auto;

	opacity: .5;

	margin: 0 auto;

	transition: .5s ease;

}



.client-section .image:hover img {

	opacity: 1;

}



/*** 



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

	Client section two

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



***/



.client-section-two {

	position: relative;

	padding: 70px 0;

}



.client-section-two .container {

	max-width: 1200px;

	padding: 0;

}



.client-section-two .image {

	display: block;

	line-height: 220px;

	margin: 30px 15px;

	text-align: center;

	border: 1px solid #e9e6e6;

	transition: .5s ease;

}



.client-section-two .image:hover{

	background: #fff;

	border-color: #fff;

	transform: translateY(-10px);

}



.client-section-two .image a {

	display: inline-block;

	vertical-align: middle;

}



.client-section-two .image img {

	width: auto;

	opacity: .5;

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(100%);

	transition: .5s ease;

}



.client-section-two .image:hover img {

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(0%);

}



.client-section-two .owl-nav-style-two .owl-nav .owl-next, 

.client-section-two .owl-nav-style-two .owl-nav .owl-prev {

	border: 2px solid #e9e6e6;

}



.client-section-two .owl-nav-style-two .owl-nav .owl-next:hover,

.client-section-two .owl-nav-style-two .owl-nav .owl-prev:hover {

	border-color: #ffcf00;

}



/* Feature block one */

.feature-block-one {

	position: relative;

}



.feature-block-one .inner-box {

	position: relative;

	padding-left: 100px;

	margin-bottom: 40px;

}



.feature-block-one .icon {

	position: absolute;

	left: 0;

	top: 8px;

	font-size: 60px;

	color: #ffcf00;

}



.feature-block-one h4 {

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 15px;

}



.feature-block-one .text {

	line-height: 26px;

}



/* Feature block */



.feature-block-two {

	position: relative;

}



.feature-block-two .inner-box {

	position: relative;

	margin-bottom: 30px;

}



.feature-block-two .inner-box:before {

	position: absolute;

	content: '';

	background-image: url(../images/resource/shadow.png);

	width: 181px;

	height: 35px;

	right: 0;

	bottom: -35px;

	opacity: 0;

	transition: .5s ease;

}



.feature-block-two .inner-box:hover:before {

	opacity: 1;

}



.feature-block-two .image {

	position:relative;

	display:block;

	overflow:hidden;	

}



.feature-block-two .image img{

	position:relative;

	display:block;

	width:100%;

}



.feature-block-two .overlay-content{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:1;

	color:#ffffff;

	text-align:center;

	background:rgba(0,0,0,0.0);

	display: flex;

	align-items: center;

	justify-content: center;

}



.feature-block-two .overlay-content:before{

	content:'';

	position:absolute;

	left:0px;

	top:0px;

	width:50%;

	height:100%;

	opacity:0;

	background:#fad592;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

	-webkit-transform:translateY(-100%);

	-ms-transform:translateY(-100%);

	-o-transform:translateY(-100%);

	-moz-transform:translateY(-100%);

	transform:translateY(-100%);

}



.feature-block-two .overlay-content:after{

	content:'';

	position:absolute;

	right:0px;

	top:0px;

	width:50%;

	height:100%;

	opacity:0;

	background:#fad592;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

	-webkit-transform:translateY(100%);

	-ms-transform:translateY(100%);

	-o-transform:translateY(100%);

	-moz-transform:translateY(100%);

	transform:translateY(100%);

}



.feature-block-two .inner-box:hover .overlay-content:before,

.feature-block-two .inner-box:hover .overlay-content:after{

	opacity:1;

	-webkit-transform:translateY(0%);

	-ms-transform:translateY(0%);

	-o-transform:translateY(0%);

	-moz-transform:translateY(0%);

	transform:translateY(0%);

}





.feature-block-two .caption-title {

	position: absolute;

	color: #fff;

	font-size: 30px;

	font-weight: 600;

	font-family: 'Poppins', sans-serif;

	top: 50%;

	left: 50%;

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

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

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

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

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

	

}



.feature-block-two .overlay-content .overlay-inner {

	position: relative;

	opacity: 0;

	z-index: 9;

	transform: translateY(50px);

	transition: .5s ease;

}



.feature-block-two .inner-box:hover .overlay-content .overlay-inner {

	opacity: 1;

	transform: translateY(0px);

}



.feature-block-two .overlay-content .icon {

	color: #fff;

	font-size: 60px;

	margin-bottom: 25px;

}



.feature-block-two .overlay-content .text {

	color: #fff;

	position: relative;

	z-index: 2;

}



.feature-block-two .overlay-content .shape-icon {

	color: #d95d9e;

	font-size: 150px;

	font-weight: 700;

	position: absolute;

	right: 0;

	bottom: -48px;

	line-height: 1.4em;

}



/* Feature block three */



.feature-block-three {

	position: relative;

	margin-bottom: 30px;

}



.feature-block-three .inner-box {

	position: relative;

	padding: 56px 36px;

	border: 1px solid #e9e6e6;

	background: #f7f7f7;

}



.feature-block-three .inner-box .icon {

	font-size: 90px;

	color: #ffcf00;

	margin-bottom: 20px;

}



.feature-block-three .inner-box h2 {

	font-size: 30px;

	line-height: 40px;

	font-weight: 700;

}



/* Feature block four */

.feature-block-four {

	position: relative;

}



.feature-block-four .inner-box {

	position: relative;

	padding-top: 30px;

	margin-bottom: 15px;

}



.feature-block-four .inner-box h4 {

	font-size: 18px;

	font-weight: 600;

	padding-left: 30px;

	position: relative;

	z-index: 1;

	margin-bottom: 30px;

}



.feature-block-four .inner-box .quote {

	position: absolute;

	top: 30px;

	left: 0px;

	z-index: 2;

}



.feature-block-four .inner-box .count {

	position: absolute;

	top: 0;

	left: 0;

	font-size: 100px;

	font-weight: 600;

	color: #eeeeee;

	line-height: 80px;

}



.feature-block-four .inner-box .text {

	line-height: 26px;

}





/*** 



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

	Client section three

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



***/



.client-section-three {

	position: relative;

}



.client-section-three .row {

	margin: 0 -1px;

}



.client-section-three .client-block {

	padding: 0 1px;

}



.client-section-three .image {

	display: block;

	line-height: 220px;

	margin: 0px 0px 2px;

	text-align: center;

	background: #f7f7f7;

	transition: .5s ease;

}



.client-section-three .image:hover{

	background: #fff;

	border-color: #fff;

	transform: translate(-20px, -20px);

	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);

}



.client-section-three .image a {

	display: inline-block;

	vertical-align: middle;

}



.client-section-three .image img {

	width: auto;

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(100%);

	transition: .5s ease;

}



.client-section-three .image:hover img {

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(0%);

}



/*** 



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

	Client section four

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



***/



.client-section-four {

	position: relative;

	padding: 70px 0;

	background-position: center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

}



.client-section-four:before {

    position: absolute;

    content: '';

    background: #1b1b1b;

    opacity: .80;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.client-section-four .container {

	max-width: 1200px;

	padding: 0;

}



.client-section-four .image {

	display: block;

	line-height: 150px;

	margin: 30px 15px;

	text-align: center;

	border: 1px solid rgba(255, 255, 255, 0.08);

	transition: .5s ease;

}



.client-section-four .image:hover{

	transform: scale(1.15);

}



.client-section-four .image a {

	display: inline-block;

	vertical-align: middle;

}



.client-section-four .image img {

	width: auto;

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(100%);

	transition: .5s ease;

	transform: rotate(-15deg);

}



.client-section-four .image:hover img {

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(0%);

	transform: rotate(0deg);

}



.client-section-four .owl-nav-style-two .owl-nav .owl-next, 

.client-section-four .owl-nav-style-two .owl-nav .owl-prev {

	border: 2px solid #e9e6e6;

}



.client-section-four .owl-nav-style-two .owl-nav .owl-next:hover,

.client-section-four .owl-nav-style-two .owl-nav .owl-prev:hover {

	border-color: #ffcf00;

}



/*** 



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

	Client section five

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



***/



.client-section-five {

	position: relative;

	padding: 70px 0;

}



.client-section-five .container {

	max-width: 1200px;

	padding: 0;

}



.client-section-five .image {

	display: block;

	line-height: 220px;

	margin: 30px 15px;

	text-align: center;

	background: #f7f7f7;

	transition: .5s ease;

}



.client-section-five .image:hover{

	background: #fff;

	border-color: #fff;

	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);

}



.client-section-five .image a {

	display: inline-block;

	vertical-align: middle;

}



.client-section-five .image img {

	width: auto;

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(100%);

	transition: .5s ease;

}



.client-section-five .image:hover img {

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

	  filter: grayscale(0%);

}





/*** 



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

	Skills section

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



***/



.skills-section {

	position: relative;

	padding: 70px 0 188px;

}



.skills-section .image {

	position: relative;

	padding-right: 50px;

	padding-bottom: 50px;

}



.skills-section .image img {

	width: 100%;

}



.skills-section .image .award {

	position: absolute;

	right: 0;

	bottom: 0;

	background: #ffcf00;

	padding: 35px 30px;

	box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.15);

}



.skills-section .image .award .icon {

	color: #fff;

	font-size: 60px;

	margin-bottom: 20px;

	margin-top: 13px;

}



.skills-section .image .award h5 {

	position: relative;

	font-size: 16px;

	font-weight: 600;

	color: #fff;

	padding-left: 40px;

}



.skills-section .image .award h5:before {

    position: absolute;

    content: '';

    background: #fff;

    left: 0;

    top: 12px;

    width: 30px;

    height: 1px;

}



.skills-section .image .award .text {

	color: #fff;

}





.skills-section .progress-levels .progress-box h5 {

    color: #222;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 12px;

}



.skills-section .progress-levels .progress-box .bar {

    background: #e9e6e6;

    height: 1px;

}



.skills-section .progress-levels .progress-box .bar .bar-innner {

    height: 1px;

}



.skills-section .progress-levels .progress-box .bar .bar-fill {

    height: 1px;

    background: #ffcf00;

}



.skills-section .progress-levels .progress-box .percent {

    background: #ffcf00;

    color: #fff;

    font-family: 'Poppins', sans-serif;

    line-height: 24px;

    padding: 0 7px;

    top: -12px;

}



.skills-section .progress-levels .progress-box {

    padding-bottom: 25px;

}







/*** 



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

	faq section

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



***/



.faq-section {

	position: relative;

}



.faq-section .search-form{

	position: relative;

	max-width: 540px;

	margin: 0 auto;

	text-align: center;

}



.faq-section .search-form form {

	position: relative;

}



.faq-section .search-form input {

	position: relative;

	width: 100%;

	height: 55px;

	border: 1px solid #e9e6e6;

	background: #fff;

	box-shadow: 0px 0px 21px 0px rgba(1, 1, 1, 0.04);

	padding: 0 20px;

}



.faq-section .search-form .theme-btn {

	position: absolute;

	right: 30px;

	top: 50%;

	transform: translateY(-50%);

	color: #ffcf00;

	font-size: 20px;

	background: transparent;

}



.faq-section .search-form .text {

	font-weight: 500;

	margin-top: 15px;

	margin-bottom: 50px;

}



.faq-section .search-form .text a {

	color: #ffcf00;

}



/*** 



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

	Gallery section

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



***/



/* Gallery blokc one */



.gallery-block-one{

	position:relative;

	padding: 0 10px;

	margin-bottom: 20px;

}



.gallery-block-one .inner-box{

	position:relative;

	overflow:hidden;

}



.gallery-block-one .image{

	position:relative;

	margin-bottom: 0px;

}



.gallery-block-one .image img{

	position:relative;

	display:block;

	width:100%;

}



.gallery-block-one .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

	color:#ffffff;

	text-align:center;

	-webkit-transition:all 700ms ease;

	-ms-transition:all 700ms ease;

	-o-transition:all 700ms ease;

	transition:all 700ms ease;

}



.gallery-block-one .overlay-box:before{

	position: absolute;

	content: '';

	left: 40px;

	top: 40px;

	right: 40px;

	bottom: 40px;

	display: block;

	opacity: 0;

	visibility: hidden;

	transition: all 900ms ease;

	-moz-transition: all 900ms ease;

	-webkit-transition: all 900ms ease;

	-ms-transition: all 900ms ease;

	-o-transition: all 900ms ease;

	background-color: rgb(81, 220, 60);

	-moz-transform: rotateX(-180deg);

	-webkit-transform: rotateX(-180deg);

	-ms-transform: rotateX(-180deg);

	-o-transform: rotateX(-180deg);

	transform: rotateX(-180deg);

}



.gallery-block-one .inner-box:hover .overlay-box:before{

	-moz-transform: rotateX(0deg);

    -webkit-transform: rotateX(0deg);

    -ms-transform: rotateX(0deg);

    -o-transform: rotateX(0deg);

    transform: rotateX(0deg);

    opacity: 1;

    visibility: visible;

}



.gallery-block-one .inner-box:hover .overlay-box{

	opacity:1;

}



.gallery-block-one .inner-box .overlay-inner{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

	padding:10px 0px;

}



.gallery-block-one .inner-box .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.gallery-block-one .inner-box .overlay-inner .link{

	position:relative;

	font-size:20px;

	color: #51dc3c;

	width:50px;

	height:50px;

	line-height:52px;

	margin:0px 5px;

	display:inline-block;

	background-color:#ffffff;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.gallery-block-one .inner-box .overlay-inner .link .icon{

	position:relative;

}











/*** 

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

   Shop area  style

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

***/

#shop-area {

    padding-top: 60px;

    padding-bottom: 100px;

}

.main-shop-area{

    position: relative;

    display: block;

    background: #ffffff;

}

#shop-area .shop-content {

    position: relative;

    display: block;

}

.showing-result-shorting {

    display: flex;

    justify-content: space-between;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    padding-bottom: 22px;

    border-bottom: 1px solid #f0eef9;

    margin-bottom: 50px;

}

.showing-result-shorting .showing{}

.showing-result-shorting .shorting{ }

.showing-result-shorting .showing p {

    color: #868298;

    font-size: 16px;

    font-weight: 400;

    margin: 0;

}



.single-product-item {

    position: relative;

    display: block;

    border: 1px solid #f0eef9;

    margin-bottom: 40px;

    transition: all 500ms ease;

    padding-bottom: 15px;

    overflow: hidden;

}

.single-product-item:hover{

    box-shadow: 0px 3px 8px #f0f0f0;

} 

.single-product-item .img-holder{

    position: relative;

    display: block;

    overflow: hidden;

    padding: 39px 0;

}

.single-product-item .img-holder::before {

    background: rgba(255, 255, 255, 0);

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    content: "";

    opacity: 0;

    position: absolute;

    z-index: 1;

    transition: all 0.4s ease-in-out 0s;

}

.single-product-item:hover .img-holder::before{

    opacity: 1;

}

.single-product-item .img-holder img{

    transition: all 0.7s ease 0s;

    box-shadow: 0px 9px 7px 0px rgba(0, 0, 0, 0.24);

}

.single-product-item .title-holder {

    position: relative;

    display: block;

    border-top: 1px solid #f0eef9;

    padding-top: 16px;

}

.single-product-item .title-holder .title {

    margin: 0 0 12px;

    display: block;

    border-bottom: 1px solid #f0eef9;

    margin: 0 39px 17px;

    padding-bottom: 14px;

    font-size: 18px;

    font-weight: 600;

}

.single-product-item .title-holder .title a{

    color: #222222;

    transition: all 500ms ease;

}

.single-product-item .title-holder .rate-review-box {

    position: relative;

    display: block;

    overflow: hidden;

    padding: 0 39px;

}

.single-product-item .title-holder .rate-box{

    position: relative;

    display: block;

}

.single-product-item .title-holder .rate-box p{

    color: #ffcf00;

    font-weight: 500;

    line-height: 20px;

    margin: 0;

    font-size: 18px;

}

.single-product-item .title-holder .rate-box p del{

    color: #bfbccb;    

}

.single-product-item .title-holder .review-box{

    position: relative;

    display: block;

}

.single-product-item .title-holder .review-box ul{

    line-height: 20px;

}

.review-box ul li {

    display: inline-block;

    float: left;

    margin-right: 2px;

    font-size: 14px;

}

.single-product-item .title-holder .review-box ul li i{

    color: #8a91a4;

}



.single-product-item .overlay-content {

	position: absolute;

	left: 0;

	bottom: -15%;

	width: 100%;

	background: #fff;

	opacity: 0;

	transition: .5s ease;

}



.single-product-item:hover .overlay-content {

	bottom: 0%;

	opacity: 1;

}



.single-product-item .overlay-content .link-btn {

	margin: 15px 0 40px;

}



.single-product-item .overlay-content .theme-btn {

    padding: 8.5px 24px;

    margin: 0 1px;

}



.shop-sidebar-wrapper {

    position: relative;

    display: block;

    border: 1px solid #f0eef9;

    border-bottom: none;

    padding-top: 39px;

}

.shop-sidebar-wrapper .single-sidebar-box {

    position: relative;

    display: block;

    border-bottom: 1px solid #f0eef9;

    padding: 0 49px;

    box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.07);

    background-color: white;

}

.single-sidebar-box.pdbtm{

    padding-bottom: 32px;

}

.shop-sidebar-wrapper .search-form {

    position: relative;

    display: block;

    max-width: 270px;

    width: 100%;

    margin-bottom: 39px;

}

.shop-sidebar-wrapper .search-form input[type="text"] {

    position: relative;

    display: block;

    background: #fff;

    border: 1px solid #f0eef9;

    color: #868298;

    font-size: 16px;

    font-weight: 400;

    height: 50px;

    max-width: 270px;

    width: 100%;

    padding-left: 20px;

    padding-right: 70px;

    border-radius: 0px;

    transition: all 500ms ease 0s;

}

.shop-sidebar-wrapper .search-form button {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0px;

    display: block;

    background: #ffffff;

    color: #7c7b7b;

    font-size: 14px;

    height: 50px;

    width: 60px;

    border: 1px solid #f0eef9;

    border-left: none;

    line-height: 48px;

    text-align: center;

    border-radius: 0px;

    transition: all 500ms ease 0s;

    margin: 0;

}

.shop-sidebar-wrapper .search-form button i {

    font-size: 14px

}

.shop-sidebar-wrapper .search-form input[type="text"]:focus {

    border: 1px solid #ffcf00;

    background: #fff;

    color: #000000;

}

.shop-sidebar-wrapper .search-form input[type="text"]:focus + button, 

.shop-sidebar-wrapper .search-form button:hover {

    background: #ffcf00;

    border-color: #ffcf00;

    color: #fff;

}





.shop-sidebar-title {

    position: relative;

    display: block;

    padding-top: 36px;

}

.shop-sidebar-title h3{

    display: block;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 600;

}

.single-sidebar-box .categories {

    position: relative;

    display: block;

    padding: 9px 0 7px;

}

.single-sidebar-box .categories li {

    position: relative;

    display: block;

    padding-left: 20px;

    line-height: 44px;

    border-bottom: 1px solid #f0eef9;

    transition: all 500ms ease;

}

.single-sidebar-box .categories li:last-child{

    border-bottom: none;

}

.single-sidebar-box .categories li:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 7px;

    height: 7px;

    background: #bfbccb;

    border-radius: 50%;

    content: "";

    margin: 18px 0;

    transition: all 500ms ease;

    transition-delay: .3s;

    transform: perspective(0px) translateX(0px) rotate(0deg);

}

.single-sidebar-box .categories li:hover:before{

    background: #ffcf00;

    transform: perspective(0px) translateX(10px) rotate(0deg);    

}

.single-sidebar-box .categories li a {

    position: relative;

    display: block;

    color: #868298;

    font-size: 16px;

    font-weight: 400;

    font-family: 'Poppins', sans-serif;

    transition: all 500ms ease;

    transition-delay: .2s;

    transform: perspective(0px) translateX(0px) rotate(0deg);

}

.single-sidebar-box .categories li:hover a{

    color: #ffcf00;

    transform: perspective(0px) translateX(10px) rotate(0deg);

}

.categories-view-all-button{

    position: relative;

    display: block;

}

.categories-view-all-button a{

    color: #ffcf00;

    font-size: 18px;

    font-weight: 400;

    text-transform: capitalize;

}

.categories-view-all-button a span:before{

    position: relative;

    top: -1px;

    font-size: 14px;

    line-height: 14px;

    font-weight: 300;

    display: inline-block;

    padding-right: 6px;

}



.shop-sidebar-wrapper .price-ranger {

    margin-top: 28px;

    margin-bottom: 40px;

}

.shop-sidebar-wrapper .price-ranger .ui-widget-content {

    background: #f0eef9;

    border: none;

    height: 2px;

}

.shop-sidebar-wrapper .price-ranger .ui-slider-handle {

    background: #ffcf00 none repeat scroll 0 0;

    border: 2px solid #ffcf00;

    border-radius: 50%;

    height: 10px;

    margin-left: -4px;

    outline: medium none;

    width: 10px !important;

    cursor: pointer;

}

.shop-sidebar-wrapper .price-ranger .ui-slider-horizontal .ui-slider-handle {

    top: -4px;

}

.shop-sidebar-wrapper .price-ranger .ui-slider .ui-slider-range {

    background: #bfbccb;

}

.shop-sidebar-wrapper .price-ranger #slider-range {

    margin-left: 4px;

    margin-right: 6px;

    margin-top: 0;

}

.shop-sidebar-wrapper .price-ranger .ranger-min-max-block {

    margin-bottom: 0px;

    margin-top: 25px;

}

.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input {

    display: inline-block;

}

.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="submit"] {

    float: left;

    margin-right: 35px;

    padding: 11px 0 11px;

    text-align: center;

    width: 90px;

    border: none;

    color: #ffffff;

    cursor: pointer;

    margin-top: 0;

    border-radius: 0;

}

.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="submit"]:hover{}

.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type="text"] {

    border: medium none;

    color: #868298;

    font-size: 18px;

    font-weight: 400;

    outline: medium none;

    text-align: right;

    width: 40px;

    line-height: 20px;

}

.shop-sidebar-wrapper .price-ranger .ranger-min-max-block input[type='text'].max {}

.shop-sidebar-wrapper .price-ranger .ranger-min-max-block span {

    color: #868298;

    font-weight: 400;

    font-size: 18px;

    line-height: 40px;

}







/*** 

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

   Single Shop Area style

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

***/

#shop-area.single-shop-area{

    padding-top: 100px;

    padding-bottom: 60px;

}

.single-product-carousel {

    margin-right: 35px;

}

.single-product-carousel .carousel-outer{

    position: relative;

}

.single-product-carousel .carousel-outer .thumbs-outer {

    position: relative;

    overflow: hidden;

    max-width: 535px;

    width: 100%;

    margin-top: 30px;

}

.single-product-carousel .thumbs-carousel {

    position: relative;

    max-width: 110px;

}

.single-product-carousel .thumbs-carousel .owl-stage-outer{

    overflow: visible;

}

.single-product-carousel .thumbs-carousel .owl-item.active{

    position: relative;

}

.single-product-carousel .thumbs-carousel li{

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 10px;

    border: 1px solid #f0eef9;

    cursor: pointer;

}

.single-product-carousel .thumbs-carousel li .thumb-image{

    display: block;

}

.single-product-carousel .thumbs-carousel .owl-item.active li{

    border-color: #ffcf00;

}





.single-product-carousel .carousel-outer .content-carousel{

    max-width: 535px;

    width: 100%;

    border: 1px solid #f0eef9;   

}

.single-product-carousel .carousel-outer .content-carousel .owl-item.active .content-inner{

    position: relative;

}



.single-shop-content .img-holder {

	position: relative;

	text-align: center;

	padding: 87px 0;

	border: 1px solid #f2ebe8;

	margin-bottom: 30px;

}



.single-shop-content .content-box {

    position: relative;

    display: block;

}

.single-shop-content .content-box span.price {

    color: #ffcf00;

    font-size: 24px;

    font-weight: 500;

}

.single-shop-content .content-box h3 {

    color: #222222;

    font-size: 30px;

    font-weight: 600;

    margin: 0px 0 5px;

    text-transform: capitalize;

}

.single-shop-content .content-box .review-box {

    margin: 0;

    overflow: hidden;

}

.single-shop-content .content-box .review-box ul {}

.single-shop-content .content-box .review-box ul li {}

.single-shop-content .content-box .review-box ul li i {

    color: #8a91a4;

    font-size: 18px;

}

.single-shop-content .content-box .text {

    overflow: hidden;

    padding: 23px 0 0;

}

.single-shop-content .content-box .location-box {

    margin: 0 0 24px;

}

.single-shop-content .content-box .location-box p {

    color: #222222;

    font-size: 16px;

    margin: 0 0 12px;

}

.single-shop-content .content-box .location-box form{

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 0;

}

.single-shop-content .content-box .location-box form input {

    position: relative;

    display: inline-block;

    float: left;

    border: 1px solid #f0eef9;

    height: 50px;

    padding-left: 10px;

    padding-right: 10px;

    width: 180px;

    transition: all 500ms ease;

    margin: 0;

}

.single-shop-content .content-box .location-box form input:focus{

    border-color: #202020;

}

.single-shop-content .content-box .location-box form button {

    position: relative;

    display: inline-block;

    float: left;

    background: #f8f7ff;

    border: none;

    color: #222222;

    font-size: 18px;

    font-weight: 400;

    line-height: 50px;

    cursor: pointer;

    height: 50px;

    width: 100px;

    margin: 0;

    padding: 0;

    text-align: center;

    text-transform: capitalize;

    transition: all 500ms ease 0s;

}

.single-shop-content .content-box .location-box form button:hover{

    background: #202020;

    color: #fff;

}

.single-shop-content .content-box .location-box span {

    color: #ffcf00;

    font-size: 18px;

}

.single-shop-content .content-box .addto-cart-box {}

.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {

    float: left;

    width: 46px;

}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn {

    display: block;

    float: none;

    margin-left: 0px;

    position: relative;

    width: 100%;

    background: #f0eef9;

    border: 1px solid #f0eef9;

    color: #848484;

    padding: 12px 11px;

    cursor: pointer;

}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0

}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    border-radius: 0;

    margin-top: -2px;

}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {

    content: "\f0d8";

    font-family: FontAwesome;

    color: #848484;

    font-size: 14px;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    padding: 5px 5px 5px;

}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {

    content: "\f0d7";

    font-family: FontAwesome;

    color: #848484;

    font-size: 14px;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    padding: 2px 5px 8px;

}

.single-shop-content .content-box .addto-cart-box button.addtocart {

    height: 50px;

    width: 170px;

    margin-left: 43px;

    color: #fff;

    cursor: pointer;

    border-radius: 0;

    background: #ffcf00;

    line-height: 50px;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

}

.single-shop-content .content-box .addto-cart-box button.addtocart:hover{}



.share-products {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 30px;

}

.share-products h5{

    position: relative;

    display: inline-block;

    float: left;

    font-size: 16px;

    font-weight: 500;

    line-height: 40px;

    vertical-align: middle;

    top: 2px;

}

.share-products .sociallinks-style-two {

    position: relative;

    display: inline-block;

    float: left;

    margin-left: 20px;

    vertical-align: middle;

}

.share-products .sociallinks-style-two li {

	display: inline-block;

	font-size: 40px;

	margin-right: 10px;

}

.share-products .sociallinks-style-two li a i.fb{

    color: #3b5998;

}

.share-products .sociallinks-style-two li a i.tw{

    color: #55acee;

}

.share-products .sociallinks-style-two li a i.pin{

    color: #cb2027;

}

.share-products .sociallinks-style-two li a i.lin{

    color: #007ab9;

}







.product-tab-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 60px;

}

.product-tab-box .tab-btns {

    position: relative;

    display: block;

    text-align: center;

    border-bottom: 1px solid #f0eef9;

    margin-bottom: 45px;

    z-index: 1;

}

.product-tab-box .tab-btns .tab-btn {

    display: inline-block;

    float: none;

    text-align: center;

    margin: 0 2px;

}

.product-tab-box .tab-btns .tab-btn span {

    position: relative;

    display: block;

    background: transparent;

    border-radius: 0;

    cursor: pointer;

    margin: 0;

    padding: 15px 20px 13px;

    color: #222222;

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    transition: all 500ms ease;

    font-family: 'Poppins', sans-serif;

}

.product-tab-box .tab-btns .tab-btn.active-btn span, 

.product-tab-box .tab-btns .tab-btn:hover span{

    color: #ffcf00;

}

.product-tab-box .tab-btns .tab-btn span:before{

    position: absolute;

    left: 0;

    bottom: -1px;

    right: 0;

    height: 1px;

    background: #ffcf00;

    content: "";

    opacity: 0;

    transition: all 500ms ease;

    transition-delay: .3s;

}

.product-tab-box .tab-btns .tab-btn.active-btn span:before,

.product-tab-box .tab-btns .tab-btn:hover span:before{

    opacity: 1;

}





.product-tab-box .tabs-content {

    position: relative;

    display: block;

    padding: 0;

}

.product-tab-box .tabs-content .tab{

    position: relative;

    padding: 0px;

    display: none;

}

.product-tab-box .tabs-content .tab.active-tab{

    display: block; 

}



.review-box-holder {

    position: relative;

    display: block;

}

.review-box-holder .single-review-box {

    position: relative;

    display: block;

    padding-left: 65px;

    margin-bottom: 40px;

    border-bottom: 1px solid #f0eef9;

    padding-bottom: 32px;

}

.review-box-holder .single-review-box .icon-holder {

    left: 0;

    position: absolute;

    top: 0;

}

.review-box-holder .single-review-box .icon-holder span:before{

    color: #bcb4af;

    font-size: 65px;

    line-height: 65px;

}



.review-box-holder .single-review-box .text-holder {

    position: relative;

    display: block;

    padding-left: 30px;

    padding-right: 40px;

}

.review-box-holder .single-review-box .text-holder .top {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0 0 23px;

}



.review-box-holder .single-review-box .text-holder .top .name h3 {

    margin: 0 0 7px;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 600;

}

.review-box-holder .single-review-box .text-holder .top .name h3 span{

    color: #ffcf00;

    font-size: 18px;

    font-weight: 400;

}

.review-box-holder .single-review-box .text-holder .top .review-box ul {

    position: relative;

    display: block;

    overflow: hidden;

}

.review-box-holder .single-review-box .text-holder .top .review-box ul li {

    display: inline-block;

    margin-right: 3px;

}

.review-box-holder .single-review-box .text-holder .top .review-box ul li:last-child{

    margin-right: 0;

}

.review-box-holder .single-review-box .text-holder .top .review-box ul li i {

    color: #8a91a4;

    font-size: 14px;

}

.review-box-holder .single-review-box .text-holder .text p {

    margin: 0;

    line-height: 26px;

}







.product-tab-box .review-form {

    padding-top: 6px;

}

.product-tab-box .review-form .title {

    padding-bottom: 26px;

}

.product-tab-box .review-form .title h3 {

    color: #222222;

    font-size: 24px;

    font-weight: 700;

    margin: 0 0 9px;

    text-transform: capitalize;

}

.product-tab-box .review-form .title span{}

.product-tab-box .review-form .add-rating-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 20px;

}

.product-tab-box .review-form .add-rating-box .add-rating-title{

    position: relative;

    display: inline-block;

    float: left;    

}

.product-tab-box .review-form .add-rating-box .add-rating-title h4 {

    color: #868298;

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    margin: 0;

    text-transform: capitalize;

}

.product-tab-box .review-form .add-rating-box .review-box{

    position: relative;

    display: inline-block;

    float: left; 

    padding-left: 20px;

}

.product-tab-box .review-form .add-rating-box .review-box ul li {

    position: relative;

    display: inline-block;

    float: left;

    line-height: 18px;

    margin-right: 3px;

}

.product-tab-box .review-form .add-rating-box .review-box ul li:last-child{

    margin-right: 0px;

}

.product-tab-box .review-form .add-rating-box .review-box ul li i {

    color: #8a91a4;

    font-size: 16px;

    line-height: 20px;

    opacity: 1;

    transition: all 500ms ease 0s;

}



.product-tab-box .review-form form .field-label p {

    color: #868298;

    font-size: 16px;

    font-weight: 400;

    margin: 0 0 4px;

}

.product-tab-box .review-form form .field-label p span{

    color: #ffcf00;

}

.product-tab-box .review-form form input[type="text"], 

.product-tab-box .review-form form input[type="email"], 

.product-tab-box .review-form form textarea {

    background: #ffffff;

    height: 60px;

    width: 100%;

    border: 1px solid #f0eef9;

    color: #252525;

    font-size: 16px;

    padding: 0 15px;

    margin-bottom: 27px;

    border-radius: 5px;

    transition: all 500ms ease;

}

.product-tab-box .review-form form textarea {

    height: 170px;

    padding: 10px 15px;

    margin-bottom: 35px;

    float: left;

    width: 100%;

}

.product-tab-box .review-form form button {

    padding: 15px 30px 16px;

}

.product-tab-box .review-form form input[type="text"]:focus{

    border-color: #ffcf00;

}

.product-tab-box .review-form form input[type="email"]:focus{

    border-color: #ffcf00;

}

.product-tab-box .review-form form textarea:focus{

    border-color: #ffcf00;  

}



.product-tab-box .review-form .add-rating-box ul li:hover a i{

    opacity: 1;

    color: #fec144;

}





.related-product {

  padding-top: 76px;

}

.related-product .title {

    padding-bottom: 35px;

}

.related-product .title h3 {

    color: #222222;

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

}

.related-product .single-product-item {}







/*** 

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

   Cart area  style

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

***/

.cart-area {

    padding-bottom: 100px;

    padding-top: 100px;

}

.cart-area .table-outer {

    overflow-x: auto;

    position: relative;

    width: 100%;

}

.cart-area .cart-table {

    min-width: 1024px;

    width: 100%;

}

.cart-area .cart-table .cart-header {

    position: relative;

    background: #f7f7f7;

    color: #222;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    width: 100%;

    font-family: 'Poppins', sans-serif;

}

.cart-area .cart-table thead tr th {

    font-weight: 600;

    line-height: 24px;

    min-width: 110px;

    padding: 20px 25px;

}

.cart-area .cart-table thead tr th.prod-column {

    padding-left: 30px;

    text-align: left;

}

.cart-area .cart-table thead tr th.availability {

    padding: 0 40px

}

.cart-area .cart-table tbody tr {

    border-bottom: 1px solid #e9e6e6;

}

.cart-area .cart-table tbody tr td {

    color: #222222;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    min-width: 100px;

    padding: 27.5px 25px;

    font-family: 'Poppins', sans-serif;

}

.cart-area .cart-table tbody tr .prod-column .column-box {

    min-height: 70px;

    position: relative;

}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {

    border: 1px solid #f0eef9;

    padding: 13px;

}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a {

    display: block;

    border-radius: 5px;

}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {

    display: block;

    max-width: 100%;

    box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.24);

}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 

.cart-area .cart-table tbody tr .prod-column .column-box .title{

    display: table-cell;

    vertical-align: middle;

}

.cart-area .cart-table tbody tr .prod-column .column-box .title{

    padding-left: 20px;

}

.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {

    color: #222222;

    font-size: 18px;

    font-weight: 600;

    line-height: 20px;

    text-transform: capitalize;

}



.cart-area .cart-table tbody tr .qty {

    padding-right: 25px;

    width: 120px;

}

.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {

    float: left;

    width: 46px;

}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {

    display: block;

    float: none;

    margin-left: 0px;

    position: relative;

    width: 100%;

    background: #efefef;

    border: 1px solid #efefef;

    color: #848484;

    padding: 12px 11px;

    cursor: pointer;

}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0

}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    border-radius: 0;

    margin-top: -2px;

}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {

    content: "\f0d8";

    font-family: FontAwesome;

    color: #848484;

    font-size: 14px;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    padding: 5px 5px 5px;

}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {

    content: "\f0d7";

    font-family: FontAwesome;

    color: #848484;

    font-size: 14px;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    padding: 2px 5px 8px;

}



.cart-area .cart-table tbody tr td.unit-price {

    padding-left: 40px;

    padding-right: 20px;

}

.cart-area .cart-table tbody .available-info {

    position: relative;

    color: #868298;

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    padding-left: 50px;

}

.cart-area .cart-table tbody .available-info .icon {

    position: absolute;

    top: 0px;

    left: 0;

    width: 40px;

    height: 40px;

    background: #ffcf00;

    border-radius: 50%;

    color: #ffffff;

    font-size: 18px;

    line-height: 40px;

    text-align: center;

}

.cart-area .cart-table tbody tr td.price {

    color: #868298;

    font-size: 18px;

    font-weight: 400;

}

.cart-area .cart-table tbody tr .sub-total {

    color: #ffcf00;

    font-size: 18px;

    font-weight: 400;

}

.cart-area .cart-table tbody tr td .remove{

	font-size: 30px;

	transition: .5s ease;

	color: #222;

}

.cart-area .cart-table tbody tr td .remove:hover {

	color: #ffcf00;

}

.cart-area .cart-table tbody tr td .remove span {

	cursor: pointer;

}

.cart-area .cart-table tbody tr td .remove .checkbox label {

    color: #848484;

    font-size: 18px;

    font-weight: 400;

}

.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {

    display: inline-block;

    position: relative;

    top: 1px;

}



.cart-middle {

    padding-top: 30px

}

.cart-middle .apply-coupon {

    padding-left: 257px;

    position: relative;

}

.cart-middle .apply-coupon input[type="text"] {

    position: absolute;

    top: 0;

    left: 0;

    width: 250px;

    height: 55px;

    border: 1px solid #e9e6e6;

    color: #9e9e9e;

    font-size: 16px;

    font-weight: 400;

    padding: 0 15px;

    text-transform: capitalize;

    transition: all 500ms ease 0s;

}

.cart-middle .apply-coupon input[type="text"]:focus {

    border: 1px solid #ffcf00

}

.cart-middle .apply-coupon .apply-coupon-button button {

    padding: 11.5px 30px;

    cursor: pointer;

    background: #f7f7f7;

    color: #222222;

    transition: .5s ease;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

    transition: .5s ease;

}

.cart-middle .apply-coupon .apply-coupon-button button:hover{

    background-color: #ffcf00;

    color: #fff;

}

.cart-middle .update-cart button {

    color: #ffffff;

    background: #ffcf00;

    padding: 11px 30px;

    cursor: pointer;

    text-align: right;

    float: right;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

    transition: .5s ease;

}

.cart-middle .update-cart button:hover{

    background: #222;

    color: #fff;

} 



.cart-bottom {

    overflow: hidden;

    padding-top: 70px;

}

.shop-title-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: -6px;

    padding-bottom: 23px;

}

.shop-title-box h3{

    color: #222222;

    font-size: 24px;

    line-height: 30px;

    text-transform: capitalize;

    font-weight: 700;

}

.cart-bottom .calculate-shipping {}

.cart-bottom .calculate-shipping .ui-state-default .ui-icon {

    background: none

}

.cart-bottom .calculate-shipping .ui-state-default {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #e9e6e6;

    border-radius: 0;

    color: #848484;

    font-size: 14px;

    font-weight: normal;

    height: 45px;

    margin-bottom: 17px;

    outline: medium none;

    width: 100%;

}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {

    margin-top: 0;

    position: absolute;

    right: 0;

    top: 0;

}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {

    border-left: 2px solid #f0eef9;

    display: block;

    float: right;

    height: 41px;

    position: relative;

    text-indent: 0;

    top: 0;

    width: 43px;

}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {

    color: #9b9b9b;

    content: "\f107";

    font-family: FontAwesome;

    font-size: 20px;

    overflow: visible;

    position: absolute;

    right: 14px;

    top: 6px;

}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {

    display: block;

    line-height: 18px;

    overflow: hidden;

    padding: 12px 17px;

    text-align: left;

}

.cart-bottom .calculate-shipping input[type="text"] {

    border: 1px solid #e9e6e6;

    color: #848484;

    display: block;

    font-size: 14px;

    height: 45px;

    padding: 0 18px;

    width: 100%;

    margin-bottom: 30px;

    transition: all 500ms ease;

}

.cart-bottom .calculate-shipping input[type="text"]:focus {

    border: 2px solid #1d1d1d;

}

.cart-bottom .calculate-shipping button {

    background: #f7f7f7;

    color: #222222;

    padding: 11.5px 30px;

    cursor: pointer;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

    transition: .5s ease;

    margin-bottom: 30px;

}

.cart-bottom .calculate-shipping button:hover{

    background-color: #ffcf00;

    color: #fff;

}

.cart-bottom button.checkout-btn{

    margin-top: 30px;

    color: #222;

    background: #f7f7f7;

    padding: 11.5px 30px;

    cursor: pointer;

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    font-weight: 600;

    transition: .5s ease;

}

.cart-bottom button.checkout-btn:hover {

	background: #ffcf00;

	color: #fff;

}







/*** 

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

    Checkout Area style

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

***/

.checkout-area {

    position: relative;

    display: block;

    padding-top: 100px;

}

.checkout-area .exisitng-customer {

    position: relative;

    display: block;

    background: #f8f7ff;

    padding: 20px 28px 21px;

    margin-bottom: 20px;

    border-radius: 5px;

}

.checkout-area .exisitng-customer:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 2px;

    height: 100%;

    background: #ffcf00;

    content: "";

}

.checkout-area .exisitng-customer h5{

    color: #222222;

    font-size: 16px;

    font-weight: 500;

}

.checkout-area .exisitng-customer h5 a{

    color: #ffcf00;

    font-weight: 400;

    display: inline-block;

    padding-left: 15px;

}



.checkout-area .coupon {

    position: relative;

    display: block;

    background: #f8f7ff;

    padding: 20px 28px 21px;

    margin-bottom: 60px;

    border-radius: 5px;

}

.checkout-area .coupon:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 2px;

    height: 100%;

    background: #ffcf00;

    content: "";  

}

.checkout-area .coupon h5 {

    color: #222222;

    font-size: 16px;

    font-weight: 500;

}

.checkout-area .coupon h5 a {

    color: #ffcf00;

    font-weight: 400;

    display: inline-block;

    padding-left: 15px;  

}

.checkout-area .form form .field-label {

    color: #7e8597;

    font-size: 16px;

    font-weight: 500;

    margin: 0 0 3px;

    text-transform: capitalize;

}

.checkout-area .form form .field-input input[type="text"] {

    border: 1px solid #f0eef9;

    color: #848484;

    display: block;

    font-size: 16px;

    height: 48px;

    margin-bottom: 25px;

    padding: 0 15px;

    width: 100%;

    border-radius: 0;

    transition: all 500ms ease;

}

.checkout-area .form form .field-input input[type="text"]:focus{

    border: 1px solid #ffcf00;

}

.checkout-area .create-acc .checkbox {

    margin: 7px 0 0;

}

.checkout-area .create-acc .checkbox label {

    color: #ffcf00;

    font-weight: 400;

    font-size: 16px;

    cursor: pointer;

}





.checkout-area .create-acc .checkbox input {

    position: relative;

    top: 1px;

}

.checkout-area .shipping-info input[type="checkbox"] {

    cursor: pointer;

    display: inline-block;

    margin: 0 0 0 20px;

    position: relative;

    top: 0px;

    vertical-align: middle;

}

.checkout-area .form form .field-input textarea {

    border: 1px solid #f0eef9;

    color: #848484;

    display: block;

    font-size: 16px;

    height: 121px;

    margin-bottom: 28px;

    padding: 10px 15px;

    width: 100%;

    border-radius: 0;

    transition: all 500ms ease;

}

.checkout-area .form form .field-input textarea:focus{

    border-color: #ffcf00;

}





.checkout-area .bottom {

    position: relative;

    display: block;

    background: #f8f7ff;

    padding-top: 100px;

    padding-bottom: 100px;

    margin-top: 85px;

}

.checkout-area .table {

    overflow-x: auto;

    position: relative;

    width: 100%;

    margin-bottom: 0;

}

.checkout-area .table .cart-table {

    min-width: auto;

    width: 100%;

}

.checkout-area .table .cart-table .cart-header {

    position: relative;

    background: #ffcf00;

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    width: 100%;

    font-family: 'Poppins', sans-serif;

}

.checkout-area .table .cart-table thead tr th {

    font-weight: 600;

    line-height: 24px;

    min-width: 110px;

    padding: 19px 30px 17px;

    border-top: none;

    border-bottom: none;

}

.checkout-area .table .cart-table thead tr th.product-column {

    padding-left: 30px;

    text-align: left;

}

.checkout-area .table .cart-table tbody tr {

    border-bottom: 1px solid #e8e6f4;

}

.checkout-area .table .cart-table tbody tr td {

    vertical-align: middle

}

.checkout-area .table .cart-table tbody tr td {

    min-width: 110px;

    padding: 25px 25px;

    border-top: none;

}



.checkout-area .table .cart-table tbody tr .product-column .column-box {

    min-height: 70px;

}

.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {

    padding: 13px;

    border: 1px solid #ddd;

}

.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb a {

    display: block;

    border: 1px solid #f0eef9;

}

.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {

    display: block;

    max-width: 100%;

    box-shadow: 0px 7px 12px #00000047;

}

.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 

.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{

    display: table-cell;

    vertical-align: middle;

}

.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{

    padding-left: 20px;

}

.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {

    color: #222222;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

}



.checkout-area .table .cart-table tbody tr .qty {

    padding-right: 30px;

    width: 130px;

}

.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {

    float: left;

    width: 46px;

}

.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {

    display: block;

    float: none;

    margin-left: 0px;

    position: relative;

    width: 100%;

    background: #ffffff;

    border: 1px solid #e8e6f4;

    color: #848484;

    padding: 12px 11px;

    cursor: pointer;

}

.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0

}

.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    border-radius: 0;

    margin-top: -2px;

}

.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {

    content: "\f0d8";

    font-family: FontAwesome;

    color: #848484;

    font-size: 14px;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    padding: 5px 5px 5px;

}

.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {

    content: "\f0d7";

    font-family: FontAwesome;

    color: #848484;

    font-size: 14px;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    padding: 2px 5px 8px;

}

.checkout-area .table .cart-table tbody tr td.price {

    color: #ffcf00;

    font-size: 18px;

    font-weight: 400;

}





.cart-total-table {

    border: 1px solid #e8e6f4

}

.cart-total-table li {

    border-bottom: 1px solid #e8e6f4

}

.cart-total-table li:last-child {

    border-bottom: none

}

.cart-total-table li span.col.col-title {

    position: relative;

    display: block;

    float: left;

    border-right: 1px solid #e8e6f4;

    color: #222222;

    font-size: 16px;

    font-weight: 600;

    line-height: 28px;

    padding: 10px 18px;

    width: 50%;

    font-family: 'Poppins', sans-serif;

}

.cart-total-table li span.col {

    position: relative;

    display: block;

    float: left;

    color: #868298;

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

    padding: 10px 18px;

    width: 50%;

}





.cart-total .payment-options {

    position: relative;

    display: block;

    overflow: hidden;

    background: #f8f7ff;

    margin-top: 30px;

    border: 1px solid #e8e6f4;

    padding: 23px 20px 35px;

}

.cart-total .payment-options .option-block {

    margin-bottom: 14px

}

.cart-total .payment-options .option-block .checkbox {

    margin: 0 0 5px;

}

.cart-total .payment-options .option-block .checkbox label {

    display: block;

    font-weight: 500;

    min-height: 20px;

    padding-left: 0px;

    margin: 0;

}

.cart-total .payment-options .option-block .checkbox label input {

    position: relative;

    top: 1px;

}

.cart-total .payment-options .option-block .checkbox label span {

    color: #222222;

    font-size: 16px;

    font-weight: 500;

    padding-left: 10px;

    font-family: 'Poppins', sans-serif;

}

.cart-total .payment-options .option-block .checkbox label span b {

    color: #222222;

    display: inline-block;

    font-size: 15px;

    font-weight: 400;

    padding-left: 25px;

    text-decoration: underline;

}

.cart-total .payment-options .option-block .text{

    padding-left: 30px;

}

.cart-total .payment-options .option-block .text p {

    margin: 0;

    line-height: 28px;

}

.placeorder-button button {

    padding: 11.5px 35px;

    margin-top: 20px;

    cursor: pointer;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

    background: #ffcf00;

    color: #fff;

    transition: .5s ease;

}

.placeorder-button button:hover{background: #222;}







/*** 

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

    Login Register Area style

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

***/

.login-register-area {

    position: relative;

    display: block;

    padding-top: 100px;

    padding-bottom: 88px;

}

.login-register-area .form form {

    width: 100%;

}

.login-register-area .form .input-field {

    position: relative;

}

.login-register-area .form .input-field input[type="text"] {

    position: relative;

    display: block;

    width: 100%;

    height: 50px;

    border: 1px solid #f0eef9;

    color: #868298;

    font-size: 16px;

    margin-bottom: 30px;

    padding-left: 15px;

    padding-right: 50px;

    transition: all 700ms ease 0s;

}

.login-register-area .form .input-field .icon-holder {

    position: absolute;

    right: 20px;

    top: 12px;

}

.login-register-area .form .input-field .icon-holder i {

    color: #999999;

    font-size: 14px;

    /* font-weight: 400; */

}

.login-register-area .form button {

    margin-top: 10px;

    padding: 11.5px 25px;

    cursor: pointer;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    font-family: 'Poppins', sans-serif;

    background: #ffcf00;

}

.login-register-area .form button:hover{ }





.login-register-area .form .remember-text {

    margin-top: 19px;

}

.login-register-area .form .remember-text .checkbox label {

    color: #848484;

    font-size: 16px;

    font-weight: 400;

    margin: 0;

    cursor: pointer;

}

.login-register-area .form .remember-text .checkbox input {

    position: relative;

    top: 1px;

}

.login-register-area .form .remember-text .checkbox span {

    color: #222222;

    font-size: 16px;

    font-weight: 400;

}



.login-register-area .form .social-icon {

    float: right;

    margin-right: -8px;

    margin-top: 15px;

    position: relative;

}

.login-register-area .form .social-icon .login-with {

    display: inline-block;

    left: -110px;

    position: absolute;

    top: 8px;

}

.login-register-area .form .social-icon li {

    display: inline-block;

    margin: 0 8px;

}

.login-register-area .form .social-icon li a i {

    background: #47588f none repeat scroll 0 0;

    border-radius: 50%;

    color: #fff;

    display: block;

    font-size: 14px;

    font-weight: 100;

    height: 40px;

    line-height: 24px;

    padding: 8px 0;

    text-align: center;

    transition: all 700ms ease 0s;

    width: 40px;

}

.login-register-area .form .social-icon li a i.twitter {

    background: #33ccfe none repeat scroll 0 0;

}

.login-register-area .form .social-icon li a i.gplus {

    background: #dd4b39 none repeat scroll 0 0;

}

.login-register-area .form a.forgot-password {

    color: #f3441e;

    float: right;

    font-weight: 500;

    margin: 20px 0 0;

}

.login-register-area .form .right {

    display: block;

    overflow: hidden;

    margin-left: -20px;

}

.login-register-area .form .right h6 {

    float: left;

    color: #868298;

    font-size: 14px;

    font-weight: 400;

    margin-top: 28px;

}

.login-register-area .form .right h6 span{

    color: #ffcf00;

}

.login-register-area .form .input-field input[type="text"]:focus{

    border: 1px solid #1d1d1d;    

}

.login-register-area .form .social-icon li a:hover i{

    background: #18387b;   

}

.login-register-area .form .social-icon li a:hover i.twitter{

    background: #12addf;    

}

.login-register-area .form .social-icon li a:hover i.gplus{

    background: #c62d1a;

}





.bootstrap-select.btn-group .dropdown-menu li {}

.bootstrap-select.btn-group .dropdown-menu li a {

    padding: 8px 10px !important;

}



.default-form .bootstrap-select {

    border: 1px solid #2f2f2f;

    background: #252525;

    color: #ababab;

    padding: 5px 0;

    font-size: 16px;

}

.bootstrap-select>.dropdown-toggle:focus,

.bootstrap-select>.dropdown-toggle:hover {

    color: #ababab;

    background: #444;

}







/*** 

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

    Cart Area style

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

***/

.cart-area .cart-table tbody tr .qty .form-control {

    background-color: #f7f7f7;

    background-image: none;

    border: 1px solid #f7f7f7;

    border-radius: 0 !important;

    box-shadow: none;

    color: #222222;

    display: block;

    font-size: 18px;

    font-weight: 400;

    height: 50px;

    padding: 6px 0;

    text-align: center;

    font-family: 'Titillium Web', sans-serif;

}

.cart-bottom .calculate-shipping .ui-state-default {

    width: 100% !important;

}



/*** 

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

    Single shop Area style

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

***/

.single-shop-content .content-box .addto-cart-box .form-control {

    background-color: #fff;

    background-image: none;

    border: 1px solid #f0eef9;

    border-radius: 0 !important;

    box-shadow: none;

    color: #222222;

    display: block;

    font-size: 18px;

    font-weight: 500;

    height: 50px;

    padding: 6px 0 8px;

    text-align: center;

    font-family: 'Poppins', sans-serif;

}





/*** 

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

    Shop area style

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

***/



#shop-area .showing-result-shorting .ui-selectmenu-button:focus{

    outline: none;

}

#shop-area .showing-result-shorting .ui-selectmenu-button span.ui-selectmenu-text {

    display: block;

    line-height: 18px;

    overflow: hidden;

    text-align: left;

    padding: 10px 15px 10px;

    transition: all 500ms ease;

}

/* arrow button css */

#shop-area .showing-result-shorting .ui-selectmenu-button span.ui-icon {

    display: block;

    float: right;

    height: 40px;

    position: absolute;

    text-indent: 0;

    top: 7px;

    width: 40px;

    right: 0;

    bottom: 0;

    background-image: none;

}

#shop-area .showing-result-shorting .ui-selectmenu-button span.ui-icon::before {

    color: #848484;

    content: "\f107";

    font-family: FontAwesome;

    font-size: 17px;

    overflow: visible;

    position: absolute;

    right: 14px;

    top: 7px;

}