/*--------------------------------------------------------------------------------------
Theme Name: KARNES
Theme URI: http://quomodosoft.com
Author URI: http://quomodosoft.com
Description: 100% Responsive, Highly Customizable, SEO Friendly Business template using Twitter Bootstrap Latest, Search Engine Friendly.
Author: Mehedi Hasan Nahid
Version: 1.0
----------------------------------------------------------------------------------------
    1. SERVICE BOX
    2. WELCOME SLIDER AREA
    3. SERVICE AREA
    4. CALL TO ACTION
    5. ABOUT AREA
    6. TEAM THREE STYLE
    7. TESTMONIAL AREA
    8. BLOG AREA
    9. CLIENT AREA
    10. PORTFOLIO ARAE
    11. TESTMONIAL STYLE THREE
    12. PRICE AERA
    13. FAQS AREA
    14. FOOTER AREA
    15. CONTACT AREA
    16. SCROLL TO TOP AREA
    17. SINGLE PAGE
    18. HOME VERSION TWO
----------------------------------------------------------------------------------------*/


/* ---------------------------
    1. SERVICE BOX
----------------------------- */

.imgLogo {
	max-width: 30%;
	height: auto;
}

.left,
.right,
.center {
	position: relative;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.text-icon-box {
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 1;
	overflow: hidden;
}

.box-icon {
	font-size: 36px;
	line-height: 1;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


/*.box-img-icon {
    display: inline-block;
    margin-bottom: 20px;
    width: 120px;
}*/

.box-img-icon {
	display: inline-block;
	margin-bottom: 20px;
	width: 80px;
}

.box-title {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.box-subtitle {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.box-button {
	border: 1px solid;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-top: 20px;
	min-width: 130px;
	padding: 8px 25px;
	text-align: center;
	text-transform: uppercase;
}


/* ----------------------------
    BOX DEFAULT STYLE
------------------------------- */

.box-default-style {
	padding-left: 80px;
	position: relative;
}

.box-default-style .box-img-icon,
.box-default-style .box-icon {
	font-size: 50px;
	left: 0;
	top: 0;
	position: absolute;
	width: 80px;
}

.box-default-style .box-img-icon img {
	width: 64px;
}

.work-txt {
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
	font-weight: 600;
}

.box-default-style .box-icon {
	background: -webkit-gradient(linear, left top, right top, from(#21c2f8), to(#00deff));
	background: linear-gradient(to right, #21c2f8, #00deff);
	-ms-background: transparent;
	color: transparent;
	-webkit-text-fill-color: transparent;
	background-clip: text !important;
	-webkit-background-clip: text !important;
	display: inline-block;
	font-size: 50px;
	height: 70px;
	width: 70px;
}

.box-default-style .box-title {
	font-size: 22px;
}

.box-default-style .box-subtitle {
	font-size: 18px;
	letter-spacing: 0.5px;
}

.box-default-style .box-button {
	border: 1px solid;
	display: inline-block;
	margin-top: 20px;
	padding: 8px 30px;
}

.box-default-hover:hover {
	-webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.3);
	box-shadow: 0 7px 14px rgba(0, 0, 0, 0.3);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}


/* ---------------------------
    BOX STYLE
---------------------------- */

.box-style-1,
.box-style-2,
.box-style-3,
.box-style-4,
.box-style-5,
.box-style-6,
.box-style-10,
.box-style-11,
.box-style-12,
.box-style-13,
.box-style-14,
.box-style-15,
.box-style-22,
.box-style-23,
.box-style-24 {
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	padding: 20px;
	background: #ffffff;
}

.box-style-25,
.box-style-27,
.box-style-29,
.box-style-31,
.box-style-33,
.box-style-35 {
	padding-left: 80px;
}

.box-style-26,
.box-style-28,
.box-style-30,
.box-style-32,
.box-style-34,
.box-style-36 {
	padding-right: 80px;
}

.box-style-1 .box-icon,
.box-style-2 .box-icon,
.box-style-3 .box-icon,
.box-style-4 .box-icon,
.box-style-5 .box-icon,
.box-style-6 .box-icon,
.box-style-10 .box-icon,
.box-style-11 .box-icon,
.box-style-12 .box-icon,
.box-style-13 .box-icon,
.box-style-14 .box-icon,
.box-style-15 .box-icon,
.box-style-19 .box-icon,
.box-style-20 .box-icon,
.box-style-21 .box-icon,
.box-style-22 .box-icon,
.box-style-23 .box-icon,
.box-style-24 .box-icon,
.box-style-25 .box-icon,
.box-style-26 .box-icon,
.box-style-27 .box-icon,
.box-style-28 .box-icon,
.box-style-33 .box-icon,
.box-style-34 .box-icon,
.box-style-35 .box-icon,
.box-style-36 .box-icon {
	border: 1px solid;
	border-radius: 50%;
	display: inline-block;
	height: 70px;
	padding-top: 16px;
	text-align: center;
	width: 70px;
}

.box-style-7 .box-icon,
.box-style-8 .box-icon,
.box-style-9 .box-icon,
.box-style-16 .box-icon,
.box-style-17 .box-icon,
.box-style-18 .box-icon,
.box-style-29 .box-icon,
.box-style-30 .box-icon,
.box-style-31 .box-icon,
.box-style-32 .box-icon {
	font-size: 50px;
}

.box-style-4 .box-icon,
.box-style-5 .box-icon,
.box-style-6 .box-icon,
.box-style-13 .box-icon,
.box-style-14 .box-icon,
.box-style-15 .box-icon,
.box-style-27 .box-icon,
.box-style-28 .box-icon,
.box-style-33 .box-icon,
.box-style-34 .box-icon {
	border-radius: 0;
}

.icon-pos-left .box-icon,
.icon-pos-right .box-icon {
	position: absolute;
}

.icon-pos-left .box-icon {
	left: 0;
	top: 0;
}

.icon-pos-right .box-icon {
	right: 0;
	top: 0;
}

.box-style-37 .box-img-icon {
	width: 100%;
}

.box-style-38 .box-img-icon {
	float: left;
	margin-right: 20px;
	width: 50%;
}

.box-style-39 .box-img-icon {
	float: right;
	margin-left: 20px;
	width: 50%;
}

.box-style-38,
.box-style-39 {
	overflow: hidden;
}

.box-style-38 .box-title,
.box-style-39 .box-title {
	margin-top: 20px;
}


/* ---------------------------
    BOX HOVER STYLE
------------------------------ */

.box-hover-1::before,
.box-hover-2::before,
.box-hover-3::before,
.box-hover-4::before,
.box-hover-5::before,
.box-hover-6::before,
.box-hover-7::before,
.box-hover-8::before {
	background: #0060ff none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: -1;
}

.box-hover-6::before,
.box-hover-7::before {
	opacity: 1;
}

.box-hover-2::before {
	bottom: auto;
	top: 0;
}

.box-hover-3::before {
	height: 100%;
	width: 3px;
}

.box-hover-4::before {
	height: 100%;
	left: auto;
	right: 0;
	width: 3px;
}

.box-hover-5::before,
.box-hover-6::before,
.box-hover-7::before {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 3px solid;
	height: 100%;
	width: 100%;
}

.box-hover-6::before,
.box-hover-7::before {
	border-left: 3px solid;
	border-right: 3px solid;
	border-top: 0;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	border-bottom: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}


/*--------------------------
    BOX HOVER
----------------------------*/

.box-hover-1:hover,
.box-hover-2:hover,
.box-hover-3:hover,
.box-hover-4:hover,
.box-hover-5:hover,
.box-hover-6:hover,
.box-hover-7:hover {
	-webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.3);
	box-shadow: 0 7px 14px rgba(0, 0, 0, 0.3);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.box-hover-6::after,
.box-hover-7::after {
	border-bottom: 3px solid;
	border-top: 3px solid;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center 0;
	transform-origin: left center 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.box-hover-7::before,
.box-hover-7::after {
	-webkit-transform-origin: center center 0;
	transform-origin: center center 0;
}

.box-hover-1:hover:before,
.box-hover-2:hover:before,
.box-hover-3:hover:before,
.box-hover-4:hover:before,
.box-hover-5:hover::before,
.box-hover-6:hover::before,
.box-hover-6:hover::after,
.box-hover-7:hover::before,
.box-hover-7:hover::after {
	opacity: .7;
}


/* -----------------
    BOX HOVER 6
-------------------- */

.box-hover-6:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.box-hover-6:hover::after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


/* ---------------
    BOX HOVER 7
------------------ */

.box-hover-7:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.box-hover-7:hover::after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


/* ---------------
BOX HOVER 8
------------------- */

.box-hover-8::before {
	opacity: .7;
}

.box-hover-8:hover,
.box-hover-8:hover a {
	color: #fff;
}

.box-hover-8:hover::before {
	height: 100%;
}


/* ------------------
    BOX HOVER 9
-------------------- */

.box-hover-9:hover,
.box-hover-9:hover a {
	color: #ffffff;
}

.box-hover-9::before {
	background: #0060ff none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	height: 50px;
	left: calc(50% - 25px);
	position: absolute;
	top: calc(50% - 25px);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 50px;
	z-index: -1;
}

.box-hover-9:hover:before {
	-webkit-transform: scale(20);
	transform: scale(20);
}


/* --------------------------
    BOX HOVER 10 TO 17
---------------------------- */

.box-hover-10::before,
.box-hover-11::before,
.box-hover-12::before,
.box-hover-13::before,
.box-hover-14::before,
.box-hover-15::before,
.box-hover-16::before,
.box-hover-17::before {
	background: #0060ff none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: center center 0;
	transform-origin: center center 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 50px;
	z-index: -1;
}

.box-hover-11::before {
	bottom: 0;
	top: auto;
}

.box-hover-12::before {
	left: auto;
	right: 0;
}

.box-hover-13::before {
	bottom: 0;
	left: auto;
	right: 0;
	top: auto;
}

.box-hover-14::before {
	left: 50%;
	margin-left: -25px;
}

.box-hover-15::before {
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	top: auto;
}

.box-hover-16::before {
	left: 0;
	margin-top: -25px;
	top: 50%;
}

.box-hover-17::before {
	left: auto;
	margin-top: -25px;
	right: 0;
	top: 50%;
}

.box-hover-10:hover::before,
.box-hover-11:hover::before,
.box-hover-12:hover::before,
.box-hover-13:hover::before,
.box-hover-14:hover::before,
.box-hover-15:hover::before,
.box-hover-16:hover::before,
.box-hover-17:hover::before {
	-webkit-transform: scale(20);
	transform: scale(20);
}

.box-hover-10:hover,
.box-hover-10:hover a,
.box-hover-11:hover,
.box-hover-11:hover a,
.box-hover-12:hover,
.box-hover-12:hover a,
.box-hover-13:hover,
.box-hover-13:hover a,
.box-hover-14:hover,
.box-hover-14:hover a,
.box-hover-15:hover,
.box-hover-15:hover a,
.box-hover-16:hover,
.box-hover-16:hover a,
.box-hover-17:hover,
.box-hover-17:hover a {
	color: #ffffff;
}

.map-area {
	border: 1px solid #dadce2;
}


/* ----------------------
    HOVER 18 & 19
----------------------- */

.box-hover-18:hover,
.box-hover-19:hover,
.box-hover-20:hover,
.box-hover-21:hover,
.box-hover-18.active,
.box-hover-19.active,
.box-hover-20.active,
.box-hover-21.active {
	-webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.1);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.box-hover-18::before,
.box-hover-19::before,
.box-hover-20::before,
.box-hover-20::after,
.box-hover-21::before,
.box-hover-21::after {
	content: "";
	height: 0;
	position: absolute;
	width: 0;
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.box-hover-18::before,
.box-hover-20::before {
	border-top: 15px solid #0060ff;
	border-left: 15px solid #0060ff;
	border-bottom: 15px solid transparent;
	border-right: 15px solid transparent;
	left: 0;
	top: 0;
}

.box-hover-19::before,
.box-hover-20::after {
	border-top: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 15px solid #0060ff;
	border-right: 15px solid #0060ff;
	bottom: 0;
	right: 0;
}

.box-hover-21::before {
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #0060ff;
	border-right: 15px solid #0060ff;
	right: 0;
	top: 0;
}

.box-hover-21::after {
	border-left: 15px solid #0060ff;
	border-bottom: 15px solid #0060ff;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	bottom: 0;
	left: 0;
}

.box-hover-18:hover::before,
.box-hover-19:hover::before,
.box-hover-20:hover::before,
.box-hover-20:hover::after,
.box-hover-21:hover::before,
.box-hover-21:hover::after,
.box-hover-18.active::before,
.box-hover-19.active::before,
.box-hover-20.active::before,
.box-hover-20.active::after,
.box-hover-21.active::before,
.box-hover-21.active::after {
	opacity: 1;
}


/* ---------------------------
    BOX HOVER 22
---------------------------- */

.box-hover-22::before {
	background: #0060ff none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
	z-index: -1;
}

.box-hover-22:hover::before {
	opacity: 1;
}

.box-hover-22:hover,
.box-hover-22:hover a,
.box-hover-22:hover h1,
.box-hover-22:hover h2,
.box-hover-22:hover h3,
.box-hover-22:hover h4,
.box-hover-22:hover h5,
.box-hover-22:hover h6 {
	color: #ffffff;
}


/*----------------------------
    BTN EFFECT
----------------------------*/

.ripple-btn {
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.ripple-btn span {
	border-radius: 50%;
	display: block;
	height: 0;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 0.4s ease-in-out 0s, height 0.4s ease-in-out 0s;
	transition: width 0.4s ease-in-out 0s, height 0.4s ease-in-out 0s;
	width: 0;
	z-index: -1;
}

.ripple-btn:hover span {
	height: 562.5px;
	width: 225%;
}

.abt-social {
	display: inline-block;
	background-color: #fff;
	width: 50px;
	height: 50px;
	line-height: 20px;
	margin: 0px 5px;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 10px 4px;
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 15px -5px rgb(101, 101, 101);
	border: 1px solid #fff;
}


/*----------------------------
    READ MORE BUTTON
----------------------------*/

.navbar-right {
	float: left !important;
	margin: 30px auto;
}

.readmore {
	color: #0060ff;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
	margin-top: 30px;
	text-transform: capitalize;
}

.readmore:hover i {
	padding-left: 10px;
}

.readmore i {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.read-more {
	background: #0060ff none repeat scroll 0 0;
	border: 2px solid #0060ff;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 8px 30px;
	text-transform: uppercase;
}

.read-more:hover {
	background: #ffffff none repeat scroll 0 0;
	color: #0060ff;
}


/*----------------------------
    3. WELCOME TEXT AREA
------------------------------*/


/*
.header-top-area {
  background: rgba(0, 0, 0, 0) url("assets/img/home/another.png") no-repeat scroll center center / cover ;
}
*/


/*.header-top-area::after {
    background: rgba(0, 0, 0, 0) url("assets/img/home/home-wave.svg") no-repeat scroll right center / cover ;
    content: "";
    height: 202px;
    left: 0;
    margin-top: -43px;
    position: absolute;
    top: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    width: 100%;
    z-index: -1;
}
ul#nav li a {
  color: #222222 !important;
}*/

.top-area {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.welcome-text-area .area-bg::before {
	background: url(assets/img/home/1.html) no-repeat scroll center center / cover;
}

.welcome-text-area .area-bg::after {
	background: url("assets/img/home/slide_overlay-1.png") no-repeat scroll center center / cover;
}

.welcome-area {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 18px;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.welcome-text h4 {
	font-size: 20px;
}

.welcome-text h1 {
	font-size: 60px;
	margin-bottom: 30px;
}

.home-button a {
	border: 2px solid;
	border-radius: 5px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-right: 15px;
	overflow: hidden;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
}

.home-button a:hover {
	background: #0060ff;
	border-color: #0060ff;
	color: #ffffff;
}

.home-button a span {
	background-color: #0060ff;
	border-radius: 50%;
	display: block;
	height: 0;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 0.4s ease-in-out 0s, height 0.4s ease-in-out 0s;
	transition: width 0.4s ease-in-out 0s, height 0.4s ease-in-out 0s;
	width: 0;
	z-index: -1;
}

.home-button a:hover span {
	height: 562.5px;
	width: 225%;
}

.home-button a:active {
	background-color: #0060ff;
}

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

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.welcome-text h1 {
		font-size: 48px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.welcome-text {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.welcome-text {
		text-align: center;
	}
	.welcome-text h1 {
		font-size: 26px;
	}
	.welcome-area .download-button {
		display: none;
	}
	.download-button a:first-child {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.welcome-text h1 {
		font-size: 32px;
	}
}


/*-----------------------------------
    2. WELCOME SLIDER AREA
-------------------------------------*/

.welcome-slider-area {
	/*color: #fff;*/
	overflow: hidden;
	width: 100%;
	position: relative;
}


/*
.welcome-single-slide {
    height: 950px;
    width: 100%;
}
*/

.welcome-single-slide {
	height: 100vh;
	padding-top: 100px;
	width: 100%;
}

.slide-bg-overlay {
	height: 100%;
	left: 0;
	/*opacity: 0.6;*/
	position: absolute;
	top: 0;
	width: 100%;
}

.slide-bg-overlay::after {
	background: url(assets/img/home/slide_overlay-1.png) no-repeat scroll center center / cover;
	content: "";
	height: 100%;
	left: 0;
	/*opacity: 0.7;*/
	position: absolute;
	top: 0;
	width: 100%;
}

.slide-bg-one {
	background: rgba(0, 0, 0, 0) url("assets/img/slider/slide_4.jpg") no-repeat scroll center center / cover;
}

.slide-bg-two {
	background: rgba(0, 0, 0, 0) url("assets/img/slider/slide_2.jpg") no-repeat scroll center center / cover;
}

.slide-bg-three {
	background: rgba(0, 0, 0, 0) url("assets/img/slider/slide_1.jpg") no-repeat scroll center center / cover;
}

.owl-item.active .welcome-single-slide .welcome-text h4 {
	-webkit-animation: 1s ease 1s normal both 1 running fadeInUp;
	animation: 1s ease 1s normal both 1 running fadeInUp;
}

.owl-item.active .welcome-single-slide .welcome-text h1 {
	-webkit-animation: 1s ease 1.5s normal both 1 running fadeInUp;
	animation: 1s ease 1.5s normal both 1 running fadeInUp;
}

.owl-item.active .welcome-single-slide .welcome-text p {
	-webkit-animation: 1s ease 2s normal both 1 running fadeInUp;
	animation: 1s ease 2s normal both 1 running fadeInUp;
	;
}

.owl-item.active .welcome-single-slide .home-button {
	-webkit-animation: 1s ease 2.5s normal both 1 running fadeInUp;
	animation: 1s ease 2.5s normal both 1 running fadeInUp;
}

.welcome-slider-area .owl-nav>div {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 50%;
	bottom: 0;
	color: #0060ff;
	display: inline-block;
	font-size: 35px;
	height: 50px;
	margin: 0 5px;
	padding-top: 6px;
	right: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 50px;
}

.welcome-slider-area .owl-nav>div:hover {
	background: #0060ff none repeat scroll 0 0;
	color: #ffffff;
}

@media (min-width: 768px) and (max-width: 991px) {
	.slide-bg-overlay::after {
		background-position: right center;
	}
	.welcome-slider-area .welcome-text,
	.welcome-slider-area .welcome-text h1,
	.welcome-slider-area .welcome-text a {
		color: #ffffff;
	}
}

@media only screen and (max-width: 767px) {
	.slide-bg-overlay::after {
		background-position: right center;
	}
	.welcome-slider-area .welcome-text,
	.welcome-slider-area .welcome-text h1,
	.welcome-slider-area .welcome-text a {
		color: #ffffff;
	}
}


/*--------------------------------
    3. SERVICE AREA
---------------------------------*/

.features-top-area .text-icon-box {
	border-radius: 5px;
	margin: 15px;
	background: #f7f8fb;
}

.features-area .box-title {
	font-weight: 300;
}


/*-------------------------------
    4. CALL TO ACTION
--------------------------------*/

.call-to-action-area {
	position: relative;
}

.call-to-action-area .area-bg {
	background: rgba(0, 0, 0, 0) url("assets/img/call-to-bg.jpg") no-repeat scroll center center / cover;
	z-index: -1;
}

.call-to-action-area .area-bg::after {
	//background: #0060ff none repeat scroll 0 0;
	opacity: 0.8;
}

.call-to-action {
	display: table;
	padding: 50px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.call-to-action-desc {
	display: table-cell;
	vertical-align: middle;
	width: 77%;
}

.call-to-action-button {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	width: 25%;
}

.call-to-action-button .cta-button {
	background: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 50px;
	color: #222222;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 9px 20px;
}

.cta-button:hover {
	background-color: #0060ff;
	border-color: #0060ff;
	color: #ffffff;
}

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

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

@media (min-width: 768px) and (max-width: 991px) {}

@media only screen and (max-width: 767px) {
	.call-to-action {
		display: block;
		padding: 20px;
	}
	.call-to-action-desc,
	.call-to-action-button {
		display: initial;
		width: 100%;
	}
	.cta-button {
		margin-top: 20px;
	}
}

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


/*-----------------------------
    5. ABOUT AREA
-------------------------------*/

.about-mockup img {
	background: #ff0000 none repeat scroll 0 0;
	border-radius: 41% 56% 32% 52%;
}

span.bubble-ripple+span {
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
	z-index: 100;
}

span.bubble-ripple {
	-webkit-animation: 1.5s linear 0s normal none infinite running bubble-ripple;
	animation: 1.5s linear 0s normal none infinite running bubble-ripple;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 50%;
	bottom: 0;
	display: block;
	height: 70px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	z-index: -1;
}

.bubble-ripple .bubble-ripple-inner {
	-webkit-animation: 1.5s linear 0s normal none infinite running bubble-ripple;
	animation: 1.5s linear 0s normal none infinite running bubble-ripple;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 50%;
	bottom: 0;
	display: block;
	height: 70px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
}

@-webkit-keyframes bubble-ripple {
	0% {
		opacity: 0.75;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	25% {
		opacity: 0.75;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@keyframes bubble-ripple {
	0% {
		opacity: 0.75;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	25% {
		opacity: 0.75;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

.promo-button {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

.video-area-popup {
	background: #0060ff none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 52px;
	height: 70px;
	line-height: 1;
	margin-right: 30px;
	padding-top: 10px;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	min-width: 70px;
}

.video-area-popup:hover {
	background: #ffffff none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
	color: #0060ff;
	text-align: center;
}

.video-popup-two .promo-button {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	left: inherit;
	position: inherit;
	top: inherit;
	-webkit-transform: inherit;
	transform: inherit;
}

.width6colum {
	max-width: 570px;
}

.about-mission {
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.about-mission h2 {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 10px;
}

.about-mission .owl-controls {
	margin-top: 20px;
}

.about-mission .owl-dot {
	background: #0060ff none repeat scroll 0 0;
	border-radius: 5px;
	display: inline-block;
	height: 5px;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 10px;
}

.about-mission .owl-dot.active {
	width: 20px;
}

ul.history-menu {
	list-style: outside none none;
	margin-bottom: 40px;
	padding: 0;
}

ul.history-menu li {
	display: inline-block;
	margin-right: 10px;
}

ul.history-menu li.active a {
	background: #0060ff none repeat scroll 0 0;
	color: #ffffff;
}

ul.history-menu li a {
	background: #222222 none repeat scroll 0 0;
	border-radius: 50px;
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 30px;
}

.about-video {
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.video-promo-content {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	left: 0;
	place-content: center;
	position: absolute;
	top: 0;
	width: 100%;
}

.video-promo-content h3 {
	color: #ffffff;
}

.video-promo-content span {
	border: 1px solid;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 #ffffff;
	box-shadow: 0 0 0 #ffffff;
	color: #ffffff;
	cursor: pointer;
	font-size: 25px;
	height: 60px;
	margin-bottom: 15px;
	padding-left: 6px;
	padding-top: 16px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 60px;
}

.video-promo-content span:hover {
	background: #0060ff none repeat scroll 0 0;
	border-color: #0060ff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0);
}

.new-head {
	width: 300px;
	background: none;
	margin-top: 20px;
	position: relative;
	right: 0;
}


/*----------------------------------
    5. FUN FACT AREA
----------------------------------*/

.about-fun-fact {
	position: relative;
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
	z-index: 9;
}

.single-fun-fact {
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 180px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 20px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 180px;
	/*border-radius: 30% 47% 20% 21%;*/
	border-radius: 5px;
	overflow: hidden;
}

.single-fun-fact:first-child,
.single-fun-fact:nth-child(3) {
	/*-webkit-transform: translateY(-50px);
    transform: translateY(-50px);*/
	position: relative;
	top: -50px;
}

.single-fun-fact::before {
	background: #0060ff;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: -1;
}

.single-fun-fact:hover::before,
.single-fun-fact:hover,
.single-fun-fact:hover h3 {
	color: #fff;
	opacity: 1;
}

.single-fun-fact::after {
	background: #f7f9fc none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: -1;
}

.single-fun-fact:hover::after {
	opacity: 0;
}


/*-----------------------------
    6. TEAM THREE STYLE
-------------------------------*/

.single-team-three {
	border-radius: 50%;
	height: 260px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 260px;
	display: block;
	margin: 0 auto 30px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.single-team-three:hover {
	border: 5px solid #e2ebf4;
}

.single-team-three .member-details {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
}

.single-team-three:hover .member-details {
	opacity: 1;
	visibility: visible;
}

.single-team-three .name-and-designation {
	font-size: 14px;
	margin-bottom: 20px;
}

.single-team-three h4 {
	color: #ffffff;
	margin-bottom: 5px;
	font-weight: 600;
}

.single-team-three .member-social-bookmark ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.single-team-three .member-social-bookmark li {
	display: inline;
}

.single-team-three .member-social-bookmark li a {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 50%;
	color: #222222;
	display: inline-block;
	height: 35px;
	margin: 0 2px;
	padding-top: 6px;
	width: 35px;
}

.single-team-three .member-social-bookmark li a:hover {
	background: #0060ff;
	color: #ffffff;
}


/*---------------------------------
    7. TESTMONIAL AREA
----------------------------------*/

.author-content {
	font-style: italic;
	line-height: 1.7;
}

.author-name-designation h4 {
	margin-bottom: 0;
}

.testmonial-slider.owl-carousel {
	overflow: hidden;
}

.testmonial-area .owl-nav>div {
	background: #222222 none repeat scroll 0 0;
	border-radius: 50%;
	color: #ffffff;
	font-size: 30px;
	height: 40px;
	left: -30px;
	margin-top: -20px;
	opacity: 0;
	padding-top: 4px;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 40px;
}

.testmonial-area .owl-nav>div.owl-next {
	left: auto;
	right: -30px;
}

.testmonial-area .owl-nav>div:hover {
	background: #ffffff none repeat scroll 0 0;
}

.owl-carousel .owl-item img {
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}

.owl-carousel .owl-nav>div {
	background: #222222 none repeat scroll 0 0;
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	font-size: 30px;
	height: 45px;
	left: 35px;
	opacity: 0;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 45px;
	z-index: 1;
}

.owl-carousel .owl-nav>div:hover {
	background: #0060ff none repeat scroll 0 0;
}

.owl-carousel .owl-nav>div.owl-next {
	left: auto;
	right: 35px;
}

.owl-carousel:hover .owl-nav>div.owl-next {
	opacity: 1;
	right: 0;
	visibility: visible;
}

.owl-carousel:hover .owl-nav>div.owl-prev {
	left: 0;
	opacity: 1;
	visibility: visible;
}

.testmonial-area .owl-dots {
	margin-top: 30px;
	text-align: center;
}

.testmonial-area .owl-dots>div {
	border: 1px solid #ffffff;
	border-radius: 50%;
	display: inline-block;
	height: 15px;
	margin: 0 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 15px;
}

.testmonial-area .owl-dots>div.active {
	background: #ffffff;
	border-color: #ffffff;
}


/*--------------------------------
    8. BLOG AREA
----------------------------------*/

.single-blog-item-two {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-blog-item-two .blog-thumb {
	overflow: hidden;
	border-radius: 5px;
}

.single-blog-item-two .blog-thumb img {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-blog-item-two .single-blog:hover {
	-webkit-box-shadow: 0 0 20px #ddd;
	box-shadow: 0 0 20px #ddd;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.single-blog-item-two .blog-details h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 20px;
}

.single-blog-item-two .blog-meta {
	margin-bottom: 15px;
}

.single-blog-item-two .blog-meta a {
	opacity: .7;
	margin-right: 15px;
}

.single-blog-item-two .blog-meta a:hover {
	opacity: 1;
}

.single-blog-item-two .blog-details a.readmore {
	margin-top: 0;
}

.single-blog-item-two:hover .blog-thumb img {
	opacity: 0.5;
	-webkit-transform: scale(1.3) rotate(10deg);
	transform: scale(1.3) rotate(10deg);
}

.footer-top-area {
	background: url(/NYAccount/NYtheme/assets/img/footer.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	padding-bottom: 20px;
}

.footer-bottom-area {
	background: rgb(141, 158, 191);
}

.pt {
	padding-top: 0px;
	padding-bottom: 0px;
}


/*---------------------------------
    9. CLIENT AREA
----------------------------------*/

.log img {
	width: 200px;
	height: auto;
}

.log-area {
	overflow: hidden;
	position: relative;
	background: #fff;
	margin: 4em auto;
}

.client-area .container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}

.padding50 {
	padding: 66px;
}

.client-area .area-bg {
	background: rgba(0, 0, 0, 0) url("assets/img/fact-bg.jpg") no-repeat scroll center center / cover;
}

.client-area .area-bg::after {
	//background: #0060ff none repeat scroll 0 0;
	opacity: 0.8;
}

.client-area .owl-nav>div {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border-radius: 50%;
	color: rgb(0, 96, 255);
	font-size: 30px;
	height: 40px;
	left: -40px;
	opacity: 0;
	padding-top: 5px;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;
}

.client-area .owl-nav>div.owl-next {
	left: auto;
	right: -40px;
}

.client-area .owl-nav>div:hover {
	background: #0060ff none repeat scroll 0 0;
	color: #ffffff;
}


/*--------------------------------
    10. PORTFOLIO ARAE
----------------------------------*/

.barner-text h1 {
	font-size: 24px;
	font-weight: 600;
}

.breadcrumb {
	padding: 0;
}

.portfolio-menu ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.portfolio-menu ul li {
	color: #222222;
	display: inline-block;
	font-weight: 600;
	padding: 5px 10px;
	position: relative;
	text-transform: capitalize;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.portfolio-menu ul li::after {
	content: "-";
	display: inline-block;
	left: 12px;
	position: relative;
}

.portfolio-menu ul li:last-child::after {
	display: none;
}

.portfolio-menu ul li.active {
	color: #0060ff;
}

.single-portfolio {
	overflow: hidden;
	border-radius: 5px;
}

.single-portfolio-details {
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.portfolio-details,
.portfolio-bottom-details {
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	left: 0;
	padding: 20px;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.portfolio-details {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(0, 96, 255, 0.9) none repeat scroll 0 0;
	opacity: 0;
	place-content: center;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	visibility: hidden;
}

.portfolio-bottom-details {
	background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 96, 255, 0.9))) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 96, 255, 0.9)) repeat scroll 0 0;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.portfolio-details h4,
.portfolio-bottom-details h4 {
	color: #ffffff;
	font-weight: 600;
	margin-top: 5px;
}

.single-portfolio:hover .portfolio-details {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
}

.single-portfolio:hover .portfolio-bottom-details {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	visibility: hidden;
}

.portfolio-big-thumb {
	border: 1px solid;
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	height: 40px;
	margin-bottom: 20px;
	padding-top: 8px;
	text-align: center;
	width: 40px;
}

.portfolio-big-thumb:hover {
	background: #ffffff none repeat scroll 0 0;
}

.portfolio-slider .owl-item:nth-child(2n) {
	margin-top: 30px;
}

.portfolio-area .portfolio-slider {
	width: 100vw;
}

.portfolio-area {
	overflow: hidden;
}


/*---------------------------------
    11. TESTMONIAL STYLE THREE
----------------------------------*/

.single-testmonial-three {
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	padding: 30px;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-testmonial-three .author-img {
	border: 2px solid #0060ff;
	border-radius: 50%;
	height: 80px;
	margin: 0 auto 20px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 80px;
}

.single-testmonial-three h4 {
	font-weight: 600;
	margin-bottom: 5px;
}

.single-testmonial-three .author-content {
	font-size: 18px;
	font-style: italic;
	line-height: 1.6;
	margin-top: 20px;
}

.single-testmonial-three .author-name-image {
	color: #0060ff;
}

.single-testmonial-three:hover {
	background: #0060ff none repeat scroll 0 0;
	color: #ffffff;
}

.single-testmonial-three:hover .author-name-image,
.single-testmonial-three:hover h4,
.single-testmonial-three:hover .author-img {
	border-color: #ffffff;
	color: #ffffff;
}


/*---------------------------------
    12. PRICE AERA
-----------------------------------*/

.single-price {
	border: 1px solid #f7f9fc;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.single-price .area-bg {
	z-index: -1;
}

.single-price .area-bg::before {
	background: rgba(0, 0, 0, 0) url("assets/img/price-bg.svg") no-repeat scroll center center / 100% 100%;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: -2;
}


/*.single-price .area-bg::after {
    background: rgba(0, 0, 0, 0) url("assets/img/price-bg-hover.svg") no-repeat scroll center center / 100% 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: -1;
}*/

.single-price:hover .area-bg::after,
.single-price.active .area-bg::after {
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.price-hidding h3,
.price-rate h3 {
	color: #0060ff;
}

.price-rate h3 sub,
.price-rate h3 sup {
	font-size: 24px;
	font-weight: 400;
}

.price-rate h3 sub {
	color: #4d557d;
	font-size: 16px;
}

.price-details ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.price-details li {
	margin-bottom: 15px;
}

.purchase-button {
	background: #0060ff none repeat scroll 0 0;
	border: 2px solid #0060ff;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	letter-spacing: 1px;
	padding: 8px 30px;
}

.purchase-button:hover {
	background: #ffffff none repeat scroll 0 0;
	color: #0060ff;
}


/*--------------------------------
    13. FAQS AREA
---------------------------------*/

.panel.panel-default {
	margin-bottom: 30px;
}

.panel-default>.panel-heading {
	background-color: #ecf1fa;
}

.active .accordion-toggle {
	color: #0060ff;
}

.panel-body {
	border-top: 0;
}

.accordion-toggle .panel-title .fa-angle-down {
	margin-top: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.accordion-toggle.collapsed .panel-title .fa-angle-down {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}


/*---------------------------------
    14. FOOTER AREA
----------------------------------*/

.footer-logo {
	margin-bottom: 35px;
}

.single-footer-widgets h4 {
	font-weight: 600;
	margin-bottom: 30px;
}

.single-footer-widgets ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.single-footer-widgets ul li {
	display: block;
	margin-bottom: 8px;
	position: relative;
}

.single-footer-widgets ul li::before {
	background: #656565 none repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 2px;
	margin-right: 5px;
	position: relative;
	top: -5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 5px;
}

.single-footer-widgets ul li:hover::before {
	background: #0060ff;
	width: 15px;
}

.single-footer-widgets {
	margin-bottom: 50px;
}

.social-bookmark {
	list-style: outside none none;
	padding: 0;
	text-align: left;
	margin-top: 10px;
}

.footer-copyright p {
	text-align: right;
	color: #fff;
}

.footer-social-bookmark .social-bookmark li a {
	border: 1px solid;
	border-radius: 50%;
	font-size: 20px;
	height: 40px;
	margin: 0 5px;
	padding-top: 8px;
	text-align: center;
	width: 40px;
	color: var(--a-color);
}

.footer-bottom-area {
	color: var(--body-font-color)
}

.footer-bottom-area a {
	color: #000;
}

.footer-bottom-area a:hover {
	color: #337ab7;
}

.footer-social-bookmark .social-bookmark li a:hover {
	background: #0060ff none repeat scroll 0 0;
	border-color: #0060ff;
	color: #ffffff;
}

.sky-gray-bg1 {
	background: #f7f9fc;
}

.footer-copyright {
	margin-top: 15px;
}

hr {
	margin-top: 7px;
	margin-bottom: 7px;
	border: 0;
	border-top: 3px solid #00b7e3;
	width: 35%;
	margin-left: 0;
}

.contact-title h3 {
	margin: 0;
}


/*---------------------------------
    15. CONTACT AREA
---------------------------------*/

.contact-form input,
.contact-form textarea {
	margin-bottom: 30px;
	max-height: 140px;
	min-height: 40px;
	padding: 10px;
}

.contact-form button {
	background: #267ebd;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-weight: 500;
	padding: 10px 15px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-bottom: 4px solid #04456d;
}


.contact-form button:hover {
	color: #ffffff;
	background:#1e6699;
	color:#fff;
}

.form-control:focus {
	border: 1px solid #0060ff;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    /*max-height: 600px;*/
}



.carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-control {
    position: absolute;
    top: 160px;
    bottom: 0;
    left: -10%;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel-control.left {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
}

.carousel-control.right {
    right: -5%;
    left: auto;
     background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
}




/*---------------------------------
    16. SCROLL TO TOP AREA
----------------------------------*/

.scrolltotop {
	background: #404873 none repeat scroll 0 0;
	bottom: 20px;
	color: #ffffff;
	display: none;
	font-size: 20px;
	height: 40px;
	padding-top: 8px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 40px;
	z-index: 9;
}

.scrolltotop:hover {
	background: #0060ff;
	color: #ffffff;
}


/*----------------------------------
    17. SINGLE PAGE
-----------------------------------*/


/*-----------------------------
    BLOG PAGE
------------------------------*/

.top-area.single-page {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	height: 320px;
}

.page-barner-area {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
	position: relative;
}

.page-barner-area .area-bg {
	background: rgba(0, 0, 0, 0) url("assets/img/header-bg.jpg") no-repeat scroll center center / cover;
}

.page-barner-area .area-bg::after {
	opacity: 0.7;
}


/*-------------------
    WIDGETS CSS
--------------------*/

.single-sidebar-widgets h3 {
	margin-bottom: 30px;
}

.widget_recent_entries ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.widget_recent_entries ul li {
	margin-bottom: 20px;
	overflow: hidden;
}

.widget_recent_entries ul li:last-child {
	margin-bottom: 0;
}

.widget_search form {
	background: #f5f8fa none repeat scroll 0 0;
	border: 1px solid #dddddd;
	height: 50px;
	position: relative;
}

.widget_search form input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	height: 100%;
	left: 0;
	padding: 15px;
	position: absolute;
	top: 0;
	width: calc(100% - 60px);
}

.widget_search form button {
	background: #0060ff none repeat scroll 0 0;
	border: 2px solid #0060ff;
	color: #ffffff;
	font-size: 20px;
	height: 100%;
	padding-top: 3px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 60px;
}

.widget_search form button:hover {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 2px solid;
	color: #0060ff;
}

.single-sidebar-widgets ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.widget_categories ul li {
	border-bottom: 1px solid #dddddd;
	padding: 10px 0;
}

.widget_categories ul li:first-child {
	padding-top: 0;
}

.widget_categories ul li:last-child {
	border-bottom: 0 none;
	padding-bottom: 0;
}

.widget_categories ul li a {
	display: block;
}

.tagcloud a {
	border: 1px solid;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px 10px;
}

.tagcloud a:hover {
	background: #0060ff none repeat scroll 0 0;
	border-color: #0060ff;
	color: #ffffff;
}

blockquote {
	background: #f5f8fa none repeat scroll 0 0;
	margin: 30px 0;
}

.share-and-tags ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.share-and-tags ul li a {
	border: 1px solid;
	border-radius: 5px;
	display: inline-block;
	margin-left: 10px;
	min-width: 35px;
	padding: 5px 10px;
	text-align: center;
}

.share-and-tags ul li a:hover {
	background: #0060ff none repeat scroll 0 0;
	border-color: #0060ff;
	color: #ffffff;
}

.share-and-tags ul li:first-child a {
	margin-left: 0;
}


/*--------------------
    COMMENT BOX CSS
-----------------------*/

.comment-area ul {
	list-style: outside none none;
}

.comment-area li.comment {
	margin-bottom: 30px;
}

ul.children {
	margin-top: 30px;
}

.comment-area li.comment:last-child {
	margin-bottom: 0;
}

.comment-author {
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px;
	box-shadow: 0 0 5px;
	height: 100px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100px;
}

.comments-meta {
	margin-bottom: 10px;
}

.comments-meta h4 {
	margin-bottom: 0;
	font-weight: 500;
}

.reply-comment {
	position: absolute;
	right: 0;
	top: 0;
}

.comments-details {
	padding-left: 110px;
	position: relative;
}

.comment-box form input,
.comment-box form textarea,
.comment-box form button {
	max-height: 130px;
	min-height: 40px;
	padding: 10px;
}

.comment-box form input,
.comment-box form textarea,
.comment-box form button {
	border: 0 none;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 1px;
	box-shadow: 0 0 1px;
	max-height: 130px;
	min-height: 40px;
	overflow: hidden;
	padding: 10px;
}

.comment-box form button {
	background: #0060ff none repeat scroll 0 0;
	border: 2px solid #0060ff;
	border-radius: 5px;
	color: #ffffff;
	padding: 8px 20px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.comment-box form button:hover {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #0060ff;
}


/*----------------------------
    18. HOME VERSION TWO
-----------------------------*/

.home-two .slide-bg-overlay::after {
	background: rgba(0, 0, 0, 0) url("assets/img/home/slide_overlay-2.png") no-repeat scroll center center / cover;
}

.home-two .welcome-slider-area,
.home-two .welcome-slider-area h1,
.home-two .welcome-slider-area a {
	color: #ffffff;
}

.home-two .welcome-slider-area a:hover {
	background: #ffffff none repeat scroll 0 0;
	border-color: #ffffff;
	color: #0060ff;
}

.home-two .welcome-slider-area .owl-nav {
	bottom: inherit;
	position: inherit;
	-webkit-transform: inherit;
	transform: inherit;
}

.home-two .welcome-slider-area .owl-nav>div {
	left: -40px;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.home-two .welcome-slider-area .owl-nav>div.owl-next {
	left: auto;
	right: -40px;
}

.home-two .welcome-slider-area:hover .owl-nav>div.owl-prev {
	left: 10px;
}

.home-two .welcome-slider-area:hover .owl-nav>div.owl-next {
	right: 10px;
}

.animate-layer {
	background: #0060ff none repeat scroll 0 0;
	/*border-radius: 30% 47% 20% 89%;*/
	border-radius: 50%;
	height: 400px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 2s cubic-bezier(0.8, 0.04, 0.9, 0.65) 0s;
	transition: all 2s cubic-bezier(0.8, 0.04, 0.9, 0.65) 0s;
	width: 400px;
	z-index: -1;
}

.animate-layer.appeared {
	opacity: 0.8;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.about-bottom-area {
	position: relative;
	overflow: hidden;
}

.about-bottom-area .animate-layer {
	left: auto;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);
}

.about-bottom-area .animate-layer.appeared {
	-webkit-transform: translateY(-50%) scale(1.5);
	transform: translateY(-50%) scale(1.5);
}


/*-------------------------
    SERVICE DETAILS
---------------------------*/

.details-menu-content {
	border: 1px solid #e9eef5;
	-webkit-box-shadow: 0 0 14px #e9eef5;
	box-shadow: 0 0 14px #e9eef5;
	padding: 40px;
}

.details-menu-content ul li a {
	border: 1px solid #dddddd;
	border-radius: 5px;
	display: block;
	margin-bottom: 20px;
	padding: 15px;
	color: #000;
}

.blog-feed-area a {
	color: #02b5e3;
}

.details-menu-content ul li:last-child a {
	margin-bottom: 0;
}

.details-menu-content ul li.active a,
.details-menu-content ul li:hover a {
	background: #0b3e67 none repeat scroll 0 0;
	color: #ffffff;
}

.details-menu-content ul li a i {
	margin-right: 10px;
}

.single-portfolio-gallery {
	border-radius: 10px;
	overflow: hidden;
}

.client-details-content {
	border: 1px solid #e9eef5;
	-webkit-box-shadow: 0 0 14px #e9eef5;
	box-shadow: 0 0 14px #e9eef5;
	padding: 40px;
}

.client-details-content p {
	margin-bottom: 15px;
}

.client-details-content strong {
	display: inline-block;
	min-width: 122px;
}
.icon-background {
    color: #48BBD3;
}
 
.special:hover{
	 
            background-color:#93E7F9;
			 color: white; 
			 
        }
		
.special:hover a {
  margin : 1px;
 
  background-color: #93E7F9;
  color: white; 
  font-weight: bold;
  width: 100%;
}	
 
.button {
  background-color: #4CAF50;   
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
 

.button2 {
    border-radius: 12px;
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}
.button2:hover{
	 
    background-color:#93E7F9;
  color: white; 
  
}

.navbar-default .navbar-nav>ul>a {
	display: block;
	padding:5px 7px;
	line-height: 14px;
	text-decoration: none;
	position: relative;
	color: #292626;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
}
		
.navbar-default .navbar-nav>li>a {
	display: block;
	padding:5px 7px;
	line-height: 14px;
	text-decoration: none;
	position: relative;
	color: #292626;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
}

.navbar-nav>li {
	float: left;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	border-right: 0px solid #c5c6c5;
}

.stickBg {
	background: #fff;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
	margin-top: 0px;
}

.navbarHeader {
	margin: 5px auto;
}

@media only screen and (max-width: 767px) {
	.navbarHeader {
		padding: 5px 0px;
	}
	.stickBg img {
		width: 210px;
	}
	.navbar-collapse {
		overflow-x: hidden;
	}
}

@media only screen and (max-width: 460px) {
	.pr {
		float: unset !important;
	}
}