/*-----------------------------------------------------------------------------------

    Template Name: HomeCleaner
    Template URI: http://lionsbite.co.uk
    Description: HomeCleaner - Cleaning Service Bootstrap 4 Template
    Author: LionsBite
    Author URI: http://lionsbite.co.uk
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
		1.2 Section Title
		1.3 Scrollup CSS
	2. Header Area CSS
	3.  Mainmenu
		3.2  Submenu
		3.3  Cart and Search
		3.4  Mini Cart CSS
	4.  Slider
		4.2  Home 1 First Slide
		4.3  Home 2 Second Slide
		4.4  Home 1 Third Slide
		4.5  Home 2 First Slide
		4.6  Home 2 Second Slide
		4.8  Home 3 Second Slide
	5.  Services
		5.2 Services Details
	6. Projects
		6.2 Project Details
	7.  Counterup
	8.  Testimonial
		8.2  FAQ
	9.  Brands
	10.  Pricing Table
		10.2  Pricing Table Style 2
	11. Sidebar Price Slider
	12.  Blog
		12.2  Blog Sidebar
		12.3  Blog Details
		12.4  Blog Comment
		12.5  Blog Comment Form
	13.  Pagination
	14.  Footer
		14.2  Footer Bottom
	15.  Address Area
	16.  Booking Area
	17.  About Area
	18.  CTA Area
	19.  Contact Area
	20.  Team Area
	21. 404 Message
	22.  Shop
	23. Product Details
		23.2 Product Quantity Changer
		23.3 Product Review
	24. Shopping Cart
	25. Checkout
	26. Coming Page 
	27. Google Map
	28. Extra CSS
		28.2 Tab Customization

-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Poppins:300,400,500,600,700&display=swap');

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
body {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:26px;
	color:#767676;
	font-weight:normal;
	transition:.3s;
	overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  font-weight:600;
  color: #343e51;
}
.container {
	padding:0;
}
.container-fluid {
    max-width: 1800px;
}
/*----------------------------------------*/
/*  1.2  Section Title */
/*----------------------------------------*/
.section-title {
	font-size:18px;
	color:#767676;
}
.section-title h2 {
	font-size:36px;
	color:#3e4140;
	margin:0 0 16px 0;
}
.section-title p {
	margin-bottom:0;
}
/*----------------------------------------*/
/*  1.3  Scrollup CSS */
/*----------------------------------------*/
#scrollUp {
	font-size: 20px;
	transition: all .2s ease-in-out 0s;
	position: fixed;
	z-index: 99;
	bottom: 50px;
	right: 50px;
	display: inline-block;
	color: #fff;
	width: 45px;
	height: 45px;
	line-height: 46px;
	border-radius: 3px;
	text-align: center;
	background: #3065b8;
}
/*----------------------------------------*/
/*  2.  Header Area CSS
/*----------------------------------------*/
.header-top-area {
	border-bottom:1px solid #e5e5e5;
}
.header-top-area.style-2 {
	background-color:#1c2122;
}
.office-info {
	display:table;
	width:100%;
}
.office-info i, .office-info ul {
	display:table-cell;
}
.office-info i {
	vertical-align:middle;
	color:#3065b8;
	font-size:36px;
}
.open-hours i {
	padding-right:12px;
}
.office-info ul {}
.office-info ul li {
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:600;
	color:#3e4140;
	line-height:1;
	white-space: nowrap;
}
.office-info ul li span {
	font-weight:normal;
	color:#3065b8;
	margin-bottom:8px;
	display:block;
}
.welcome-msg p {
	margin:0;
	color:#dddddd;
	line-height:1;
	font-size:14px;
}
/*----------------------------------------*/
/*  3.  Mainmenu
/*----------------------------------------*/
.mainmenu {}
.mainmenu nav {}
.mainmenu nav ul {}
.mainmenu nav ul li {
	display:inline-block;
	position:relative;
}
.mainmenu nav ul li a {
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	color:#1c2122;
	display:block;
	padding:20px 0;
	margin-right:30px;
}
.mainmenu nav ul li:last-child a {
	margin-right:0;
}
.mainmenu nav ul li a:hover {
	color:#3065b8;
}
.stick {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
    animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
}
.header-area.stick {
	background-color:#fff;
	z-index: 9999;
}
.header-area.stick .row {
	height:60px !important;
}
.mm-menu_offcanvas {
    z-index: 99999;
}
.header-bottom-area.stick .logo.ptb-20 {
	padding:0;
}
/*----------------------------------------*/
/*  3.2  Submenu CSS
/*----------------------------------------*/
.mainmenu nav ul li .submenu {
	background-color: #ffffff;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 270px;
	transition: .4s;
	transform: scaleY(0);
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	padding-left: 0;
	border: 1px solid #e5e5e5;
}
.mainmenu nav ul li .submenu li {
	display:block;
	position:relative;
}
.mainmenu nav ul li .submenu li a {
	font-size:16px;
	font-weight:500;
	text-transform:capitalize;
	padding:8px 0 8px 30px;
	margin:0;
	display:block;
	color:#343e51;
}
.mainmenu nav ul li .submenu li a:hover {
	color:#3065b8;
}
.mainmenu nav ul li .submenu li .sub-2 {
	top:0;
	left:100%;
	transform:scaleX(0);
	transform-origin:left;
	opacity:0;
	visibility:hidden;
}
.mainmenu nav ul li .submenu li:hover .sub-2 {
	transform:scaleX(1);
	opacity:1;
	visibility:visible;
}
.mainmenu nav ul li:hover .submenu, .mainmenu nav ul li:hover .mega-menu {
	transform:scaleY(1);
	opacity:1;
	visibility:visible;
}
.mainmenu-area.style-3 {
	position:relative;
}
.mainmenu-area.style-3 .container {
    background-color: #fcb700;
    padding: 0 30px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
	bottom:-30px;
	z-index:99;
}
.mainmenu-area.style-3 .row {
	height:60px;
}
.mainmenu-area.style-3.stick {
	position:fixed;
}
.mainmenu-area.style-3.stick .container {
	background-color: inherit;
	padding: inherit;
	position: unset;
	border-radius: unset;
	right: unset;
	margin: auto;
	bottom: unset;
	left: unset;
}
.mainmenu-area.style-3.stick .mainmenu nav ul li a {
	color:#343e51;
}
.mainmenu-area.style-3.stick .mainmenu nav ul li a:hover {
	color:#fcb700;
}
/*----------------------------------------*/
/*  3.3  Cart and Search
/*----------------------------------------*/
.cart-search {}
.cart-search ul {}
.cart-search > ul > li {
	display:inline-block;
	margin-left:15px;
	position:relative;
}
.cart-search > ul > li > a {
	color:#1c2122;
	display:block;
	padding:20px 0;
}
.cart-search.style-2 > ul > li > a {
	padding: 47px 0;
}
.header-bottom-area.stick .cart-search.style-2 > ul > li > a {
	padding:20px 0;
}
.cart-search ul li a i {
	font-size:20px;
}
.cart-search ul li a span {
	background-color: #3065b8;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	text-align: center;
	line-height: 18px;
	position: absolute;
	font-family: 'Poppins', sans-serif;
	font-size: 11px;
	font-weight: 500;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	right: -14px;
	top: -20px;
	margin: auto;
}
.cart-search ul li.mmenu-icon {
	display:none;
}
.search-box {
	background-color: #ffffff;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 99;
	padding: 25px 20px;
	width: 370px;
	height: 100px;
	display: none;
	border: 1px solid #e5e5e5;
}
.search-box input[type='text'] {
	background-color:#f3f4f7;
	border:0;
	width:330px;
	height:50px;
	border-radius:5px;
	padding-left:20px;
}
.search-box button {
	background-color: transparent;
	border: 0;
	position: absolute;
	top: 0;
	right: 30px;
	line-height: 50px;
	z-index: 99;
	cursor: pointer;
	bottom: 0;
}
.search-box button i {
	color:#3e4140;
	font-size:16px;
}
/*----------------------------------------*/
/*  3.4  Mini Cart CSS
/*----------------------------------------*/
.cart-dropdown {
    background-color: #ffffff;
	border:1px solid #e5e5e5;
    width: 370px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;
    padding: 30px;
	text-align:left;
	display:none;
}
.mini-cart ul {
	padding:0;
}
.mini-cart ul li ul {
	border-bottom:1px solid #e5e5e5;
	padding-bottom:22px;
}
.cart-search ul li .cart-dropdown li {
	display:table;
	width:100%;
	margin:0 0 30px 0;
}
.cart-dropdown li div {
	display:table-cell;
	vertical-align:top;
}
.mini-cart-heading {
	padding-left:30px;
}
.mini-cart-heading span {
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	color:#3065b8;
	font-weight:600;
	display:block;
	margin-top:16px;
}
.mini-cart-heading h5 {
	font-size:16px;
	font-weight:500;
	margin:0;
}
.mini-cart-heading h5 a {
	color:#3e4140;
}
.mini-cart-heading h5 a:hover {
	color:#3065b8;
}
.mini-cart-heading small {
	display:block;
	font-size:14px;
	color:#767676;
}
.mini-cart-remove {
	padding-left:15px;
}
.mini-cart-remove button {
	background-color:transparent;
	border:0;
	font-size:24px;
	color:#3e4140;
	cursor:pointer;
}
.mini-cart-remove button:hover {
	color:#3065b8;
}
.mini-cart-thumb {
	vertical-align:middle;
}
.cart-dropdown li img {
    width: 80px;
    height: 95px;
    border-radius:5px;
}
.minicart-total {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}
.minicart-total ul li {
	margin:0 !important;
}
.minicart-total ul li span {
	font-family: 'Poppins', sans-serif;
	color:#3e4140;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
}
.minicart-total ul li span:last-child {
	float:right;
	color:#3065b8;
}
.mini-cart-checkout {
	margin-top:12px;
}
.mini-cart-checkout a {
	min-width:144.5px;
	height:45px;
	color:#ffffff;
}
.mini-cart-checkout a.checkout {
	background-color:#1c2122;
	margin-left:15px;
}
.mini-cart-checkout a.checkout:hover {
    background-color: #3065b8;
    border-color: #3065b8;
}
/*----------------------------------------*/
/*  4.  Slider
/*----------------------------------------*/
.slick-slider .slick-arrow {
    background: #ffffff;
    width: 50px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    color: #191919;
    transition: all .2s ease-in-out 0s;
    position: absolute;
    top: 50%;
    right: 40px;
    z-index: 9;
    border: none;
    cursor: pointer;
	box-shadow:-1px 2px 5px 2px rgba(0,0,0,.1);
	border-radius:3px;
}
.slick-slider .slick-arrow i {
	text-align:center;
}
.slick-slider .slick-arrow:hover {
	background-color:#3065b8;
	color:#ffffff;
}
.slick-prev {
	left:40px;
}
.slick-prev:before, .slick-next:before {
	display:none;
}
/*----------------------------------------*/
/*  4.2  Home 1 First Slide
/*----------------------------------------*/
.slider-single.bg-1 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/1.jpg") repeat scroll center center / cover ;
}
.slider-caption.round {
	position:relative;
}
.img-border {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	left:0;
	animation-fill-mode: both;
}
.slick-current .img-border {
	animation-name: fadeIn;
	animation-duration: .9s;
}
.inner-img {
	width:90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom:0;
	margin:auto;
	animation-fill-mode: both;
}
.slick-current .inner-img  {
	animation-name: zoomIn;
	animation-duration: 1s;
}
.slider-caption.round  .slider-caption-text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	width: 95%;
	height: 240px;
}
.slider-caption.round  .slider-caption-text h5 {
	position: absolute;
	top: -17px;
	right: 29px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 0 0 2px #b6b6b6;
	animation-fill-mode: both;
}
.slick-current .slider-caption.round  .slider-caption-text h5 {
	animation-name: fadeInUp;
	animation-duration: 1s;
}
.slider-caption.round  .slider-caption-text img {
	display:inline-block !important;
	margin-bottom:20px;
	animation-fill-mode: both;
}
.slick-current .slider-caption.round .slider-caption-text img {
	animation-name: fadeInUp;
	animation-duration: 1.1s;
}
.slider-caption.round .slider-caption-text h2 {
	color:#ffffff;
	text-shadow: 0 4px #a0883e;
	font-size:60px;
	line-height: 1;
	animation-fill-mode: both;
}
.slick-current .slider-caption.round .slider-caption-text h2 {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
}
.slider-caption.round .slider-caption-text small {
	font-size:32px;
}
.slider-caption.round .slider-caption-text h2 span {
	font-size:48px;
}
.slider-caption.round  .slider-caption-text .btn-common {
	background-color:#1c2122;
	min-width:150px;
	animation-fill-mode: both;
}
.slick-current .slider-caption.round  .slider-caption-text .btn-common {
	animation-name: fadeInUp;
	animation-duration: 1.3s;
}
.slick-current .img-right {
	animation-fill-mode: both;
	animation-name: fadeInRight;
	animation-duration: 1.4s;
}
/*----------------------------------------*/
/*  4.3  Home 2 Second Slide
/*----------------------------------------*/
.slider-single.bg-2 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/2.jpg") repeat scroll center center / cover ;
}
.slider-caption.square {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/caption/box-home-page-1.png") repeat scroll center center / cover ;
	text-align:center;
	padding:56px 0;
	animation-fill-mode: both;
}
.slick-current .slider-caption.square {
	animation-fill-mode: both;
	animation-name: fadeInRight;
	animation-duration: 1s;
}
.slider-caption.square h5 {
	font-size:20px;
	font-weight:normal;
	position:absolute;
	top:40px;
	left:0;
	right:0;
	animation-fill-mode: both;
}
.slick-current .slider-caption.square h5 {
	animation-name: zoomIn;
	animation-duration: 1s;
}
.slider-caption.square h5 span {
	font-weight:600;
	color:#3065b8;
}
.slider-caption.square h2 {
	font-size:50px;
	font-weight:600;
	color:#3065b8;
	text-shadow: 0 4px #aac9fa;
	margin:135px 0 0 0;
	animation-fill-mode: both;
}
.slick-current .slider-caption.square h2 {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
}
.slider-caption.square h3 {
	font-size:26px;
	font-weight:normal;
	color:#3065b8;
	animation-fill-mode: both;
}
.slick-current .slider-caption.square h3 {
	animation-name: fadeInUp;
	animation-duration: 1.3s;
}
.slider-caption.square .btn-common {
	background-color:#1c2122;
	margin-top:65px;
	animation-fill-mode: both;
	min-width:150px;
}
.slick-current .slider-caption.square .btn-common {
	animation-name: fadeInUp;
	animation-duration: 1.4s;
}
/*----------------------------------------*/
/*  4.4  Home 1 Third Slide
/*----------------------------------------*/
.slider-single.bg-3 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/3.jpg") repeat scroll center center / cover ;
}
.slider-caption.style-1 h3 {
	font-size:48px;
	font-weight:300;
	line-height:1.2;
	color:#3e4140;
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-1 h3 {
	animation-name: fadeInUp;
	animation-duration: 1s;
}
.slider-caption.style-1 h2 {
	font-size:60px;
	font-weight:600;
	line-height:1.2;
	color:#3065b8;
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-1 h2 {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
}
.slick-current .slider-caption.style-1 p {
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-duration: 1.3s;
}
.slider-caption.style-1 .btn-common {
	height:50px;
	line-height:50px;
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-1 .btn-common {
	animation-name: fadeInUp;
	animation-duration: 1.4s;
}
/*----------------------------------------*/
/*  4.5  Home 2 First Slide
/*----------------------------------------*/
.slider-single.bg-4 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/4.jpg") repeat scroll center center / cover ;
}
.slider-caption.style-2 h5 {
	font-size:24px;
	font-weight:normal;
	line-height:1;
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-2 h5 {
	animation-name: fadeInUp;
	animation-duration: 1s;
}
.slider-caption.style-2 h2 {
	font-size:60px;
	font-weight:300;
	line-height:1;
	animation-fill-mode: both;
}
.slider-caption.style-2 h2 span {
	font-weight:700;
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-2 h2 {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
}
.slider-caption.style-2  p {
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-2  p {
	animation-name: fadeInUp;
	animation-duration: 1.3s;
}
.slider-caption.style-2 .btn-common {
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-2 .btn-common {
	animation-name: fadeInUp;
	animation-duration: 1.4s;
}
/*----------------------------------------*/
/*  4.6  Home 2 Second Slide
/*----------------------------------------*/
.slider-single.bg-5 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/5.jpg") repeat scroll center center / cover ;
}
/*----------------------------------------*/
/*  4.7  Home 3 First Slide
/*----------------------------------------*/
.slider-single.bg-6 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/6.jpg") repeat scroll center center / cover ;
}
.slider-caption.style-3 {
    background: rgba(0, 0, 0, 0) url(assets/images/banner/caption/3.png) repeat scroll center center / cover;
    display: inline-block;
    background-color: #ffffff;
    min-width: 424px;
    min-height: 435px;
    padding: 70px;
    border-radius: 11px;
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-3 {
	animation-name: fadeInLeft;
	animation-duration: 1s;
}
.slider-caption.style-3 h2 {
	font-size:54px;
	font-weight:600;
	line-height:64px;
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-3 h2 {
	animation-name: fadeInUp;
	animation-duration: 1.1s;
}
.slider-caption.style-3 h2 span {
	color:#fcb700;
	font-weight:700;
}
.slider-caption.style-3 p {
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-3 p {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
}
.slider-caption.style-3 .btn-common {
	color:#1c2122;
	animation-fill-mode: both;
}
.slick-current .slider-caption.style-3 .btn-common {
	animation-name: fadeInUp;
	animation-duration: 1.3s;
}
/*----------------------------------------*/
/*  4.8  Home 3 Second Slide
/*----------------------------------------*/
.slider-single.bg-7 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/7.jpg") repeat scroll center center / cover ;
}
.slider-caption.style-4 {
    background: rgba(0, 0, 0, 0) url(assets/images/banner/caption/4.png) repeat scroll center center / cover;
    min-width: 670px;
    min-height: 400px;
    padding: 60px 0;
    text-align: center;
}
.slider-caption.style-4 h2 {
	font-size:48px;
	font-weight:300;
}
.slider-caption.style-4 .btn-common.bg-1c2122 {
	background-color:#1c2122;
	color:#ffffff;
}
/*----------------------------------------*/
/*  5. Services
/*----------------------------------------*/
.service-single {
	font-size:16px;
	color:#767676;
	margin-bottom:30px;
}
.service-single img {
	border-radius:3px 3px 0 0;
}
.service-single h4 {
	font-size:22px;
	font-weight:600;
	color:#3e4140;
}
.service-desc {
	background-color:#ffffff;
	padding:24px 22px 24px 22px;
}
.service-single i {
	font-size:48px;
	color:#3065b8;
	margin-bottom:18px;
	display:inline-block;
}
.service-single.style-2 {
	color:#e2e2e2;
	padding-left:60px;
	position:relative;
	margin-top:20px;
}
.service-single.style-2 img {
	position:absolute;
	top:0;
	left:0;
}
.service-single.style-2 h4 {
	font-size:20px;
	font-weight:600;
	color:#ffffff;
}
.service-single.style-3 {
    background-color: transparent;
    background-size: 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 50px 30px 15px 30px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
}
.service-single.style-3 img {
	display:inline-block;
	margin:auto;
}
.service-single.style-3:hover {
	color:#ffffff;
	border-color:#ffffff;
}
.service-single.style-3 img:last-child {
	display:none;
}
.service-single.style-3:hover img:first-child {
	display:none;
}
.service-single.style-3:hover img:last-child {
	display:inline-block;
}
.service-single.style-3:hover h4 {
	color:#ffffff;
}
.service-single.style-3::before {
	background-color:rgba(252,183,0,.90);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	content:"";
	z-index:2;
	transition:.5s;
	opacity:0;
	visibility:hidden;
}
.service-single.style-3:hover::before {
	opacity:1;
	visibility:visible;
	height:100%;
}
.service-single.style-3::after {
	background: rgba(0, 0, 0, 0) url("assets/images/bg/services/1.jpg") repeat scroll center center / cover ;
	background-color:rgba(252,183,0,.90);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	z-index:1;
	transition:.4s;
	opacity:0;
	visibility:hidden;
}
.service-single.style-3:hover::after {
	opacity:1;
	visibility:visible;
}
.service-thumb, .service-desc {
	position:relative;
	z-index:2;
}
.service-single.style-3 .service-desc {
	background-color:transparent;
}
.service-single.style-4 {
	background-color:#ffffff;
	padding:60px 0 35px 0;
}
.service-single.style-4 img {
	margin:auto;
	border-radius:0;
}
.service-single .btn-common {
	background-color:#ffffff;
	min-width:120px;
	height:45px;
	line-height:45px;
	margin-top:3px;
	color:#3065b8;
}
.service-single:hover .btn-common {
	background-color:#3065b8;
	color:#ffffff;
}
/*----------------------------------------*/
/*  5.2 Services Details
/*----------------------------------------*/
.service-menu {}
.service-menu ul {}
.service-menu ul li {
	position:relative;
}
.service-menu ul li a {
	background-color:#f3f4f7;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:18px;
	color:#3e4140;
	padding:15px 30px;
	display:block;
	margin-bottom:15px;
	border-radius:5px;
}
.service-menu ul li a::after {
    font-family: 'ElegantIcons';
    content: "\35";
	font-size:18px;
	float:right;
}
.service-menu ul li a.active, .service-menu ul li a:hover {
	background-color:#3065b8;
	color:#ffffff;
}
.contact-info.style-2 {
	background-color:#3065b8;
	color:#ffffff;
}
.contact-info.style-2 h3 {
	color:#ffffff;
}
.contact-info.style-2 p {
	color:#ffffff;
}
.contact-info.style-2 ul {}
.contact-info.style-2 ul li {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
}
.contact-info.style-2 ul li:last-child {
	margin-bottom:0;
}
.contact-info.style-2 ul li i {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 0;
}
.contact-info.style-2 .btn-common, .company-bouchure .btn-common {
	background-color:#ffffff;
	min-width:100%;
	color:#1c2122;
}
.contact-info.style-2 .btn-common:hover {
	background-color:#2a579d;
	color:#ffffff;
}
.company-bouchure {
	background-color:#f3f4f7;
	padding:40px 40px;
	border-radius:5px;
}
.company-bouchure h3 {
	font-size:24px;
	color:#3e4140;
	margin-bottom:12px;
}
.service-details img {
	border-radius:5px;
}
.company-bouchure .btn-common {
	background-color:#3065b8;
	color:#ffffff;
}
.company-bouchure .btn-common:hover {
	background-color:#2a579d;
}
.service-details h3 {
	font-size:22px;
}
.service-details h6 {
	font-size:16px;
	font-weight:normal;
}
.service-details blockquote {
	background-color:#f3f4f7;
	font-size:18px;
	color:#3e4140;
	font-style:italic;
	padding:40px 25px;
	line-height:28px;
	border-left:5px solid #3065b8;
	border-radius:5px;
	position:relative;
}
.service-details blockquote::before {
	position:absolute;
	top:30px;
	left:50px;
	content:url("assets/images/services/details/quote.png");
	z-index:1;
}
.service-details blockquote span {
	position:relative;
	z-index:2;
}
/*----------------------------------------*/
/*  6. Projects
/*----------------------------------------*/
.projects-nav {}
.projects-nav ul {
	border:0;
	display:block;
}
.projects-nav ul li {
	margin-right:10px;
	display:inline-block;
}
.projects-nav ul li a, .projects-nav.style-2 ul li {
	background-color:#ffffff;
	font-size:16px;
	font-weight:600;
	display:block;
	padding:10px 20px;
	border-radius:5px;
	color:#3e4140;
}
.projects-nav.style-2 ul li {
	display:inline-block;
	cursor:pointer;
}
.projects-nav ul li a.active, .projects-nav.style-2 ul li.active {
	background-color:#1c2122;
	color:#ffffff;
}
.project-single {
	position:relative;
	overflow:hidden;
}
.project-thumb {
	position:relative;
}
.project-thumb::before {
	background-color:rgba(0,0,0,.65);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	transform:scaleY(0);
	transform-origin:top;
	transition:.3s;
}
.project-single:hover .project-thumb::before {
	transform:scaleX(1);
}
.project-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 90px;
    text-align: center;
    margin-bottom: -40px;
	transition:.3s;
	opacity:0;
	visibility:hidden;
}
.project-single:hover .project-caption {
	bottom:50%;
	opacity:1;
	visibility:visible;
}
.project-caption small {
	font-size:16px;
	color:#ffffff;
	display:block;
}
.project-caption .btn-common {
	min-width:150px;
	height:45px;
	line-height:45px;
	margin-top:15px;
}
.project-single.style-2 .project-caption {
    height: 60px;
    margin-bottom: -30px;
}
.project-caption .icon-plus {
	background-color:#3065b8;
	width:60px;
	height:60px;
	border-radius:100%;
	font-size:36px;
	text-align:center;
	line-height:60px;
	color:#ffffff;
	display:inline-block;
}
.project-title {
	margin-top:15px;
}
.project-title small {
	font-size:16px;
	color:#767676;
	margin:0;
}
.project-title h4 {
	font-size:22px;
	font-weight:600;
	line-height:28px;
}
.project-title h4 a {
	color:#3e4140;
}
.project-title h4 a:hover {
	color:#3065b8;
}
.project-single.style-2 img {
	border-radius:5px;
}
/*----------------------------------------*/
/*  6.2 Project Details
/*----------------------------------------*/
.project-details-carousel img {
	border-radius:5px;
}
.project-details {}
.project-details h4 {
    font-size: 22px;
    margin-bottom: 30px;
}
.project-info h4 {
	font-size:22px;
}
.project-info table {
	width:100%;
	border-bottom:1px solid #e5e5e5;
}
.project-info table tr {}
.project-info table tr td {
	padding:5px 0;
}
.project-info table tr td:first-child {
    color: #3e4140;
    width: 33%;
}
.project-info table tr td:last-child {
	width:67%;
	float:right;
}
.project-info table tr:last-child td {
	padding-bottom:15px;
}
.project-info .btn-common {
	min-width:150px;
}
.project-info .social-icons a:hover {
	color:#3065b8;
}
/*----------------------------------------*/
/*  7.  Counterup
/*----------------------------------------*/
.counterup-area.bg-1 {
	background: rgba(0, 0, 0, 0) url("assets/images/bg/1.jpg") repeat scroll center center / cover ;
}
.counterup-area.overlay::before {
	background-color: rgba(48, 101, 184, 0.80);
}
.counter-single {}
.counter-single span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
	font-size:60px;
	line-height:1;
	color:#ffffff;
}
.counter-title {
	padding-left:8px;
}
.counter-single h4 {
    font-family: 'Lato', sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:26px;
	color:#ffffff;
	margin:15px 0 0 0;
}
/*----------------------------------------*/
/*  8.  Testimonial
/*----------------------------------------*/
.testimonial-single.style-1 .testimonial-thumb {
    position: relative;
    display: inline-block;
	margin-bottom:33px;
}
.testimonial-single.style-1 img {
	display:inline-block;
}
.testimonial-items.slick-slider .slick-arrow {
	top:18%;
}
.quote-icon {
    background-color: #3065b8;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}
.testimonial-single.style-1 h5 {}
.testimonial-single.style-2 {
	background-color:#f3f4f7;
	padding:85px 39px 50px 39px;
	font-size:16px;
	color:#767676;
	border-radius:6px;
}
.testimonial-single.style-2 img {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    top: -60px;
    border: 5px solid #ffffff;
    left: 0;
    right: 0;
    margin: auto;
}
.testimonial-title {
	margin-bottom:29px;
}
.testimonial-single h5 {
	margin:0;
	font-size:16px;
	font-weight:600;
	color:#3e4140;
}
.testimonial-single small {
	font-size:16px;
	color:#767676;
	font-style:italic;
}
.item-rating i {
	font-size:16px;
	color:#fdc415;
	margin-right:5px;
	display:inline-block;
}
.item-rating i:last-child {
	margin-right:0;
}
.testimonial-single.style-3 {
	background: rgba(0, 0, 0, 0) url("assets/images/projects/details/testimonial.jpg") repeat scroll center center / cover ;
	position:relative;
	color:#ffffff;
	font-size:18px;
	border-radius:5px;
	padding:50px 100px;
}
.testimonial-single.style-3::before {
	background-color:rgba(48,101,184,.90);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	z-index:1;
	border-radius:5px;
}
.testimonial-inner {
	position:relative;
	z-index:2;
}
.testimonial-single.style-3 i {
	font-size:72px;
}
.testimonial-single.style-3 h5 {
	color:#ffffff;
}
.two-col-testimonial .slick-list {
	padding:55px 0 0 0;
}
/*----------------------------------------*/
/*  8.2  FAQ
/*----------------------------------------*/
.faq-area {
	background: #f3f4f7 url("assets/images/bg/4.jpg") repeat scroll center center / cover ;
	background-repeat:no-repeat;
}
.single-faq {
	margin-bottom:20px;
	border-radius:0;
	background-color:#f7f7f7;
	border:1px solid #e9e9e9;
}
.faq-heading {
    background-color: #ffffff;
	border-bottom:0;
	padding:0 0 0 0;
	border-radius:0;
}
.faq-heading h5 {
	font-size:16px;
	font-weight:500;
}
.faq-heading h5 a {
	color: #3e4140;
    padding: 16px 27px 16px 30px;
	display: block;
	text-align: left;
	white-space:unset;
	font-weight:500;
	text-decoration:none;
}
.faq-heading h5 a:hover, .faq-heading h5 a:focus {
	text-decoration:none;
	color:#3e4140;
}
.faq-heading h5 a i {
    color: #fff;
    font-size: 18px;
    float: right;
}
.faq-heading h5 a[aria-expanded=true] .arrow_carrot-down, 
.faq-heading h5 a[aria-expanded=false] .arrow_carrot-up { 
  display:none;
}
.faq-heading h5 a[aria-expanded=false] .arrow_carrot-down { 
  display:inline;
  color:#3e4140
}
.faq-heading h5 a[aria-expanded=false] {
	border-bottom:0;
}
.single-faq .card-body {
    background-color: #3065b8;
    color: #fff;
    padding: 14px 20px 14px 30px;
}
a.btn.btn-link {
	border-radius:0;
	border:0;
}
a.btn.btn-link[aria-expanded=true] { 
    background-color: #3065b8;
    color: #fff;
}
.faq-section {
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    padding: 40px 30px 25px 30px;
}
/*----------------------------------------*/
/*  9.  Brands
/*----------------------------------------*/
.brand-items {}
.brand-items ul {
	margin-right:-25px;
}
.brand-items ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    max-width: 27.5%;
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 29px;
}
.brand-items ul li img {
	width:100%;
	display:inherit;
}
.brand-items .slick-dots {
	bottom:-15px;
}
/*----------------------------------------*/
/*  10.  Pricing Table
/*----------------------------------------*/
.calculate-form label {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size:18px;
	color:#3e4140;
	margin-bottom:19px;
	display:block;
}
.calculate-form select.form-control:not([size]):not([multiple]) {
	background-color:#ffffff;
}
.package-single {
	background-color:#ffffff;
	text-align:center;
	border-radius:5px;
	padding:45px 0 50px 0;
}
.package-single h4 {
	font-size:18px;
	font-weight:600;
	color:#3e4140;
	text-transform:uppercase;
	margin:0;
}
.package-single h2 {
	font-size:48px;
	font-weight:600;
	color:#3065b8;
	margin:0;
}
.package-single h5 {
	font-size:16px;
	font-weight:600;
	color:#3065b8;
	margin:0;
}
.package-single ul {
	margin-top:30px;
}
.package-single ul li {
	font-size:16px;
	color:#767676;
	display:block;
	margin-bottom:10px;
}
.package-single ul li:last-child {
	margin-bottom:0;
}
.package-single .btn-common {
    margin-top: 35px;
    background-color: #f3f4f7;
    color: #3e4140;
}
.package-single .btn-common:hover {
	background-color:#3065b8;
	color:#ffffff;
}
/*----------------------------------------*/
/*  10.2  Pricing Table Style 2
/*----------------------------------------*/
.package-single.style-2 {
	border:2px solid #e5e5e5;
}
.package-single.style-2:hover {
	border-color:#3065b8;
}
/*----------------------------------------*/
/*  11. Sidebar Price Slider
/*----------------------------------------*/
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background-color:#ffffff;
  border: medium none;
  border-radius: 0;
  height: 12px;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
    border-radius: 100%;
    height: 30px;
    top: -10px;
    width: 30px;
    background-color: #ffffff;
    border: 1px solid #3065b8;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all::after {
	background-color: #3065b8;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.price_filter .ui-slider-range {
	background: #3065b8;
	height: 12px;
}
.price_slider_amount {
	margin:30px 0 25px 0;
}
.price_slider_amount input[type="text"] {
	border: 0 none;
	font-size: 18px;
	font-weight: normal;
	color:#3e4140;
	width:100%;
	height:50px;
	border-radius:10px;
	text-align:center;
	line-height:50px;
}
.price_slider_amount > input[type="submit"] {
	height: 40px;
	width: 85px;
	float:left;
}
.price_slider_amount button {
	background-color:#3065b8;
	font-size:13px;
	color:#ffffff;
	text-transform:uppercase;
	border:0;
	border-radius:3px;
	width:85px;
	height:40px;
	line-height:40px;
	cursor:pointer;
	float:right;
	transition:.3s;
}
.price_slider_amount button:hover {
	background-color:#529e2f;
}
/*----------------------------------------*/
/*  12.  Blog
/*----------------------------------------*/
.blog-single {
	position:relative;
	margin-bottom:60px;
}
.blog-thumb img {
	border-radius:5px;
}
.blog-desc {
	margin-top:15px;
	font-size:16px;
	color:#767676;
	line-height:26px;
}
.blog-desc small {
	font-size:16px;
	color:#767676;
	font-style:italic;
	display:block;
	margin-bottom:3px;
}
.blog-desc h4 {
	font-size:22px;
	font-weight:600;
	line-height:28px;
	margin-bottom:15px;
}
.blog-desc h4 a {
	color:#3e4140;
}
.blog-desc h4 a:hover {
	color:#3065b8;
}
.blog-desc p {}
.blog-author {
	display:table;
}
.blog-author img, .blog-author small {
	display:table-cell;
	vertical-align:middle;
}
.blog-author img {
	width:50px;
	height:50px;
	border-radius:100%;
}
.blog-author small {
	text-align:left;
	padding-left:20px;
	color:#767676;
	font-size:16px;
}
.blog-author strong {
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	color:#3e4140;
	font-style:normal;
	margin-left:5px;
}
.blog-single.style-2 {
	background-color:#f3f4f7;
	border-radius:5px;
}
.blog-single.style-2 .blog-desc {
	padding:30px 20px 0 20px;
}
.blog-single.style-2 .blog-author {
    margin-top: 45px;
}
.blog-single.style-2 > .col-lg-6 {
	padding-left:0;
	padding-right:0;
}
/*----------------------------------------*/
/*  12.2  Blog Sidebar
/*----------------------------------------*/
.site-sidebar {
	padding-right:20px;
}
.sidebar-category {}
.site-sidebar ul {
	margin-top:25px;
}
.sidebar-category ul li {
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    color: #767676;
	
}
.sidebar-category ul li::before {
    font-family: 'ElegantIcons';
    content: "\35";
    position: absolute;
    left: 0;
    top: 0;
}
.sidebar-category ul li:last-child {
	margin-bottom:0;
}
.site-sidebar ul li a {
	font-size:16px;
	line-height:30px;
	color:#767676;
	float:left;
}
.site-sidebar ul li a:hover {
	color:#3065b8;
}
.site-sidebar ul li span {
	float:right;
	color:#767676;
	font-size:16px;
}
.sidebar-search {
    position: relative;
}
.sidebar-search input {
    background-color: #f3f4f7;
    border: 0;
    height: 50px;
    padding-left: 45px;
    border-radius: 5px;
    width: 100%;
}
.sidebar-search button {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
}
.sidebar-search button i {
	font-size:16px;
	color:#c0c0c0;
}
.popular-thumb {
	width:80px;
	position:relative;
}
.popular-thumb img {
	border-radius:5px;
}
.popular-posts ul li {
	margin-bottom:30px;
}
.popular-posts ul li:last-child {
	margin-bottom:0;
}
.popular-desc {
	vertical-align:top;
	padding-left:20px;
}
.popular-desc h4 {
	font-size:16px;
	line-height:22px;
}
.popular-desc h4 a {
	color:#343e51;
}
.popular-desc h4 a:hover {
	color:#3065b8;
}
.popular-desc small {
	font-size:16px;
	line-height:1;
	color:#767676;
	font-style:italic;
}
.tags-list a {
    background-color: #f3f4f7;
    display: inline-block;
    font-size: 16px;
    color: #767676;
    font-weight: 500;
    padding: 10px 25px;
    margin: 4px 2px;
    border-radius: 5px;
}
.tags-list a:hover {
	background-color:#3065b8;
	color:#ffffff;
}
/*----------------------------------------*/
/*  12.3  Blog Details
/*----------------------------------------*/
.blog-details {}
.blog-title {
	margin-bottom:10px;
}
.blog-title h2 {
	font-size:36px;
	margin:0;
}
.blog-date-time ul {}
.blog-date-time ul li {
	display:inline-block;
	color:#767676;
	font-style:italic;
	margin-right:40px;
}
.blog-date-time ul li:last-child {
	margin-right:0;
}
.blog-date-time ul li a {
	color:#3e4140;
	font-style:normal;
}
.blog-details img {
	border-radius:5px;
}
.blog-details blockquote {
	font-size:22px;
	line-height:34px;
	color:#3e4140;
	position:relative;
	padding-left:20px;
	margin:47px 0 45px 0;
}
.blog-details blockquote::before {
	content:url(assets/images/icons/blog/quote.png);
	position:absolute;
	top:0;
	left:0;
	z-index: -1;
}
.blog-details h3 {
	font-size:22px;
	margin-bottom:30px;
}
.blog-details blockquote strong {
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:600;
	color:#3065b8;
}
.icon-circle li {
	margin-bottom:10px;
}
.icon-circle li::before {
	font-family:"ElegantIcons";
	content: "\5c";
	margin-right:19px;
}
.tag-social {
	display:flex;
}
.blog-tags i {
	font-size:18px;
	color:#3e4140;
	display:inline-block;
	margin-right:20px;
}
.blog-tags a {
	color:#767676;
	font-size:16px;
	display:inline-block;
	margin-right:5px;
}
.blog-tags a:hover {
	color:#3065b8;
}
.author-bio {
	background-color:#f3f4f7;
	border-radius:5px;
	display:flex;
	padding:30px;
	align-items:center;
}
.author-thumb {
	flex:0 0 100px;
	width:100px;
	margin-right:20px;
}
.author-desc h5 {
	font-size:16px;
}
.author-desc h5 span {
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	color:#767676;
	display:inline-block;
	margin-left:12px;
}
.author-desc p {
	margin:0;
}
/*----------------------------------------*/
/*  12.4  Blog Comment
/*----------------------------------------*/
.blog-comments {}
.blog-comments > h3 {
	font-size:22px;
	font-weight:600;
	margin-bottom:30px;
}
.blog-comments ul {}
.blog-comments ul li {
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.blog-comments > ul > li {
	padding:20px 0 40px 0;
}
.blog-comments ul li.has-reply {
	border:0;
}
.blog-comments ul li.has-reply + li {
	border-top: 0;
	padding-top: 0;
	padding-bottom: 55px;
}
.blog-comments ul li ul {
	margin:35px 0 0 100px;
    overflow: hidden;
}
.blog-comments ul li ul li {
	padding:40px 0 35px 0;
}
.comment-avatar {
	flex:0 0 80px;
	max-width: 80px;
	height: 80px;
}
.comment-avatar img {
	border-radius:100%;
	width:100%;
}
.comment-desc {
    padding-left: 20px;
    flex: 0 0 86%;
    max-width: 86%;
}
.comment-name-date {
	display:flex;
	flex-wrap:wrap;
}
.comment-desc small {
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	color:#767676;
	text-align:right;
	flex:0 0 50%;
	max-width:100%;
}
.comment-desc h4 {
	font-size: 16px;
	color: #3e4140;
	margin-bottom: 4px;
	flex:0 0 50%;
	max-width:100%;
}
.comment-reaction {}
.comment-reaction a {
	font-size:16px;
	line-height:1;
	color:#3e4140;
}
.comment-reaction a i {
	margin-right:12px;
}
.comment-reaction a:hover {
	color:#3065b8;
}
/*----------------------------------------*/
/*  12.5  Blog Comment Form
/*----------------------------------------*/
.blog-comment-form textarea, .blog-comment-form input {
	background-color:#f3f4f7;
	border:0;
}
.blog-comment-form textarea {
	height:260px;
}
.blog-comment-form .form-control:focus {
	background-color:#f3f4f7;
}
/*----------------------------------------*/
/*  13.  Pagination
/*----------------------------------------*/
.site-pagination ul {}
.site-pagination ul li {
	display:inline-block;
}
.site-pagination ul li a {
	color: #3e4140;
	display: block;
	font-size: 18px;
	height: 50px;
	letter-spacing: 0.68px;
	line-height: 48px;
	margin-right: 2px;
	text-align: center;
	width: 50px;
	text-transform:uppercase;
	transition:.3s;
	border-radius:3px;
}
.site-pagination.style-3 ul li a {
	background:#f1f1f1;
}
.site-pagination.style-3 ul li a:hover {
	background:#3065b8;
	color:#fff;
}
.site-pagination.style-3 ul li.active a {
	background:#3065b8;
	color:#ffffff;
}
.site-pagination.style-3 ul li:nth-child(4) a {
	border:none;
	background:none;
}
.site-pagination.style-3 ul li a {
	margin:5px;
}
.site-pagination.style-3 ul li:last-child a {
	border:none;
}
/*----------------------------------------*/
/*  14.  Footer
/*----------------------------------------*/
.footer-top-area {
	background-color:#1c2122;
	padding: 112px 0 120px 0;
}
.footer-widget h4 {
	font-size:18px;
	font-weight:600;
	color:#ffffff;
}
.footer-widget p {
	color:#a3a1a1;
}
.office-adress ul {}
.office-adress ul li {
	color:#a3a1a1;
	font-size:16px;
	display:block;
	margin-bottom:20px;
	position:relative;
	padding-left: 35px;
}
.office-adress ul li:last-child {
	margin-bottom:0;
}
.office-adress ul li i {
	font-size:20px;
	color:#eaeaea;
    position: absolute;
    top: 5px;
    left: 0;
}
.footer-widget ul {}
.footer-widget ul li {
	display:block;
	margin-bottom:10px;
}
.footer-widget ul li a {
	font-size:16px;
	color:#eaeaea;
}
.footer-widget ul li a i {
	margin-right:10px;
}
.latest-posts ul {}
.latest-posts ul li {}
.latest-posts ul li a {
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	color:#eaeaea;
	display:block;
}
.latest-posts ul li small {
	font-size:16px;
	color:#a3a1a1;
	font-style:italic;
	display:block;
}
.subscribe-form {}
.subscribe-form input {
	background-color:#3c4345;
	border:0;
	height:45px;
	border-radius:5px;
	width:100%;
	padding-left:30px;
	color:#ffffff;
}
.subscribe-form button {
	border:0;
	height:45px;
	line-height:45px;
	margin-top:15px;
	min-width:170px;
}
.subscribe-form.style-2 {
	display:flex;
	box-shadow: 0px 0px 10px 1px rgba( 0, 0, 0, .1 );
}
.subscribe-form.style-2 input {
    background-color: #ffffff;
    border-radius: 5px 0 0 5px;
}
.subscribe-form.style-2 .btn-common {
	border-radius: 0 5px 5px 0;
	margin-top:0;
}
/*----------------------------------------*/
/*  14.2  Footer Bottom
/*----------------------------------------*/
.footer-bottom {
	background-color:#0e1011;
}
.footer-bottom .row {
	height:100px;
}
.copyright-text p {
	font-size:16px;
	color:#a3a1a1;
	margin:0;
}
.social-icons a {
	color:#a3a1a1;
	font-size:18px;
	display:inline-block;
	margin-right:15px;
}
.social-icons a:last-child {
	margin-right:0;
}
.social-icons a:hover {
	color:#ffffff;
}
.social-icons.style-2 a {
	font-size:12px;
	color:#dddddd;
	line-height:1;
}
.social-icons.style-2 a:hover {
	color:#4fa65c;
}
.social-icons.style-3 a {
	background-color:#f3f4f7;
	width:40px;
	height:40px;
	border-radius:100%;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:#767676;
}
.social-icons.style-3 a:hover {
	background-color:#3065b8;
	border-color:#3065b8;
	color:#ffffff;
}
.social-icons.style-4 a {
	background-color:transparent;
	border:1px solid #3e4140;
	border-radius:100%;
	color:#3e4140;
}
/*----------------------------------------*/
/*  15.  Address Area
/*----------------------------------------*/
.address-area .container {
    position: absolute;
    top: -65px;
    left: 0;
    right: 0;
}
.office-info.bg-1 {
	background: rgba(0, 0, 0, 0) url("assets/images/address/1.jpg") repeat scroll center center / cover ;
}
.office-info.bg-2 {
	background: rgba(0, 0, 0, 0) url("assets/images/address/2.jpg") repeat scroll center center / cover ;
}
.office-info.bg-3 {
	background: rgba(0, 0, 0, 0) url("assets/images/address/3.jpg") repeat scroll center center / cover ;
}
.office-info.style-2 {
	position:relative;
	padding:35px;
	border-radius:3px;
}
.office-info.style-2 i {
	background-color:#ffffff;
	font-size:28px;
	color:#3065b8;
	width:60px;
	height:60px;
	border-radius:100%;
	text-align:center;
	line-height:60px;
}
.office-info.style-2 ul {
	vertical-align:middle;
	padding-left:15px;
}
.office-info.style-2 ul li, .office-info.style-2 ul li span {
	color:#ffffff;
}
.office-info.style-2::before {
	background-color:rgba(48,101,184,.95);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	z-index:1;
	border-radius:3px;
}
.office-info-inner {
	position:relative;
	z-index:2;
}
/*----------------------------------------*/
/*  16.  Booking Area
/*----------------------------------------*/
.booking-form input[type="text"] {
	height:50px;
}
.booking-form label {
	background-color:#ffffff;
    display:block;
    height:50px;
    transition: all 0.3s;
    margin-right: 11px;
    text-align: center;
	font-size:18px;
	color:#767676;
	border-radius:3px;
	line-height:48px;
}

.booking-form input[type="radio"] {
	display: none;
}
.booking-form input[type="radio"]:checked + label {
	background-color:#3065b8;
	color:#ffffff;
}
.booking-form textarea {
	height:200px;
	border:0;
}
.booking-form .btn-common {
	min-width:100%;
	border:0;
}
/*----------------------------------------*/
/*  17.  About Area
/*----------------------------------------*/
.page-banner-area.bg-1 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/page-banner.jpg") repeat scroll center center / cover ;
}
.page-banner-area.bg-2 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/blog-banner.jpg") repeat scroll center center / cover ;
}
.page-banner-area.bg-3 {
	background: rgba(0, 0, 0, 0) url("assets/images/banner/project-banner.jpg") repeat scroll center center / cover ;
}
.about-right {
	background-color:#4fa65c;
	color:#e2e2e2;
	font-size:16px;
	padding:65px 50px;
}
.about-right h3 {
	color:#ffffff;
	font-size:36px;
	font-weight:600;
}
.about-right.style-2 {
    height: 100%;
    position: relative;
    padding-left: 40%;
}
.about-right.style-2 img {
    position: absolute;
    left: -6%;
    bottom: -33%;
    width: 250px;
}
.about-right.style-2 h2 {
    font-size: 46px;
    line-height: 54px;
    color: #1c2122;
    font-weight: 600;
    margin: 0 0 23px 0;

}
.about-right.style-2 p {
	display:block;
	color:#3e4140;
}
.about-right.style-2 .btn-common {
	background-color:#1c2122;
	color:#ffffff;
}
.about-right.style-2 .btn-common:hover {
	background-color:#e1a70c;
}
/*----------------------------------------*/
/*  18.  CTA Area
/*----------------------------------------*/
.cta-text h2 {
    font-size: 36px;
    color: #ffffff;
    line-height: 42px;
}
.cta-text p {
	font-size:24px;
	color:#ffffff;
}
.cta-btn .btn-common {
	background-color:#1c2122;
}
/*----------------------------------------*/
/*  19.  Contact Area
/*----------------------------------------*/
.contact-area.bg-1 {
	background: rgba(0, 0, 0, 0) url("assets/images/bg/2.jpg") repeat scroll center center / cover ;
}
.single-contact-info {
    margin-bottom: 25px;
}
.contact-form {
	background-color:#5781c3;
	padding:70px;
}
.contact-form h2 {
	font-size:40px;
	font-weight:600;
	margin-bottom:25px;
	color:#ffffff;
}
.contact-form .btn-common {
	background-color:#1c2122;
	border:0;
	color:#ffffff;
}
.contact-form textarea {
	border:0;
}
.contact-form.style-2 {
	background-color:transparent;
	padding:0;
}
.contact-form.style-2 textarea {
	height:285px;
}
.contact-form.style-2 .btn-common {
	background-color:#3065b8;
	min-width:100%;
}
.contact-form.style-2 .btn-common:hover {
	background-color:#2a579d;
}
.contact-info {
	background-color:#ffffff;
	padding:55px 60px;
	border-radius:5px;
}
.contact-info h5 {
	font-size:18px;
	font-weight:600;
	color:#3e4140;
	margin:0;
}
.contact-info p {
	font-size:16px;
	color:#767676;
}
.contact-form.style-3 {
    border-radius: 5px;
    padding: 55px 70px 70px 70px;
}
.contact-form.style-3 textarea {
	height:200px;
}
/*----------------------------------------*/
/*  20.  Team Area
/*----------------------------------------*/
.team-single {}
.team-single img {
	border-radius:5px;
}
.team-thumb {
	overflow:hidden;
	position:relative;
}
.team-social {
	background-color:rgba(48,101,184,.60);
	position:absolute;
	left:0;
	bottom:-100%;
	width:100%;
	padding:20px 0;
	transition:.3s;
}
.team-single:hover .team-social {
	bottom:0;
}
.team-social a {
	color:#ffffff;
	font-size:16px;
	height:40px;
	width:40px;
	border:1px solid #ffffff;
	border-radius:100%;
	display:inline-block;
	line-height:40px;
	text-align:center;
	margin-right:5px;
}
.team-social a:last-child {
	margin-right:0;
}
.team-social a:hover {
	background-color:#ffffff;
	color:#3065b8;
}
.team-desc {
	padding:25px 0 0 0;
}
.team-desc h5 {
	font-size:20px;
	font-weight:600;
	color:#3e4140;
	margin:0;
}
.team-desc small {
	font-size:16px;
	color:#767676;
	font-style:italic;
}
/*----------------------------------------*/
/*  21. 404 Message
/*----------------------------------------*/
.error-msg-area {
	background: rgba(0, 0, 0, 0) url("assets/images/bg/3.jpg") repeat scroll center center / cover ;
}
.error-msg {}
.error-msg h1 {
	font-size:40px;
	line-height:48px;
	font-weight:500;
	color:#232530;
}
/*----------------------------------------*/
/*  22.  Shop
/*----------------------------------------*/
.product-single {
	text-align:center;
	margin-bottom:60px;
}
.product-thumb {
	position:relative;
}
.product-thumb img {
	border-radius:5px;
	width:100%;
}
.product-thumb::before {
	background-color:rgba(0,0,0,.30);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:.3s;
	content:"";
	transform-origin:top;
	opacity:0;
	visibility:hidden;
	border-radius:5px;
}
.product-single:hover .product-thumb::before {
	opacity:1;
	visibility:visible;
}
.product-single .btn-common {
	min-width:140px;
	width:140px;
	height:50px;
	line-height:50px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	transition:.3s;
	transform:scale(0);
	opacity:0;
	visibility:hidden;
}
.product-single:hover .btn-common {
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.product-caption {
	margin-top:15px;
}
.product-single h4 {
	font-size:18px;
	font-weight:500;
	margin-bottom:0;
}
.product-single h4 a {
	color:#3e4140;
}
.product-single h4 a:hover {
	color:#3065b8;
}
.product-single span {
	font-size:24px;
	font-weight:600;
	color:#3065b8;
	display:block;
	margin-top:10px;
}
/*----------------------------------------*/
/*  23. Product Details
/*----------------------------------------*/
.single-product-details {}
.products-nav-tabs {
	border:0;
}
.products-nav-tabs li a {
	display:block;
	margin-bottom:10px;
}
.single-product-details h2 {
	font-size:22px;
	font-weight:600;
	line-height:1.3;
}
.product-price span {
	font-family: 'Poppins', sans-serif;
	font-size:24px;
	color:#3065b8;
	font-weight:600;
}
.product-stock {}
.product-stock ul {}
.product-stock ul li {
	color:#3e4140;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:500;
}
.product-stock ul li span {
	color:#4fa65c;
}
.cart-quantity-changer {}
.cart-quantity-changer input {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    width: 100px;
    border: 0;
}
.qtybutton {
	position:relative;
	font-size:0;
	cursor:pointer;
}
a.value-increase::before {
	font-family:FontAwesome;
	font-size:16px;
	content:"\f055";
}
a.value-decrease::before {
	font-family:FontAwesome;
	font-size:16px;
	content:"\f056";
}
.product-quantity-update {
	border-top:1px solid #ebebeb;
	padding-top:50px;
}
.product-quantity-update .btn-common {
	min-width:140px;
}
.product-meta {
	border-top:1px solid #ebebeb;
	padding-top:48px;
}
.product-meta ul {}
.product-meta ul li {
	display:inline-block;
	color:#232530;
}
.product-meta ul li span {
	display:inline-block;
	margin:0 5px;
	color:#b3b7c8;
}
/*----------------------------------------*/
/*  23.2 Product Quantity Changer
/*----------------------------------------*/
.product-quantity-update {}
.product-quantity-update .cart-quantity-changer {
	background-color:#f7f7f7;
	padding:8px 20px;
	height:50px;
	margin-right:10px;
	border-radius:5px;
}
.product-quantity-update .cart-quantity-changer input {
	background-color:transparent;
}
.product-quantity-update .cart-quantity-changer a {
	color:#3e4140;
}
/*----------------------------------------*/
/*  23.3 Product Review
/*----------------------------------------*/
.product-review-area {}
.product-review-nav {
	border-bottom:1px solid #e5e5e5;
}
.product-review-nav li {
	display:inline-block;
	margin-right:25px;
}
.product-review-nav li:last-child {
	margin-right:0;
}
.product-review-nav li a {
	font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #767676;
    padding: 15px 0;
    display: block;
}
.product-review-nav li a.active {
	color:#3065b8;
}
.product-review-desc {
	text-align:left;
	border-top:0;
	padding:40px 35px 25px 0;
}
.list-circle {
	margin:0;
	padding:0;
	list-style:none;
}
.list-circle li {
	position:relative;
	padding-left:30px;
	display:block;
	margin-bottom:6px;
}
.list-circle li:last-child {
	margin-bottom:0;
}
.list-circle li::before {
	font-family:'ElegantIcons';
	content:"\5c";
	position:absolute;
	top:0;
	left:0;
}
.product-rating-section {

}
.product-rating-section > p {
	color:#3e4140;
}
.product-rating-section > h4 {
	font-size:48px;
	font-weight:600;
	color:#3065b8;
}
.progress-row strong {
	line-height:1;
}
.item-rating.style-2 small {
	display:block;
	line-height:1;
	font-size:16px;
	margin-top:5px;
}
.rating-box {
	border:1px solid #ebebeb;
	padding:30px 40px 30px 45px;
}
.rating-number h5 {
	font-size:48px;
	color:#6ac142;
	margin-bottom:30px;
}
.rating-number i {
	font-size:18px;
	color:#6ac142;
	margin-right:6px;
}
.rating-number p {
	font-size:16px;
	color:#636363;
}
.rating-box strong, .rating-box span {
	display:block;
	margin-top:-10px;
}
.single-progress .progress {
	border-radius:0;
	height:8px;
	border-radius:5px;
}
.single-progress .progress-bar {
	background-color:#3065b8;
}
.product-review-form > h4 {
	font-size:18px;
	margin-bottom:15px;
}
.product-review-form > p {
	margin-bottom:0;
}
.product-review-form strong {
	font-size:18px;
	color:#3e4140;
	margin-right:10px;
	display:inline-block;
}
.product-review-form .btn-common {
	min-width:100%;
	height:55px;
	line-height:55px;
}
.product-review-list h3 {
    background-color: #f3f4f7;
    font-size: 18px;
    font-weight: 600;
    color: #3e4140;
    border-radius: 5px;
    padding: 10px 0 10px 30px;
	margin-bottom:35px;
}
.product-review-list ul li {
	display:flex;
	flex-wrap:wrap;
}
.product-review-list ul li .comment-name-date h4 {
	font-size:16px;
	font-weight:600;
	flex: unset;
	max-width: unset;
	padding-right:10px;
}
.product-review-list ul li .comment-name-date h4 span {
	font-weight:normal;
}
.product-review-list ul li .comment-name-date small {
	flex: unset;
	max-width: unset;
	padding-left:10px;
	font-style:normal;
}
/*----------------------------------------*/
/*  24. Shopping Cart
/*----------------------------------------*/
.cart-table {
	width:100%;
}
.cart-table thead {
	border-radius:5px;
	background-color:#f3f4f7;
}
.cart-table thead tr th {
	padding:10px 0;
	color:#3e4140;
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:16px;
}
.cart-table thead tr th:first-child {
	padding-left:70px;
}
.cart-table tbody {}
.cart-table tbody tr {
	border-bottom:1px solid #e5e5e5;
}
.cart-table tbody tr td {
	padding: 15px 30px 15px 0;
	white-space: nowrap;
}
.cart-table tbody tr:first-child td, .cart-table tbody tr:last-child td {
	padding: 30px 30px 30px 0;
}
.cart-product-thumb {}
.cart-product-name {}
.cart-product-name h5 {
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:500;
}
.cart-product-name h5 a {
	color:#3e4140;
}
.cart-product-name h5 a:hover {
	color:#3065b8;
}
.cart-product-price {
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:600;
	color:#3e4140;
}
.cart-quantity-changer {}
.cart-quantity-changer input {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    width: 100px;
    border: 0;
}
.qtybutton {
	position:relative;
	font-size:0;
	cursor:pointer;
}
a.value-increase::before {
	font-family:ElegantIcons;
	font-size:16px;
	content:"\e050";
}
a.value-decrease::before {
	font-family:ElegantIcons;
	font-size:16px;
	content:"\e04f";
}
.product-remove {
	text-align:center;
}
.product-remove a, .cart-table thead tr th i {
    font-size: 22px;
    color: #3e4140;
}
.cart-table thead tr th i {
	color:#6ac142;
}
.cart-update .btn-common {
	background-color:#f3f4f7;
	color:#1c2122;
}
.cart-update .btn-common:hover {
	background-color:#3065b8;
	color:#ffffff;
}
.cart-box h5 {
	font-size:16px;
	color:#1a1a23;
	margin-bottom:30px;
}
.cart-box .form-control {
	background-color:#f3f4f7;
}
.cart-box p {
	margin:0 0 20px 0;
	position:relative;
	top:-6px;
}
.cart-box .btn-common {
	background-color:#f7f7f7;
	color:#1c2122;
	min-width:150px;
	border:0;
}
.cart-box .btn-common:hover {
	background-color:#dedede;
	border-color:#dedede;
}
.cart-total-inner {
	background-color:#f3f4f7;
	border-radius:2px;
	padding:45px 40px 20px 40px;
	border-radius:5px;
}
.cart-total table {
	margin-bottom:0;
	width:100%;
}
.cart-total table tr:nth-child(1) {
	border-bottom:1px solid #e5e5e5;
}
.cart-total table tr:nth-child(1) td {
	padding-bottom:23px;
}
.cart-total table tr:nth-child(2) td {
	padding-top:23px;
}
.cart-total td {
	border:0;
	padding:0 0 0 0;
	vertical-align:middle;
}
.cart-total td h5 {
	font-size:18px;
	font-weight:600;
	color:#3e4140;
	margin-bottom:0;
}
.cart-total table tr:nth-child(2) td h5 {
	margin-bottom:8px;
}
.cart-total td span {
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:20px;
	color:#3065b8;
}
.cart-total td label {
	margin-left:10px;
}
.cart-box-inner {
	border-top:1px solid #e5e5e5;
	padding-top:25px;
}
.cart-box-inner table tr {
	border-bottom:0 !important;
}
.cart-total table.second-table {
	margin-top:15px;
}
.cart-total table.second-table tr {
	border-bottom:0;
	border-top:1px solid #e5e5e5;
}
.cart-total table.second-table tr td {
	padding-top:25px;
}
.proceed-checkout .btn-common {
	min-width:100%;
	width:100%;
	background-color:#3065b8;
	color:#ffffff;
}
.proceed-checkout .btn-common:hover {
	background-color:#2a579d;
}
/*----------------------------------------*/
/*  25. Checkout
/*----------------------------------------*/
.cart-checkout h3 {
	font-size:32px;
	color:#3e4140;
	font-weight:600;
}
.cart-checkout label {
	color:#767676;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
}
.cart-checkout label span {
	color:#ff0000;
}
.cart-checkout .col-lg-6 {
	margin-bottom:8px;
}
.cart-checkout .form-control {
	background-color:#f3f4f7;
}
.cart-checkout textarea.form-control {
	border:0;
	height:200px;
}
.different-address {
	display:none;
}
/*----------------------------------------*/
/*  26. Coming Page 
/*----------------------------------------*/
.coming-soon-area {
	background: rgba(0, 0, 0, 0) url("assets/images/bg/coming-soon.jpg") repeat scroll center center / cover ;
	padding:0 0 0 0;
}
.coming-soon-msg h2 {
	font-size:60px;
	font-weight:700;
}
.coming-soon-msg p.msg-para {
	font-size:18px;
	margin-top:140px;
}
.coming-soon-msg.logo {}
.coming-countdown .cdown {
  float: left;
  width: 25%;
}
.coming-countdown span.time-count {
  color: #3065b8;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 48px;
  font-weight: 700;
}
.coming-countdown .cdown p {}
/*----------------------------------------*/
/*  27. Google Map
/*----------------------------------------*/
.google-map {
	width:100%;
	height:600px;
}
/*----------------------------------------*/
/*  28. Extra CSS
/*----------------------------------------*/
.page-banner h2 {
	margin-bottom:0;
}
.site-breadcrumb .breadcrumb {
    background-color: transparent;
    text-align: center;
    display: block;
    flex: unset;
}
.site-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #3e4140;
    content: "\45";
    font-family: ElegantIcons;
}
.site-breadcrumb ol {}
.site-breadcrumb ol li {
    display: inline-block;
}
.breadcrumb-item.active {
    color: #3065b8;
}
.site-breadcrumb ol li a {
	color:#3e4140;
}
.slick-slide:focus {
	outline:0 !important;
}
.slick-slider .slick-dots {
    position: relative;
}
.slick-slider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
	width:auto;
	height:auto;
}
.slick-slider .slick-dots li button {
	background-color:#c7c7c7;
	font-size:inherit;
    border: none;
    display: block;
    text-indent: -9999em;
    width: 8px;
    height: 8px;
    padding: 0;
    background: #e1e1e1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}
.slick-slider .slick-dots li.slick-active button {
	background-color:transparent;
	border:2px solid #3065b8;
    border-radius: 50px;
	width:10px;
	height:10px;
}
/*----------------------------------------*/
/*  28.2 Tab Customization
/*----------------------------------------*/
.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}
.tab-content .tab-pane.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    visibility: visible;
}