/*=======================
 1. google fonts Import
 ========================*/
@import "https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700|Open+Sans:300,400,700|Roboto:300,400";
/*=======================
 2. default Style
 ========================*/
body {
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #222222;
	background: white;
}
html, body {
	height: 100%;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	/*color: #222333;*/
	color:#00afef;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-top: 0;
	margin-bottom: 10px;
}
a {
	color: #00afef;
	-moz-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	letter-spacing: 0.5px;
	outline: 0;
}
a:hover, a:active, a:focus {
	color: #00afef;
	text-decoration: none;
}
p {
	color: #222222;
	font-family: "Roboto", sans-serif;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 25px;
	margin-bottom: 10px;
}
ul {
	list-style: none;
	padding: 0;
}
li {
	color: #222222;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	font-family: "Roboto"
}
 li::marker {
 color:#00afef;
}
img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
blockquote {
	border-left: 5px solid #2ac5ee;
	padding-left: 10px;
}
blockquote p {
	font-size: 16px;
	font-weight: 700;
}
strong {
	font-weight: 700;
}
cite {
	color: #cccccc;
	font-size: 14px;
}
/* End default */
/* Custom CSS */


.marquee {
	overflow: hidden;
}
.marquee-content {
	display: flex;
	animation: scrolling 10s linear infinite;
}
.marquee-item {
	flex: 0 0 4vw;
	margin: 0 1vw;/*   flex: 0 0 20vw; */
/*   margin: 0 2vw; */
}
.marquee-item img {
	display: block;
	width: 100%;/*   padding: 0 20px; */
}
 @keyframes scrolling {
 0% {
transform: translateX(0);
}
 100% {
transform: translatex(-144vw);
}
}
.pt-5 {
	padding: 5px 0 0 0;
}
.send-cta {
	padding: 0px 0 0 10px;
}
.pt-10 {
	padding: 10px 0 0 0;
}
.pt-20 {
	padding: 10px 0 0 0;
}
.pt-25 {
	padding: 25px 0 0 0;
}
.mt-20 {
	padding: 20px 0 20px 0;
}
.mt-25 {
	padding: 90px 0 30px 0;
}
.mt-30 {
	padding: 30px 0 30px 0;
}
.pt-30 {
	padding: 20px 0 0 0;
}
.pt-35 {
	padding: 35px 0 0 0;
}
.pt-40 {
	padding: 90px 0 20px 0;
}
.pt-50 {
	padding: 50px 0 0px 0 !important;
}
.pt-70 {
	padding: 70px 0 70px 0;
}
.pt-100 {
	padding: 100px 0 100px 0;
}
.pt-only-100 {
	padding-top: 100px;
}
.pb-20 {
	padding: 0px 0 20px 0;
}
.pb-30 {
	padding: 0px 0 30px 0;
}
.pb-40 {
	padding: 0px 0 40px 0;
}
.mb-50 {
	margin-bottom: 50px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-26 {
	margin-top: 26px;
}
.mt-40 {
	margin-top: 40px;
}
.marquee-item img {
	width: 100px;
}
.blue h2 {
	color: #00afef;
}
.events-spacing h3 {
	padding: 35px 0px 10px 0px;
	font-size: 20px;
}
.blank-spacing {
	padding: 20px 0px 10px 0px;
}
.past-events-spacing h2 {
	padding: 5px 0px 5px 0px;
	font-size: 30px;
	color: #00afef;
}
.past-events-spacing h3 {
	padding: 5px 0px 5px 0px;
	font-size: 20px;
}
h4.project-title.pt-20 {
	color: #00afef;
	text-align: left;
	font-weight: 600;
}
.white-bg {
	background-color: #ffffff !important;
}
.white-li-text {
	color: #ffffff !important;
}
.text-dark {
	color: #000000;
}
.techical-details ul li {
	color: #ffffff;
	font-family: "Roboto"
}
.stacked .text-center h2 {
	font-size: 36px;
}
.creative-text ul li {
	list-style: disc;
	font-family: 'Roboto';
	margin: 0 0 0 14px;
	line-height: 28px;
}
.parallax {
	width: 100%;
	height: auto;
	color: white;
	text-align: center;
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.scroll {
	width: 100%;
	height: auto;
	text-align: center;
	color: white;
}
.dark-overlay {
	background-blend-mode: color;
	background-color: rgba(0, 0, 0, 0.5);
}
.cd-headline.clip .cd-words-wrapper::after {
	background-color: #fff;
	content: "";
	height: 67%;
	position: absolute;
	right: 0;
	top: 9px;
	width: 2px;
}
.light-overlay {
	background-blend-mode: color;
	background-color: rgba(255, 255, 255, 0.5);
}
.first {
	margin-top: 100px;
}
.separator-line {
	color: white;
	border-bottom: 3px solid #2ac5ee;
	width: 60px;
	margin: 20px auto;
}
/* End Custom CSS */

/*=======================
 3. Side Navigation
 ========================*/
#wrapper {
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#wrapper.toggled {
	padding-left: 250px;
}
#sidebar-wrapper {
	z-index: 999;
	position: fixed;
	left: 250px;
	width: 0;
	height: 100%;
	margin-left: -250px;
	overflow-y: auto;
	background: #222222;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-nav li {
	margin: 0;
}
.sidebar-nav li.active a {
	color: #2ac5ee;
}
.sidebar-nav a.menu-item {
	border-bottom: 1px solid #222222;
	color: #fff;
	display: block;
	font-family: Roboto;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 0;
	margin-top: 0;
	padding: 15px 0 15px 50px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}
.slider-content .btn.btn-primary.sm.page-scroll {
	margin-top: 25px;
	padding: 14px 51px;
}
.sidebar-nav a:hover {
	text-decoration: none;
	color: #2ac5ee;
}
li.menu-footer span a {
	background: #222222 none repeat scroll 0 0;
	border-radius: 50%;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	margin: 0;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 38px;
}
li.menu-footer span a:hover {
	background: #f9f9f9 none repeat scroll 0 0;
	color: #222222;
}
.sidebar-nav > .sidebar-brand {
	color: #2ac5ee;
	font-size: 30px;
	font-weight: bold;
	margin: 10px auto;
	padding: 50px;
}
.sidebar-nav > .sidebar-brand a {
	color: #2ac5ee;
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
}
.sidebar-nav > .sidebar-brand a:hover {
	color: #2ac5ee;
	background: none;
}
#menu-toggle {
	display: none;
	font-size: 35px;
	font-weight: 700;
	z-index: 9999;
}
.menu-footer {
	background: #222222 none repeat scroll 0 0;
	bottom: 0;
	margin-top: 30px;
	padding-top: 23px;
	position: fixed;
	text-align: center;
	width: 250px;
}
.menu-footer i {
	padding: 0 5px;
}
.menu-footer p {
	color: #fff;
	font-weight: 700;
	margin: 20px 0;
}
/*=======================
 4. Page Header
 ========================*/

.parallax-header {
	background-image: url("../images/main-demo.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.parallax-project-header {
	background-image: url("../images/portfolio-demo.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.parallax-project-header .header-content {
	background-color: rgba(64, 191, 255, 0.6);
	color: white;
}
.parallax-project-header .header-content h3 {
	color: white;
}
.parallax-project-header .header-content h5 {
	color: white;
}
.freelancer-header .header-content {
	background-color: rgba(64, 191, 255, 0.6);
	color: white;
}
.freelancer-header .header-content h3 {
	color: white;
}
.freelancer-header .header-content h5 {
	color: white;
}
.freelancer-header .header-content {
	padding: 245px 0;
}
.header-content {
	background-color: rgba(54, 215, 183, 0.6);
	color: white;
	padding: 180px 0;
}
.header-content h3 {
	color: white;
	font-size: 36px;
	margin-bottom: 0;
}
.header-content h5 {
	color: white;
	font-size: 18px;
	margin-top: 25px;
}
.header-content .btn {
	margin-top: 20px;
}
.about-header {
	background: url("../images/about-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.services-header {
	background: url("../images/services-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.portfolio-header {
	background: url("../images/portfolio-demo.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.shop-header {
	background: url("../images/shop-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.cart-header {
	background: url("../images/cart-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.blog-header {
	background: url("../images/blog-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.contact-header {
	background: url("../images/contact-page.html");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
.freelancer-header {
	background-image: url("../images/freelancer-demo.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	text-align: center;
}
#shopping-cart {
	color: white;
	position: absolute;
	top: 40px;
	right: 40px;
	font-size: 20px;
}
#shopping-cart:hover {
	color: #f9f9f9;
}
.cart-items {
	color: white;
	background: #2ac5ee;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 40%;
	right: -10px;
	text-align: center;
	line-height: 16px;
	font-size: 8px;
	font-weight: 700;
	margin-top: -13px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
/* 2. header */
.header-fixed {
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1030;
}
.header-transparent {
	background: transparent none repeat scroll 0 0;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
	transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0s ease-out 0s;
}
.sticky {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 -1px 0 #f5f5f5 inset;
	transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s;
	z-index: 1030;
}
.breadcrumb-2-area {
	background-position: 50% 0;
	height: 70vh;
	overflow: hidden;
	padding: 0;
}
.hero-caption {
	display: table;
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 80%;
	z-index: 2;
}
.hero-text {
	display: table-cell;
	height: 100%;
	position: relative;
	vertical-align: middle;
}
h1.breadcrumb-2 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin-top: 104px;
}
.logo {
	padding: 18px 0 18px 0px;
	transition: all 0.3s ease 0s;
}
.logo h4 {
	font-weight: 600;
	margin: 0;
}
.header-transparent .logo h4 {
	color: #fff;
}
.sticky .logo h4 {
	color: #222;
}
.sticky .logo {
	padding: 19px 0;
}
.basic-area {
	position: relative;
}
.basic-menu {
	float: right;
}
.basic-menu li {
	float: left;
	margin-bottom: 0;
	margin-left: 35px;
	position: relative;
	transition: all 0.3s ease 0s;
}
nav ul.basic-menu {
	margin: 0;
}
.header-area {
	position: relative;
}
.header-area.headroom {
	background-color: #fff;
}
.logo.text-upper a {
	color: #00afef;
	font-family: Montserrat;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}
.basic-menu > li:last-child:after {
	display: none
}
.basic-menu li a {
	font-family: "roboto", sans-serif;
	color: #222222;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
}
.basic-menu > li > a {
	padding: 30px 0 35px;
}
.basic-menu li:hover > a {
	color: #00afef;
	text-decoration:none;
}
.basic-menu li ul {
	background: #f8f8f8 none repeat scroll 0 0;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.176);
	float: none;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: left;
	top: 100%;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.4s ease 0s;
	visibility: hidden;
	width: 250px;
	z-index: 11;
}
.basic-menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.basic-menu li ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	display: block;
	float: none;
	margin: 0;
}
.basic-menu li ul li:last-child {
	border-bottom: 0 none;
	margin: 0;
}
.basic-menu li ul li a i {
	float: right
}
/* --------------------------
  Child Sub menu
-----------------------------*/
.basic-menu li ul li ul {
	left: 100%;
	opacity: 0;
	position: absolute;
	top: 10%;
	visibility: hidden;
	z-index: 999;
}
.basic-menu li ul li:hover > ul {
	opacity: 1;
	top: 0;
	visibility: visible;
}
.basic-menu li ul li a {
	color: #222222;
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding: 17px 15px;
	text-transform: capitalize;
}
.basic-menu > li.active > a {
	color: #00afef;
}
.basic-menu li ul li:hover > a {
	background: #00afef none repeat scroll 0 0;
	color: #fff;
}
.basic-menu li ul li a span {
	float: right;
}
.member-img img {
	width: 100%;
}
.menu-area .menu-p-right ul {
	left: auto;
	right: 0;
}
.basic-menu .menu-p-right ul li ul {
	right: 100%;
}
.headroom {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10;
}
.headroom--pinned {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 -1px 0 #f5f5f5 inset;
	transform: translateY(0px);
}
.headroom--unpinned {
	transform: translateY(-100%);
}
.headroom {
	transition: transform 0.25s ease-in-out 0s;
	will-change: transform;
}
.basic-space {
	height: 78px
}
.header-transparent .basic-menu li a {
	color: #fff;
}
.header-transparent.sticky .basic-menu > li > a {
	color: #232332;
}
.sticky .basic-menu > li > a {
	padding: 23px 0;
}
.sticky .basic-menu > li::after {
	top: 25px;
}
.header-transparent .basic-menu > li > a::before {
	background: #f6f6f6 none repeat scroll 0 0;
}
.header-transparent.sticky .basic-menu > li > a::before {
	background: #666 none repeat scroll 0 0;
}
.sticky .basic-menu > li > a::before {
	bottom: 17px;
}
.hamburger {
	float: right;
	margin-left: 20px;
	margin-top: 24px;
	padding: 0;
	transition: all 0.3s ease 0s;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	height: 2px;
	width: 30px;
}
.hamburger-inner::before {
	top: -8px;
}
.hamburger--collapse .hamburger-inner::after {
	top: -16px;
}
.hamburger-menu {
	float: right;
	margin-right: -30px;
	opacity: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
}
nav.nav-menu-show {
	margin-right: 0;
	opacity: 1;
	visibility: visible;
}
.sticky .hamburger {
	margin-top: 17px;
}
.menu-area {
	margin-top: 5px;
}
.slider-screen .slider-content.ct-text-align-right {
	padding-right: 20%;
	text-align: right;
}
.slider-content h2 {
	font-weight: 500;
	letter-spacing: 5px;
}
.dot {
	background: #222222 none repeat scroll 0 0;
	display: inline-block;
	height: 5px;
	width: 5px;
}
.slider-content.text-white h2 {
	color: #fff;
	font-size: 55px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.slider-content.text-white h2 span {
	font-size: 30px;
	margin-top: 19px;
	text-transform: capitalize;
}
.slider-content.text-white p {
	color: #fff;
}
.slider_button a {
	background: #2ac5ee none repeat scroll 0 0;
	border: 1px solid #2ac5ee;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 4px;
	padding: 13px 47px;
	transition: all 0.3s ease 0s;
}
.slider_button a:hover {
	background: #222222 none repeat scroll 0 0;
	border: 1px solid #222222;
}
.slider-content.black-bg-opacity {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	display: inline-block;
	padding: 70px 50px;
	text-align: center;
	outline: 1px solid rgba(0, 0, 0, 0.2);
	outline-offset: -15px;
	position: relative;
}
.slider-content.black-bg-opacity > h2 {
	font-size: 30px;
	line-height: 40px;
	position: relative;
}
.slider-content.text-white.black-bg-opacity::before {
	border: 1px solid #2ac5ee;
	bottom: 15px;
	content: "";
	left: 15px;
	position: absolute;
	right: 15px;
	top: 10px;
}
.slider-content.text-white span {
	color: #2ac5ee;
}
.slider-white {
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	padding: 140px 0;
}
.slider-white .slider-content {
}
.slider-white .slider-content h3 {
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 50px;
	margin: 0;
}
.single-slider {
	background-size: cover;
	padding: 200px 0;
	background: repeat scroll right center;
}
.border-t-b {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5
}
.slider-screen {
	background-position: center center;
	background-size: cover;
	height: 580px;
	padding: 0;
	position: relative;
}
.slider-screen .slider-content {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 59%;
	transform: translateY(-88%);
	z-index: 99;
}











.slider-screenr .slider-contentr.ct-text-align-rightr {
	padding-right: 20%;
	text-align: right;
}
.slider-contentr h2 {
	font-weight: 500;
	letter-spacing: 2px;
}
.dotr {
	background: #222222 none repeat scroll 0 0;
	display: inline-block;
	height: 5px;
	width: 5px;
}
.slider-contentr.text-whiter h2 {
	color: #fff;
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.slider-contentr.text-whiter h2 span {
	font-size: 24px;
	margin-top: 19px;
	text-transform: capitalize;
}
.slider-contentr.text-whiter p {
	color: #fff;
}
.slider_buttonr a {
	background: #2ac5ee none repeat scroll 0 0;
	border: 1px solid #2ac5ee;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 4px;
	padding: 13px 47px;
	transition: all 0.3s ease 0s;
}
.slider_buttonr a:hover {
	background: #222222 none repeat scroll 0 0;
	border: 1px solid #222222;
}
.slider-contentr.black-bg-opacityr {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	display: inline-block;
	padding: 70px 50px;
	text-align: center;
	outline: 1px solid rgba(0, 0, 0, 0.2);
	outline-offset: -15px;
	position: relative;
}
.slider-contentr.black-bg-opacityr > h2 {
	font-size: 30px;
	line-height: 40px;
	position: relative;
}
.slider-contentr.text-whiter.black-bg-opacityr::before {
	border: 1px solid #2ac5ee;
	bottom: 15px;
	content: "";
	left: 15px;
	position: absolute;
	right: 15px;
	top: 10px;
}
.slider-contentr.text-whiter span {
	color: #2ac5ee;
}
.slider-whiter {
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	padding: 140px 0;
}
.slider-whiter .slider-contentr {
}
.slider-whiter .slider-contentr h3 {
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 50px;
	margin: 0;
}
.single-sliderr {
	background-size: cover;
	padding: 200px 0;
	background: repeat scroll right center;
}
.border-t-br {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5
}
.slider-screenr {
	background-position: center center;
	background-size: cover;
	height: 100vh;
	padding: 0;
	position: relative;
}
.slider-screenr .slider-contentr {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 59%;
	transform: translateY(-88%);
	z-index: 99;
}


.nrbop.bg-black-alfa-40::before {
	background: rgba(25, 25, 25, 0.0) none repeat scroll 0 0;
}
.slider-screen .slider-content.ct-text-align-left {
	padding-left: 20%;
	text-align: left;
}
.slide-2 .slider-content h2, .slide-2 .slider-content.text-white p {
	color: #fff;
}
.slide-2 .btn.white-btn {
	background: #2ac5ee none repeat scroll 0 0;
	border-color: #2ac5ee;
	padding: 12px 59px;
}
.slide-2 .btn.white-btn:hover {
	background: #222222 none repeat scroll 0 0;
	border-color: #222222;
	color: #fff;
	padding: 12px 59px;
}
.slider-active .owl-dots, .slider-active .owl-nav {
	text-align: center;
}
.slider-active .owl-nav {
	margin-top: 10px;
}
.slider-active .owl-nav [class*="owl-"] {
	background: #6b7d87 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
}
.slider-active .owl-nav [class*="owl-"]:hover {
	background: #00afef repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
}
.slider-active .owl-nav .disabled {
	cursor: default;
	opacity: 0.5;
}
.slider-active .owl-nav.disabled + .owl-dots {
	bottom: 36px;
	left: 50%;
	margin-top: -43px;
	position: absolute;
	margin-left: -44px;
}
.slider-active .owl-dots .owl-dot {
	display: none;
}
.slider-active .owl-dots .owl-dot span {
	backface-visibility: visible;
	background: #fff none repeat scroll 0 0;
	border-radius: 30px;
	display: block;
	height: 15px;
	margin: 10px 7px;
	transition: opacity 0.2s ease 0s;
	width: 15px;
}
.slider-active .owl-dots .owl-dot.active span, .slider-active .owl-dots .owl-dot:hover span {
	background: #00afef none repeat scroll 0 0;
}
.slider-3 .slider-content.text-white.black-bg-opacity > h2 {
	color: #fff;
}
.bg-black-alfa-40::before {
	content: "\f105";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.bg-black-alfa-40::before {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
/* 4. portfolio */
.filter-menu {
}
.filter-menu button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #666;
	display: inline;
	font-family: dosis;
	font-weight: 500;
	letter-spacing: 2px;
	margin: 0 2px;
	padding: 6px 15px;
	position: relative;
	text-transform: uppercase;
}
.filter-menu button:last-child:before {
	display: none
}
.filter-menu button.active, .filter-menu button:hover {
	color: #2ac5ee
}
.row-portfolio {
	margin: 0 -10px
}
.row-portfolio .portfolio-item {
	padding: 10px 20px;
}
.portfolio-wrapper {
	position: relative;
}
.related-wk .portfolio-item {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
.portfolio-item {
	margin-bottom: 20px;
}
.portfolio-thumb img {
	width: 100%;
}
.portfolio-thumb {
	position: relative;
}
.portfolio-thumb::before {
	background: hsl(0, 0%, 20%) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 1;
}
.portfolio-caption.caption-border.text-center {
	text-align: left;
	z-index: 2;
}
button:focus {
	outline: none;
}
.portfolio-wrapper:hover .portfolio-thumb::before {
	opacity: .15
}
.view-icon {
	height: 42px;
	left: 0;
	margin-top: -21px;
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: scale(1);
	transition: all 0.3s ease 0s;
	visibility: visible;
	width: 100%;
	z-index: 9;
}
.view-icon a {
	color: #ffffff;
}
.view-icon a:hover {
	color: #00afef;
}
.view-icon h4 {
	font-size: 24px;
	color: #ffffff;
}
.portfolio-wrapper:hover .view-icon {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}
.view-icon > a {
	background: #00afef none repeat scroll 0 0;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	height: 40px;
	line-height: 41px;
	width: 40px;
}
.view-icon > a:hover {
	background: #00afef;
	color: #fff;
}
.portfolio-caption {
	padding: 15px;
}
.portfolio-caption > h4 {
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 0;
	padding-bottom: 5px;
	position: relative;
}
.work-tag > a {
	color: #555;
	font-size: 13px;
	letter-spacing: 1px;
}
.portfolio-caption {
	padding: 15px;
}
.portfolio-caption {
	padding: 15px;
}
.caption-border {
	box-shadow: 0 1px 3px 2px rgba(1, 152, 117, 0.03);
}
/* portfolio style 2 */
.portfolio-style-2 {
	clear: both;
}
.portfolio-style-2 .portfolio-caption {
	bottom: 31px;
	left: 0;
	opacity: 0;
	padding: 15px;
	position: absolute;
	right: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
}
.portfolio-wrapper:hover .portfolio-caption {
	bottom: 15px;
	opacity: 1;
	visibility: visible;
}
/* call to action */
.call-to-action > h3 {
	font-weight: 500;
	letter-spacing: 1.5px;
}
.call-to-action > p {
	margin: 0;
}
.call-to-action a {
	margin-top: 12px;
}
/* portfolio-style-3 */
.portfolio-style-3 {
}
.portfolio-style-3 .portfolio-caption {
	bottom: 20px;
	top: inherit;
}
.portfolio-style-3 .portfolio-wrapper:hover .portfolio-caption {
	bottom: 0;
	top: inherit;
}
.row-portfolio.m-0 {
	margin: 0;
}
.portfolio-style-4 .portfolio-thumb::before {
	background: #222222 none repeat scroll 0 0;
}
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-thumb::before {
	opacity: 0.7;
}
.portfolio-style-4 .portfolio-caption > h4 {
	color: #fff;
}
.portfolio-style-4 .work-tag > a {
	color: #fff;
}
.portfolio-style-4 .portfolio-caption {
	bottom: 50%;
	top: inherit;
}
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-caption {
	transform: translateY(50%);
	bottom: 50%;
}
.portfolio-grid-2 .portfolio-item {
	width: 50%;
}
.portfolio-grid-4 .portfolio-item {
	width: 25%
}
.no-space .portfolio-item {
	margin-bottom: 0;
}
.width-8 {
	width: 66.6667%;
}
.portfolio-style-2 .portfolio-caption > h4, .portfolio-style-2 .work-tag > a, .portfolio-style-2 .work-tag {
	color: #fff;
	text-align: center;
}
.portfolio-style-2 .portfolio-caption > h4:hover a, .portfolio-style-2 .work-tag > a:hover {
	color: #222222333;
}
.portfolio-style-2 .portfolio-wrapper:hover .portfolio-thumb::before {
	opacity: 0.64;
}
.portfolio-caption > h4 a:hover, .work-tag > a:hover {
	color: #2ac5ee;
}
#contactForm .btn.btn-primary.btn-md.btn-form-submit:hover {
	background: #222;
	border-color: #222;
}
.blog-post-small .embed-responsive-16by9 {
	min-height: 228px;
}
/*=======================
 5. Image Slider
 ========================*/
#image-slider .carousel-inner {
	height: 100%;
}
.carousel-item img {
	height: auto;
	max-height: auto;
	width: 100%;
}
#blog-carousel {
	height: auto;
	width: auto;
	overflow: hidden;
}
#image-slider .slide1 {
	background-image: url("../images/slide1.jpg");
	padding: 362px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}
#image-slider .slide2 {
	background-image: url("../images/slide2.jpg");
	padding: 362px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}
#image-slider .slide3 {
	background-image: url("../images/slide3.jpg");
	padding: 362px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}
#image-slider .slide4 {
	background-image: url("../images/slide4.jpg");
	padding: 362px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}
#image-slider .carousel-control.left, #image-slider .carousel-control.right {
	background-image: none;
	opacity: 1;
	text-shadow: none;
	font-size: 30px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	background-image: none;
	opacity: 1;
	text-shadow: none;
	font-size: 30px;
}
#blog-carousel .carousel-control-next-icon, #blog-carousel .carousel-control-prev-icon {
	margin-top: -25px;
}
#project-carousel .carousel-control-next-icon, #project-carousel .carousel-control-prev-icon {
	margin-top: -25px;
}
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img {
	line-height: 1;
}
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
	display: block;
	max-width: 100%;
	height: auto;
}
#image-slider .carousel-caption {
	height: auto;
	margin-top: -108px;
	text-align: center;
	text-shadow: none;
	top: 50%;
}
.scroll-down {
	display: none;
}
#image-slider .carousel-item {
	height: 100vh;
}
#image-slider .carousel-caption h2 {
	color: white;
	font-size: 46px;
	font-weight: 700;
	margin-bottom: 15px;
}
#image-slider .carousel-item.active {
	position: relative;
}
#image-slider .carousel-item.active::after {
	background: #222222 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.37;
	position: absolute;
	top: 0;
	width: 100%;
}
#image-slider .slider-content {
	background: transparent;
	border-radius: 5px;
	display: inline-block;
	padding: 60px 55px;
}
.slider-content > p {
	color: #eee;
	margin-bottom: 22px;
	margin-top: 18px;
}
#image-slider p.caption {
	padding: 6px;
	color: white;
}
#image-slider h4 {
	color: white;
	margin: 40px auto;
}
#image-slider .carousel-caption {
	padding-bottom: 0;
}
.scroll-down {
	color: white;
	font-size: 32px;
	position: absolute;
	margin-top: 230px;
}
.scroll-down:hover {
	color: rgba(200, 200, 200, 0.8);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
/*=======================
 6. Features area
 ========================*/
#feature {
	margin-bottom: 0;
	padding: 40px 0 78px;
}
.feature-icon {
	color: #2ac5ee;
	padding: 23px;
	margin-bottom: 30px;
	display: inline-block;
	font-size: 30px;
	height: 80px;
	width: 80px;
	text-align: center;
	border: 2px solid #2ac5ee;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-moz-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.feature-icon:hover, .feature-icon:active, .feature-icon:focus {
	color: white;
	background-color: #2ac5ee;
	text-decoration: none;
}
.feature-title {
	color: #222222333;
	font-size: 16px;
	margin-bottom: 15px;
}
.feature {
	text-align: center;
	margin-top: 50px;
}
/*=======================
 7. Services area
 ========================*/
#service {
	background: #f1f1f1 none repeat scroll 0 0;
	margin-bottom: 0;
	padding-bottom: 92px;
	padding-top: 31px;
}
#service .page-header {
	margin-bottom: 0;
}
.service-icon {
	color: #2ac5ee;
	display: inline-block;
	font-size: 45px;
	height: 80px;
	margin-bottom: 10px;
	padding: 23px 0 0;
	position: relative;
	text-align: center;
	width: 80px;
	z-index: 2;
}
.serial-service {
	display: block;
	transform: scale(0);
	transition: all 0.4s ease 0s;
}
.single-service:hover .serial-service {
	transform: scale(1);
}
#works.basic-portfolio-area {
	background: #f1f1f1 none repeat scroll 0 0;
	padding-bottom: 90px;
	padding-top: 3px;
}
.service-title {
	color: #222222333;
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.service {
	margin-top: 33px;
	text-align: left;
}
.service-wrapper2 {
	margin: 10px;
	padding: 0 15px 10px;
	position: relative;
	z-index: 1;
}
.ico-wrap2 {
	height: 60px;
	position: relative;
	width: 80px;
	z-index: 100;
}
.service-nb {
	color: hsl(210, 3%, 87%);
	float: left;
	font-family: "Lobster", cursive;
	font-size: 44px;
	margin-right: -10px;
	position: relative;
	z-index: 10;
}
.service-wrapper2 h3 {
	font-size: 24px;
	margin-bottom: 15px;
	margin-top: 20px;
	position: relative;
	z-index: 10000;
}
/*=======================
 8. About area
 ========================*/
#about {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 86px 0 69px;
}

.company-info .about-company-title, .skills-bars .about-company-title {
	color: #222222333;
	font-size: 35px;
	margin-bottom: 30px;
}
.skills .progress-title h6 {
	color: #222222;
	font-size: 16px;
}
.skills .company-info p {
	color: #222222333;
}
.about-company-title {
	color: white;
	font-size: 35px;
	margin-bottom: 30px;
}
.company-info p {
	color: white;
}
.progress {
	height: 16px;
	background-color: #eee;
}
.progress-title h6 {
	color: white;
	font-size: 16px;
}
.progress-bar-success {
	background-color: #86d244;
}
.progress-bar-primary {
	background-color: #2ac5ee;
}
.progress-bar-warning {
	background-color: #ffbf25;
}
.progress-bar-danger {
	background-color: #f11a1a;
}
#about-freelancer {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	padding: 163px 0 91px;
}
.heighlight-color {
	color: #2ac5ee;
}
#about-freelancer .row {
	position: relative;
}
.freelancer-image {
	position: absolute;
	background: url(../images/freelancer-image.jpg) scroll center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}
#about-freelancer .company-info {
	padding: 83px 61px 54px;
}
#about-freelancer .company-info p {
	color: #222222;
	margin-bottom: 20px;
}
#about-freelancer .about-company-title {
	color: #222222333;
	margin-bottom: 20px;
}
#about-freelancer .about-box {
	margin: 15px 0;
	padding: 0;
}
#about-freelancer .about-text {
	padding-left: 50px;
}
#about-freelancer .about-title {
	color: #222222333;
	font-weight: 700;
	font-size: 16px;
}
.freelancer-image {
	right: 0;
}
#about-freelancer .about-company-title {
	color: #222;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#about-freelancer .about-icon {
	color: #2ac5ee;
	font-size: 26px;
	float: left;
	margin-bottom: 0;
	width: 40px;
	height: 40px;
}
#team {
	margin-bottom: 0;
	padding: 32px 0 0;
}
#facts.fanfact {
	padding: 40px 0 41px;
}
#service.service-area {
	padding: 32px 0 90px;
}
#pricing.price-area {
	padding: 0 0 40px;
}
/* End Skills Section */

/*=======================
 9. work area
 ========================*/
#work.full-width .container {
	width: 100%;
	padding: 0;
}
#work {
	background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
	margin-bottom: -20px;
	padding: 31px 0 0;
}
.portfolio-filter {
	margin: 40px;
}
.portfolio-items .col-md-4 {
	padding: 0;
	margin: 0;
}
.portfolio-items.gutter .col-md-3 {
	padding: 12px;
}
.portfolio-items.gutter .col-md-4 {
	padding: 12px;
}
.portfolio-filter li a {
	color: #222222;
	font-size: 16px;
	font-weight: 700;
	margin: 10px;
	padding-bottom: 6px;
	position: relative;
}
.portfolio-filter li a.active:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.portfolio-filter li a:hover, .portfolio-filter li a.active {
	color: #2ac5ee;
}
.portfolio-filter li {
	display: inline-block;
	margin-bottom: 0;
}
.portfolio-items .col-md-3 {
	margin-bottom: 0;
}
ul.portfolio-items {
	margin-bottom: 0;
}
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.hovereffect .overlay {
	background-color: rgba(54, 215, 183, 0.6);
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: all 0.4s ease-in-out 0s;
	width: 100%;
}
.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}
.hovereffect-title h2 {
	color: white;
	background: transparent;
	text-align: center;
	position: absolute;
	top: 43%;
	width: 100%;
	font-size: 18px;
	-webkit-transform: translatey(-100px);
	-ms-transform: translatey(-100px);
	transform: translatey(-100px);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 10px;
}
.hovereffect a.info {
	text-decoration: none;
	display: inline-block;
	color: white;
	border: 1px solid white;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin: 20px 0;
	padding: 10px 20px;
}
.hovereffect a.info:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.hovereffect:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}
.hovereffect:hover h2, .hovereffect:hover a.info {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}
.hovereffect:hover a.info {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.filter-menu button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #222222;
	display: inline;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 2px;
	padding: 6px 15px;
	position: relative;
	text-transform: capitalize;
}
.basic-portfolio-area .filter-menu {
	margin-bottom: 52px;
	margin-top: 10px;
}
.portfolio-caption > h4 a {
	color: #fff;
	font-size: 24px;
	text-align: center;
}
/*=======================
 10. Call to Action area
 ========================*/
#call-to-action {
	background-color: white;
}
.stacked {
	margin-top: -51px;
}
#call-to-action.stacked {
	background: #00afef;
	margin-top: 0;
	padding: 30px 0;
}
.cta-text {
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 60px;
	padding: 30px 0;
	color: #ffffff;
}
.cta-text-clr {
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 60px;
	padding: 30px 0;
	color: #ffffff;
}
.cta-text-clr a {
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 60px;
	padding: 30px 0;
	color: #ffffff;
}
.cta-text-clr a:hover {
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 60px;
	padding: 30px 0;
	color: #ffffff;
	text-decoration: underline;
}
.cta-right {
	float: right;
	color: #ffffff;
}
.cta-text a, a:hover {
/*color:#ffffff;
  text-decoration:underline;*/
}
.cta-content {
	padding: 30px 0;
}
#call-to-action p {
	margin-bottom: 0;
}
.cta-content .btn {
	margin-top: 9px;
}
/* breadcrumb area */

.bg-black-alfa-40::before {
	background: rgba(25, 25, 25, 0.28) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.breadcrumb-2-area {
	background-position: 50% 0;
	height: 32vh;
	overflow: hidden;
	padding: 0;
}
h1.breadcrumb-2 {
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	margin-top: 119px;
	text-transform: capitalize;
}
.breadcrumb-list .breadcrumb {
	background-color: transparent;
	padding: 0;
}
.breadcrumb-list > li {
	display: inline-block;
}
.breadcrumb-list .breadcrumb > li + li::before {
	color: #fff;
	content: "/ ";
	padding: 0 5px;
}
.breadcrumb-list .breadcrumb a {
	color: #fff;
}
.breadcrumb > .active, .breadcrumb-list .breadcrumb a:hover {
	color: #2ac5ee;
}
.bg-2 {
	background-attachment: fixed;
	background-clip: initial;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("../images/services-page.jpg");
	background-origin: initial;
	background-position: center bottom;
	background-repeat: repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
}
.hero-caption {
	display: table;
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 80%;
	z-index: 2;
}
.hero-text {
	display: table-cell;
	height: 100%;
	position: relative;
	vertical-align: middle;
}
.single-feature {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 50px 22px;
	transition: all 0.3s ease 0s;
}
.feature-title {
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.single-feature:hover .feature-icon, .single-feature.active, .single-feature:focus {
	background-color: #2ac5ee;
	color: white;
	text-decoration: none;
}
.single-feature.active .feature-icon {
	border-color: #fff;
	color: #fff;
}
.single-feature.active > p {
	color: #fff;
}
.company-info .about-company-title, .skills-bars .about-company-title {
	font-size: 35px;
	margin-bottom: 30px;
}
.history-company-title {
	font-size: 35px;
	margin-bottom: 10px;
	color: #00afef;
}
.about-company-title {
	color: #222;
	font-size: 35px;
	margin-bottom: 30px;
	text-transform: capitalize;
}
.skills .progress-bar {
	background-color: #2ac5ee;
	border-radius: 5px;
}
.progress-bar {
	height: 8px;
}
.progress {
	background-color: #f9f9f9;
	border-radius: 6px;
	box-shadow: none;
	height: 8px;
	margin-bottom: 20px;
}
.signature {
	float: left;
}
.single-member-wrapper {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	padding: 0px 0px 20px 0px;
	position: relative;
}
.home-team .single-member-wrapper {
	background: #fff;
}
#team.home-team {
	background: #f2f2f3;
}
.single-member-wrapper .social-icon {
	margin-top: 4px;
	text-align: center;
}
.members-details {
	padding-top: 20px;
	text-align: center;
}
.member-details h3 {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 5px;
}
.members-details p {
	font-size: 12px;
	font-style: italic;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}
#team {
	margin-bottom: 0;
	padding: 32px 0 95px;
}
.single-member-wrapper .social-icon {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	border-radius: 5px;
	bottom: 84px;
	left: 50%;
	margin-left: -113px;
	margin-top: 4px;
	padding: 14px 0 11px;
	/*position: absolute;*/
	text-align: center;
	transition: all 0.4s ease 0s;
	width: 220px;
}
.video-area {
	background: url("../images/slide3.jpg") repeat scroll 0 0;
	background-attachment: fixed;
	background-clip: initial;
	background-color: hsla(0, 0%, 0%, 0);
	background-origin: initial;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
	padding: 25px 0px;
	position: relative;
}
.video-area::before {
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	/*position: absolute;
	background: hsl(0, 0%, 0%) none repeat scroll 0 0;*/
	top: 0;
	width: 100%;
}
.video-icon-view.text-center {
	margin: 60px 0;
	text-align: center;
}
.play-btn {
	animation: 1.2s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running pulse;
	background-color: hsla(0, 0%, 0%, 0);
	border: 2px solid hsl(0, 0%, 100%);
	border-radius: 50%;
	box-shadow: 0 0 0 0 hsla(182, 74%, 86%, 0.7);
	color: hsl(0, 0%, 100%);
	display: inline-block;
	font-size: 18px;
	height: 75px;
	line-height: 72px;
	margin: 0 20px;
	padding: 0 0 0 5px;
	position: relative;
	text-align: center;
	width: 75px;
}
@keyframes pulse {
100% {
 box-shadow: 0 0 0 45px hsla(182, 74%, 86%, 0);
}
}
@keyframes pulse {
100% {
 box-shadow: 0 0 0 45px hsla(182, 74%, 86%, 0);
}
}
#pricing.price-area.home-price-plan {
	padding-bottom: 68px;
	padding-top: 33px;
}
#service.service-area .page-header {
	margin-bottom: 18px;
}
#feature {
	padding: 40px 0 90px;
}
.members-details h3:hover a {
	color: #222222;
}
#pricing.price-area {
	background: #f1f1f1;
	padding: 91px 0 40px;
}
.pricing-table.featured-p-t {
	transform: scaleY(1.1);
}
.basic-testimonial-area .page-header > h2 {
	color: #fff;
}
.basic-testimonial-area1 .page-header > h2 {
	color: #fff;
}
.testimonial-name, .testimonial-pos {
	color: #fff;
}
.basic-testimonial-area::after {
	background: hsl(201, 57%, 0%) none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.basic-testimonial-area {
	background: hsla(0, 0%, 0%, 0) url("../images/technical-details-bg.jpg") repeat fixed center center / cover;
	position: relative;
}
.basic-testimonial-area1 {
	background: hsla(0, 0%, 0%, 0) url("../images/company-profile/core.png") repeat fixed center center / cover;
	position: relative;
}
.basic-testimonial-area1::after {
	background: hsl(201, 57%, 0%) none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.comt {
	color: #ffffff;
	font-family: "Roboto", sans-serif;
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 43px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 20px;
}
.bgac {
	background: hsla(0, 0%, 0%, 0) url("../images/core.jpg") repeat fixed center center / cover;
	position: relative;
	padding-bottom: 87px;
	padding-top: 33px
}
.textwhite {
	color: #FFFFFF;
	text-align: center;
}
/*=======================
 11. Pricing area
 ========================*/
.pricing-table {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	margin-bottom: 50px;
	padding-bottom: 10px;
	text-align: center;
}
.pricing-title {
	background-color: #222;
	color: white;
	font-size: 16px;
	font-weight: 700;
	padding: 20px;
}
.featured.pricing-title {
	background-color: #2ac5ee;
}
#work.pot-area {
	padding: 46px 0 90px;
}
#shop {
	margin-top: 70px;
	padding: 44px 0 6px;
}
.pricing-table-price {
	font-weight: 700;
	padding: 30px 20px;
}
#blog.blog-page-area {
	padding: 91px 0 67px;
}
.blog-page-area .blog-post-small {
	margin: 0;
}
.pricing-circle {
	color: #222222333;
}
.pricing-currency {
	color: #222222333;
	font-size: 16px;
	font-weight: 700;
	vertical-align: 25px;
}
.pricing-price {
	color: #222222333;
	font-size: 50px;
	font-weight: 700;
}
.pricing-table-content li {
	margin-bottom: 15px;
}
.pricing-table-button {
	padding: 20px 0 30px;
}
.no-image-blog .blog-box-layout4 {
	margin-bottom: 16px;
	margin-top: 13px;
}
/*=======================
 12. Facts area
 ========================*/
#facts {
	padding-bottom: 0;
	padding-top: 88px;
	text-align: center;
}
.facts-icon {
	color: hsl(193, 85%, 55%);
	display: block;
	font-size: 51px;
	margin-bottom: 18px;
}
#facts p {
	color: #fff;
	font-size: 39px;
	font-weight: 900;
	font-family: montserrat;
	padding: 5px 0;
}
.facts-title {
	color: #2AC5EE;
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 50px;
}
.facts-title {
	margin-bottom: 37px;
	text-transform: uppercase;
}
/*=======================
 13. Map area
 ========================*/
#map {
	width: 100%;
	height: 400px;
	margin-top: 50px;
}
#map.big {
	height: 450px;
	margin-top: 0;
}
/*=======================
 14. Contact area
 ========================*/
#contact {
	margin-bottom: 26px;
	margin-top: 45px;
}
#contact .form-group {
	margin-bottom: 0;
}
#contact #contactForm {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.form-control {
	font-size: 14px;
	line-height: 21px;
	font-family: "Roboto", sans-serif;
}
#contactForm .form-control {
	background: #f9f9f9 none repeat scroll 0 0;
	border: 2px solid #f9f9f9;
	border-radius: 5px;
	box-shadow: none;
	color: #222222;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-bottom: 30px;
	min-height: 50px;
	padding: 10px 20px;
}
button.btn.btn-md {
	background: #2ac5ee none repeat scroll 0 0;
	border-color: #2ac5ee;
	text-transform: uppercase;
}
#contactForm #message {
	min-height: 130px;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: none;
}
.btn-form-submit {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	border-radius: 5px;
	margin: 0;
	padding: 14px;
	width: 100%;
}
#contact .btn-form-submit:hover {
	background: #2ac5ee;
	border-color: #2ac5ee;
}
.has-error .form-control {
	color: #f11a1a;
	border: 2px solid #f11a1a;
}
.help-block.with-errors li {
	color: #f11a1a;
	margin-top: -30px;
	margin-bottom: 0;
}
.text-danger {
	color: #f11a1a;
	font-size: 14px;
	font-weight: 700;
}
#msgSubmit.h3 {
	font-size: 14px;
	margin-top: 5px;
}
.contact-info {
	margin-top: 50px;
}
.contact-info .contacts {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 33px;
	text-align: center;
}
.contact-info img {
	max-width: 100px;
	margin-left: 0;
	margin-bottom: 20px;
}
.contact-info-title i {
	color: #2ac5ee;
	font-size: 24px;
	margin-right: 10px;
}
.info {
	margin-bottom: 20px;
}
.info.last {
	margin-bottom: 0;
}
.cont-logo > a {
	color: #2ac5ee;
	display: inline-block;
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.contact-info-title {
	color: #222222333;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.contact-info.contact-page-area-info {
	padding-top: 45px;
}
.no-padding-right {
	padding-right: 0;
}
.contact-page-area-form {
	padding-bottom: 32px;
}
.contact-info-text {
	margin-bottom: 40px;
}
#work.related-wk {
	padding-bottom: 50px;
}
a.contact-info-text {
	font-weight: 700;
}
#contact.full-width #contactForm {
	width: 100%;
}
/*=======================
 15. Team area
 ========================*/
.team-info {
	border: 5px solid #f9f9f9;
	margin-bottom: 50px;
}
.team img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.team-rounded img {
	border: 0;
	border-radius: 100%;
	width: 220px;
	height: 220px;
	margin-bottom: 30px;
}
.team-title {
	color: #222222333;
	font-size: 24px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 3px;
}
.team-role {
	text-align: center;
	font-size: 12px;
}
.subscribe-area .error {
	text-align: left;
}
.newsletter-form input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 5px 0 0 5px;
	display: inline-block;
	float: left;
	height: 50px;
	margin-left: 21px;
	padding: 5px 10px;
	width: 76%;
}
.newsletter-form .mc-submit {
	background-color: #2ac5ee;
	border: medium none;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 24px;
	font-weight: bold;
	height: 50px;
	position: relative;
	text-align: center;
	width: 20%;
	border-radius: 0px 5px 5px 0px;
	transition: all 0.3s ease 0s;
}
.subscribe-area.section-small {
	background: #f1f1f1 none repeat scroll 0 0;
	padding: 91px 0 77px;
}
.newsletter-form {
	margin-top: 7px;
}
.subscribe-box h2 {
	font-size: 35px;
}
.form-control:focus {
	border-color: #2ac5ee;
	box-shadow: none;
	outline: 0 none;
}
.newsletter-form button.mc-submit:hover {
	background: #222 none repeat scroll 0 0;
	color: #fff;
}
/*=======================
 16. Clients area
 ========================*/
#clients {
	background-color: #fff;
	padding-bottom: 53px;
	padding-top: 91px;
}
.client {
	margin-bottom: 20px;
	padding: 10px;
}
/*=======================
 17. Blog area
 ========================*/
.blog-header {
	margin-bottom: 20px;
}
.blog-post-small {
	margin: 50px 0;
}
.blog-post-small .post-title {
	font-size: 20px;
	margin-bottom: 5px;
}
.blog-post-small .post-meta {
	font-size: 12px;
	margin-bottom: 7px;
}
.blog-post-small .post-meta-link {
	font-weight: 700;
}
.blog-post-small .post-excerpt {
	font-size: 14px;
}
.blog-post-small .read-more {
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0;
	padding: 9px 27px;
	text-transform: uppercase;
}
.blog-post-small .carousel-control {
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.1);
}
.blog-post-small .embed-responsive-item {
	background-color: #f9f9f9;
}
.blog-post-small .embed-responsive-16by9 {
	padding-bottom: 9.1%;
}
/*=======================
 18. Shop area
 ========================*/
#shop {
	margin-top: 70px;
}
.product {
	margin-bottom: 70px;
	text-align: center;
}
.product img {
	width: 95%;
}
.product img:hover {
	opacity: 0.8;
}
.product-price {
	color: white;
	background: #2ac5ee;
	border-radius: 100%;
	width: 70px;
	height: 70px;
	line-height: 44px;
	padding: 15px 20px;
	font-size: 18px;
	position: absolute;
	top: -25px;
	right: 0px;
	font-weight: 700;
	text-align: center;
	z-index: 99;
}
.product-title {
	color: #222222333;
	font-size: 24px;
	padding-top: 20px;
	text-align: center;
}
a .product-title:hover {
	opacity: 0.6;
	-moz-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.blog-title-primary a {
	color: #222;
}
/*=======================
 19. Cart area
 ========================*/
.shopping-cart {
	margin-top: 50px;
}
table {
	margin: 0 0 30px;
	width: 100%;
}
.shopping-cart thead {
	background: #f9f9f9;
}
.shopping-cart thead th {
	color: #222222333;
	padding: 10px 0;
	font-size: 16px;
	line-height: 30px;
}
.shopping-cart tbody td {
	color: #222222;
	padding: 10px 0;
	vertical-align: middle;
	font-size: 14px;
}
.shopping-cart img {
	max-width: 50px;
}
.cart-item {
	border-bottom: 1px solid #f9f9f9;
}
.cart-item a img:hover {
	opacity: 0.6;
}
.qty input[type="number"] {
	max-width: 50px;
	max-height: 50px;
	padding: 14px 4px 10px 8px;
	float: left;
	outline: none;
}
.x-remove {
	padding: 0 3px;
	font-size: 15px;
	line-height: 14px;
	border-radius: 100%;
	float: right;
}
.coupon {
	margin: 30px 0;
	float: left;
}
.coupon #coupon-code {
	color: #777777;
	font-weight: 700;
	letter-spacing: 0.5px;
	border: 2px solid #f9f9f9;
	border-radius: 5px;
	padding: 10px 20px;
	min-height: 50px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.coupon .btn {
	min-height: 50px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
	border-radius: 5px;
	font-size: 14px;
}
.update-cart {
	margin: 30px 0;
}
.update-cart .btn {
	float: right;
	min-height: 50px;
	margin-top: 0;
	margin-right: 5px;
	border-radius: 5px;
	font-size: 14px;
}
#checkout {
	margin-top: 70px;
	margin-bottom: 50px;
}
#checkout .title {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f9f9f9;
}
#checkout p {
	font-weight: 700;
	margin: 30px 0;
}
#checkout p span {
	font-weight: 400;
	font-size: 14px;
}
#checkoutForm .form-control {
	color: #222222;
	font-weight: 700;
	letter-spacing: 0.5px;
	border: 2px solid #f9f9f9;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 10px 20px;
	min-height: 50px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#checkoutForm .btn-form-submit {
	border-radius: 5px;
	margin: 0;
	padding: 13px;
	width: 100%;
}
#home {
	top: 0;
}
.scroll-to-top {
	background: #2ac5ee;
	color: white;
	width: 35px;
	height: 35px;
	bottom: 20px;
	right: 20px;
	font-size: 30px;
	line-height: 32px;
	border: 2px solid #2ac5ee;
	border-radius: 5px;
	position: fixed;
	text-align: center;
	font-size: 24px;
	z-index: 99;
}
.scroll-to-top:hover {
	background: #2ac5ee;
	color: white;
	border: 2px solid #2ac5ee;
}
.evaluation_area {
	background: hsl(0, 0%, 95%) none repeat scroll 0 0;
	padding: 32px 0 90px;
}
.evaluation_area .default-form-area {
	background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
}
.left-call-back {
	padding-top: 62px;
}
.evaluation_area .form-control {
	background-clip: padding-box;
	background-color: hsl(0, 0%, 98%);
	border: 1px solid hsl(0, 0%, 93%);
	border-radius: 5px;
	box-shadow: 0 0 0 hsla(0, 0%, 0%, 0) inset;
	color: hsl(0, 0%, 33%);
	display: block;
	font-size: 15px;
	height: 45px;
	line-height: 1.42857;
	margin-bottom: 20px;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}
.evaluation_area .form-control:focus {
	border: 1px solid #2ac5ee;
}
.evaluation_area textarea {
	min-height: 125px;
}
.default-form-area .clearfix.row {
	margin: 0 -15px;
}
.default-form-area .page-header {
	margin-bottom: 57px;
	text-align: left;
}
.evaluation_area .form-group .btn.btn-primary.md {
	padding: 15px 43px;
	text-transform: uppercase;
}
.blog-box-layout4 {
	margin-bottom: 33px;
	position: relative;
}
.blog-box-layout4 .item-content {
	background-color: hsla(0, 0%, 100%, 0.9);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	padding: 30px 30px 29px 35px;
	position: relative;
}
ul.published-date-dark li {
	color: hsl(0, 0%, 50%);
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 15px;
	margin-right: 4px;
	padding-right: 10px;
}
ul.published-date-dark li span {
	display: inline-block;
	float: left;
	font-size: 15px;
	margin-right: 6px;
	margin-top: -1px;
}
ul.published-date-dark li:last-child {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0;
}
ul.published-date-dark {
	margin-bottom: 0;
}
.blog_area {
	padding: 30px 0 60px;
}
.blog-title-primary > a:hover {
	color: #2ac5ee;
}
.blog-header.blog-img-side {
	margin: 0;
}
.pagination-bar {
	clear: both;
}
.pagination {
	border-radius: 4px;
	display: inline-block;
	margin: 20px 0;
	padding-left: 0;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination .pagination > li > span {
	border: 1px solid #eee;
	border-radius: 5px;
	color: #2d2d2d;
	font-size: 15px;
	height: 48px;
	line-height: 36px;
	float: left;
	margin-right: 10px;
	margin-left: -1px;
	padding: 6px 12px;
	min-width: 48px;
	text-align: center;
}
.pagination-bar .pagination > li:first-child > a, .pagination-bar .pagination > li:first-child > span {
	background: #2ac5ee none repeat scroll 0 0;
	border-color: #2ac5ee;
}
.pagination-bar .pagination > li a:hover, .pagination-bar .pagination > li:hover span {
	background: #000 none repeat scroll 0 0;
	border-color: #000;
	color: #fff;
}
/*=======================
 20. Single Pages
 ========================*/
.single-post-content {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.single-post-content .post-meta {
	padding: 20px 0;
	margin-bottom: 0;
}
.single-post-content .post-content {
	padding: 30px 20px 0px 20px;
	margin-bottom: 0px;
}
.box-height {
	min-height: 180px;
}
.single-post-content .first-post-paragraph:first-child:first-letter {
	float: left;
	color: #2ac5ee;
	font-size: 65px;
	line-height: 50px;
	padding: 3px 6px 8px 6px;
}
.single-post-content .social-share {
	display: block;
	margin-bottom: 54px;
	overflow: hidden;
	padding-left: 0;
}
.single-post-content .social-share i {
	margin-right: 10px;
}
.single-post-content .social-share a {
	color: white;
	background-color: #2ac5ee;
	padding: 10px 15px 10px 15px;
	margin-top: 20px;
	margin-right: 10px;
	border-radius: 5px;
	float: left;
}
.post-nav {
	width: 90%;
	margin: 0 auto 50px auto;
}
.post-nav .left {
	float: left;
}
.post-nav .right {
	float: right;
}
.post-nav .left i {
	margin-right: 10px;
	font-size: 12px;
}
.basic-testimonial-area {
	padding-bottom: 87px;
	padding-top: 33px;
}
.basic-testimonial-area1 {
	padding-bottom: 87px;
	padding-top: 33px;
}
.post-nav .right i {
	margin-left: 10px;
	font-size: 12px;
}
.basic-testimonial-area .container {
	position: relative;
	z-index: 4;
}
.basic-testimonial-area1 .container {
	position: relative;
	z-index: 4;
}
.single-post-content .social-share a:hover {
	background-color: #2ac5ee;
}
.single-post-content .skills {
	margin: 30px 0 0 0;
}
#single-project .single-post-content {
	width: 100%;
}
/*
#single-project .single-post-content .post-content {
  padding: 30px 0px 0px 0px;
}
*/

#single-project .about-project {
	background: #f9f9f9;
	padding: 20px;
	margin-bottom: 10px;
}
#single-project .project-info {
	padding: 20px;
	margin-bottom: 10px;
}
#single-project .single-post-content h3 {
	margin: 30px 0;
}
.info-text {
	margin-bottom: 10px;
}
.info-text span {
	font-weight: 700;
}
#single-product {
	margin-top: 50px;
}
#single-product .product {
	margin-bottom: 30px;
}
#single-product .product-title {
	text-align: left;
	padding-top: 0;
	margin-bottom: 25px;
}
.product-text {
	margin-top: 50px;
}
#single-product .product img {
	width: 100%;
}
#single-product .product-description {
	background: #f9f9f9;
	padding: 20px;
	text-align: left;
}
p.product-button {
	text-align: left;
	margin: 30px 0;
}
.add-to-cart i {
	margin-right: 20px;
}
#scrollUp {
	background: hsl(168, 67%, 53%) none repeat scroll 0 0;
	border-radius: 5px;
	bottom: 15px;
	box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.05);
	color: hsl(0, 0%, 100%);
	font-size: 17px;
	height: 40px;
	line-height: 45px;
	position: fixed;
	right: 24px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 40px;
	z-index: 200;
}
#scrollUp:hover {
	background: #222222 none repeat scroll 0 0;
}
.demo-parallax-header {
	background-image: url("../images/demo-header.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}
#demo-header .header-content {
	margin: 95px 0;
}
header#demo-header h2 {
	margin-top: 0;
	font-size: 30px;
	margin-bottom: 20px;
}
.demo-top-space {
	margin-top: 100px;
}
#demos h3 {
	background-color: #f3f3f3;
	color: #777;
	padding: 20px;
	font-size: 16px;
	margin-top: 0;
}
#demos a img:hover {
	opacity: 0.8;
}
.footer-info .logo a {
	color: hsl(168, 67%, 53%);
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
}
.social-icon a {
	border: 1px solid #2AC5EE;
}
.social-icon a {
	border-radius: 50%;
	display: inline-block;
	height: 35px;
	line-height: 33px;
	margin: 0 5px;
	text-align: center;
	width: 35px;
}
.social-icon a:hover {
	background: #222222;
	border-color: #222222;
	color: #fff;
}
footer.footer-bg {
	background: #fff none repeat scroll 0 0;
	border-top: 0 solid #2ac5ee;
	padding: 69px 0 78px;
}
.footer-bottom {
	margin-top: 23px;
}
.portfolio-wrapper:hover .portfolio-thumb img {
	transform: scale(1.2);
}
.portfolio-wrapper .portfolio-thumb img {
	transition: all 0.4s ease 0s;
}
.portfolio-wrapper {
	overflow: hidden;
}

/*=======================
 21. Responsive Style
 ========================*/
/* Min Widths */
@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 768px) {
#wrapper {
	padding-left: 250px;
}
#wrapper.toggled {
	padding-left: 0;
}
#sidebar-wrapper {
	width: 255px;
}
#wrapper.toggled #sidebar-wrapper {
	width: 0;
}

}

/* Max Widths */
@media only screen and (max-width: 991px) {
.freelancer-image {
	position: relative;
	height: 420px;
}
}

@media only screen and (max-width: 768px) {
	
.parallax {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.demo-parallax-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.parallax-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.parallax-project-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.about-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.services-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.portfolio-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.shop-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.cart-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.blog-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.contact-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
.freelancer-header {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
}
#image-slider .slide1 {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
	padding: 260px 0;
}
#image-slider .slide2 {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
	padding: 260px 0;
}
#image-slider .slide3 {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
	padding: 260px 0;
}
#image-slider .slide4 {
	background-attachment: scroll;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
	padding: 260px 0;
}
#image-slider .carousel-caption {
	top: -80px;
}
.scroll-down {
	margin-top: 110px;
}
.carousel {margin-top:17%;}
}

@media only screen and (max-width: 767px) {
		.logo {
	padding: 18px 0 18px 0px;
	transition: all 0.3s ease 0s;
/*	width:350px;*/
}
	
#menu-toggle {
	background: rgba(245, 245, 245, 0.8) none repeat scroll 0 0;
	display: block;
	font-size: 30px;
	margin-left: 30px;
	margin-top: 30px;
	padding: 4px;
	position: absolute;
}
.menu-footer {
	position: relative;
	margin-top: 60px;
}
#contact #contactForm {
	width: 100%;
}

}

@media only screen and (max-width: 575px) {
		.logo {
	padding: 18px 0 18px 0px;
	transition: all 0.3s ease 0s;
/*	width:350px;*/
}
	

#image-slider .carousel-caption {
	top: 0;
	position: relative;
	left: 0;
	padding: 0;
}
#image-slider .slider-content {
	padding: 30px;
}
#image-slider .slide1 {
	padding: 180px 0;
}
#image-slider .slide2 {
	padding: 180px 0;
}
#image-slider .slide3 {
	padding: 180px 0;
}
#image-slider .slide4 {
	padding: 180px 0;
}
}

@media only screen and (max-width: 560px) {
		.logo {
	padding: 18px 0 18px 0px;
	transition: all 0.3s ease 0s;
/*	width:350px;*/
}		
		
#call-to-action p {
	margin-bottom: 0;
	text-align: center;
}
.cta-content .btn {
	float: none;
	margin: 20px auto;
}
}

@media only screen and (max-width: 480px) {
	
.portfolio-items .col-xs-6 {
	width: 100%;
}
.post-nav {
	text-align: center;
}
.post-nav .left {
	float: none;
	margin-top: 50px;
	margin-bottom: 30px;
}
.post-nav .right {
	float: none;
}
#map.big {
	height: 300px;
}
}
/* Bootstrap Elements */
/* Jumbotron */
.jumbotron {
	background-color: #f9f9f9;
}
.single-post-content .social-share a:hover {
	background: #222222;
}
.jumbotron h1 {
	color: #2ac5ee;
}
/* Page Header */
.page-header {
	padding-bottom: 3px;
	margin: 50px 0 30px;
	text-align: center;
	position: relative;
	border-bottom: 0;
}
.page-header h2 {
	display: inline-block;
	font-size: 36px;
	margin-bottom: 5px;
	position: relative;
	text-transform: capitalize;
}
/* .page-header h2::after {
  background: #000 none repeat scroll 0 0;
  bottom: -12px;
  content: "";
  height: 5px;
  left: 50%;
  position: absolute;
  width: 90px;
  margin-left: -45px;
} */
.single-service {
	background: #fff none repeat scroll 0 0;
	padding: 29px 25px 40px;
	position: relative;
	text-align: center;
	transition: all 0.4s ease 0s;
}
.single-service:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.serial-service > span {
	color: #f6f6f6;
	font-size: 97px;
	font-weight: bold;
	left: 50%;
	margin-left: -80px;
	position: absolute;
	top: 25px;
	width: 160px;
	z-index: 1;
}
.h2-c-ifo .provide_images::after {
	border: 10px solid rgba(0, 0, 0, 0.05);
	content: "";
	display: block;
	height: 100%;
	left: -70px;
	position: absolute;
	top: -70px;
	transition: all 300ms linear 0s;
	width: 100%;
	z-index: 1;
}
.h2-c-ifo .provide_images {
	cursor: pointer;
	float: right;
	max-width: 502px;
	position: relative;
	transition: all 300ms linear 0s;
}
/* .h2-c-ifo:hover .provide_images::after, .h2-c-ifo:focus .provide_images::after {
  left: 0;
  top: 0;
  z-index: 3;
} */
.provide_images .imagese {
	position: relative;
	z-index: 2;
}
/* Buttons */
.btn {
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	border-radius: 5px;
	padding: 10px 44px !important;
	margin: 5px;
	-moz-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.btn-sm {
	font-weight: 700;
	letter-spacing: 0.5px;
	border-radius: 5px;
	padding: 8px 20px;
}
.btn-md {
	padding: 10px 27px;
}
.btn-default {
	color: white;
	background-color: #777777;
	border-color: #777777;
}
.btn-default:hover, .btn-default:focus {
	color: white;
	background-color: #222222;
	border-color: #222222;
	outline: none;
}
.btn-primary {
	color: white;
	background-color: #2ac5ee !important;
	border-color: #2ac5ee !important;
}
.btn-primary:hover, .btn-primary:focus {
	color: white;
	background-color: #0899bf !important;
	border-color: #0899bf !important;
	outline: none;
}
.btn-success {
	color: white;
	background-color: #86d244;
	border-color: #86d244;
}
.btn-success:hover, .btn-success:focus {
	color: white;
	background-color: #68b624;
	border-color: #68b624;
	outline: none;
}
.btn-info {
	color: white;
	background-color: #009eef;
	border-color: #009eef;
}
.btn-info:hover, .btn-info:focus {
	color: white;
	background-color: #0084c9;
	border-color: #0084c9;
	outline: none;
}
.btn-warning {
	color: white;
	background-color: #ffbf25;
	border-color: #ffbf25;
}
.btn-warning:hover, .btn-warning:focus {
	color: white;
	background-color: #eeab09;
	border-color: #eeab09;
	outline: none;
}
.btn-danger {
	color: white;
	background-color: #f11a1a;
	border-color: #f11a1a;
}
.btn-danger:hover, .btn-danger:focus {
	color: white;
	background-color: #d90707;
	border-color: #d90707;
	outline: none;
}
.btn-link {
	color: #2ac5ee;
	background-color: transparent;
	border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
	color: #2ac5ee;
	background-color: transparent;
	border-color: transparent;
	text-decoration: none;
	outline: none;
}
/* Thumbnails */
.img-thumbnail {
	padding: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	margin-right: 20px;
	margin-bottom: 20px;
}
.center {
	text-align: center;
}
/* Labels */
.label {
	padding: 12px 24px;
	font-size: .5em;
	font-weight: 700;
	color: white;
	border-radius: 5px;
}
.label-default {
	background-color: #777777;
}
.label-primary {
	background-color: #2ac5ee;
}
.label-success {
	background-color: #86d244;
}
.label-info {
	background-color: #009eef;
}
.label-warning {
	background-color: #ffbf25;
}
.label-danger {
	background-color: #f11a1a;
}
h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label, p .label {
	line-height: 40px;
}
/* Badges */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: white;
	background-color: #2ac5ee;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: #2ac5ee;
}
.badge {
	color: white;
	background-color: #2ac5ee;
}
/* Alerts */
.alert-success {
	color: white;
	background-color: #86d244;
	border-color: #68b624;
}
.alert-info {
	color: white;
	background-color: #009eef;
	border-color: #0084c9;
}
.alert-warning {
	color: white;
	background-color: #ffbf25;
	border-color: #eeab09;
}
.alert-danger {
	color: white;
	background-color: #f11a1a;
	border-color: #d90707;
}
/* Progress Bars */
.progress-title span {
	float: right;
}
.progress {
	height: 20px;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.progress-bar-default {
	background-color: #777777;
}
.progress-bar {
	background-color: #2ac5ee;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.progress-bar-success {
	background-color: #86d244;
}
.progress-bar-info {
	background-color: #009eef;
}
.progress-bar-warning {
	background-color: #ffbf25;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
	-webkit-transition-duration: 10s;
	transition-duration: 10s;
}
.progress-bar-danger {
	background-color: #f11a1a;
}
/* Animations */
.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.second.animated {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
}
.third.animated {
	-webkit-animation-duration: 2.6s;
	animation-duration: 2.6s;
}
.fourth.animated {
	-webkit-animation-duration: 2.8s;
	animation-duration: 2.8s;
}
.fifth.animated {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
.sixth.animated {
	-webkit-animation-duration: 3.2s;
	animation-duration: 3.2s;
}
.seventh.animated {
	-webkit-animation-duration: 3.4s;
	animation-duration: 3.4s;
}
.eighth.animated {
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
}
.nineth.animated {
	-webkit-animation-duration: 3.6s;
	animation-duration: 3.6s;
}
/* List Groups */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	color: white;
	background-color: #2ac5ee;
	border-color: #2ac5ee;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
	color: #cccccc;
}
.footer_top .logo.text-upper {
	padding-bottom: 10px;
	padding-top: 0;
}
.footer_top .widget_title {
	font-size: 22px;
	padding-bottom: 16px;
	text-transform: uppercase;
	
	    color: #00afef;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 10px;
	
	
}
.footer_top {
	padding: 84px 0 74px;
}
.quick_link li a::before {
	background-color: #c0c0c0;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 10px;
	margin-right: 15px;
	transition: all 0.3s ease 0s;
	width: 10px;
}
.touch li h6 {
	color: #222;
	font-size: 16px;
	margin-bottom: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	position: relative;
	text-transform: capitalize;
}
.blog-title-primary {
	font-size: 16px;
}
.touch li h6 i {
	background: #00afef none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	height: 31px;
	left: 0;
	line-height: 32px;
	position: absolute;
	text-align: center;
	top: -5px;
	width: 31px;
}
.touch li p {
	padding-left: 40px;
}
.quick_link li {
	margin-bottom: 14px;
	transition: all 0.3s ease 0s;
}
.quick_link li:hover {
	padding-left: 5px;
}
.quick_link li:hover a::before {
	background-color: #2ac5ee;
}
.quick_link li a::before {
	background-color: #222;
	border-radius: 0;
	content: "";
	display: inline-block;
	height: 2px;
	margin-right: 9px;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	width: 10px;
}
.quick_link li a {
	color: #222;
	position: relative;
	text-transform: capitalize;
	transition: all 0.4s ease 0s;
}
.quick_link li a:hover {
	color: #2ac5ee;
}
.business_hour ul li {
	color: #222;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 8px;
	margin-top: 15px;
	width: 100%;
}
.business_hour ul li label {
	color: #2ac5ee;
	float: right;
}
.social-icon.Footer-social-icon > a {
	border-radius: 5px;
	margin: 0 10px 0 0;
	color:#00afef;
}
.touch li p a{
    color:#00afef;
}
.social-footer-area {
	margin-bottom: 19px;
}
.footer_copyright_area {
	background: #222 none repeat scroll 0 0;
	color: #fff;
	padding: 20px 0;
	text-align: center;
}
/* Panels */
.panel-default > .panel-heading {
	color: white;
	background-color: #777777;
	border-color: #222222;
}
.panel-default {
	border-color: #222222;
}
.panel-primary > .panel-heading {
	color: white;
	background-color: #2ac5ee;
	border-color: #2ac5ee;
}
.panel-primary {
	border-color: #2ac5ee;
}
.panel-success > .panel-heading {
	color: white;
	background-color: #86d244;
	border-color: #68b624;
}
.panel-success {
	border-color: #68b624;
}
.panel-info > .panel-heading {
	color: white;
	background-color: #009eef;
	border-color: #0084c9;
}
.panel-info {
	border-color: #0084c9;
}
.panel-warning > .panel-heading {
	color: white;
	background-color: #ffbf25;
	border-color: #eeab09;
}
.panel-warning {
	border-color: #eeab09;
}
.panel-danger > .panel-heading {
	color: white;
	background-color: #f11a1a;
	border-color: #d90707;
}
.panel-danger {
	border-color: #d90707;
}
.well {
	min-height: 19px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.carousel-control {
	font-size: 34px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-control .lnr-chevron-left {
	position: absolute;
	top: 50%;
	left: 15%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	float: left;
}
.carousel-control .lnr-chevron-right {
	position: absolute;
	color: white;
	top: 50%;
	right: 15%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
}
.carousel-indicators li {
	width: 10px;
	height: 10px;
	margin: 8px;
	border: 1px solid white;
	background-color: white;
}
.carousel-indicators li.active {
	width: 12px;
	height: 12px;
	margin: 7px;
	border-width: 2px;
	background-color: transparent;
}

/* Normal desktop :992px. */
@media (min-width: 200px) and (max-width: 767px) {
	.carousel {margin-top:25%;}
	.timeline::before {display:none;}
	.timeline::after {display:none;}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.product-price {
	font-size: 12px;
	height: 50px;
	line-height: 21px;
	padding: 15px 10px;
	width: 50px;
}
.product-title {
	font-size: 18px;
}
}

/* small mobile :320px. */
@media (max-width: 767px) {
.container {
	width: 300px
}
.cta-content .btn {
	float: none;
}
.cta-text {
	display: block;
	padding: 30px 0;
	text-align: center;
}
#image-slider .carousel-caption h2 {
	font-size: 32px;
}
#image-slider .carousel-caption {
	margin-top: -24px;
}
.slider-content .btn.btn-primary.sm.page-scroll {
	font-size: 14px;
	margin-top: 25px;
	padding: 13px 29px;
}
.portfolio-filter li {
	margin-bottom: 15px;
}
.post-nav {
	display: none;
}
#video-post {
	padding-bottom: 90px;
}
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
	width: 450px
}
.facts-title {
	font-size: 14px;
}
.carousel-caption {
	left: 3%;
}
.post-nav {
	display: none;
}
#video-post {
	padding-bottom: 90px;
}

}
#work.basic-portfolio-area.hm-p-area {
	padding-bottom: 0;
}
.testimonial-box {
}
.testimonial-box blockquote {
	background: rgba(255, 255, 255, 0);
	border: 1px solid #ffffff;
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	margin: 0;
	padding: 30px;
	text-align: left;
	position: relative;
	min-height: 280px;
}
.core-box {
}
.core-box blockquote {
	background: rgba(255, 255, 255, 0);
	/*border: 1px solid #ffffff;8*/
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	margin: 0;
	padding: 30px;
	text-align: left;
	position: relative;/*min-height:250px;*/
  
}
.testimonial-box blockquote:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #fff transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 8px;
	bottom: -16px;
	content: "";
	display: none;
	height: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
	right: 0;
	width: 0;
}
.testimonial-content {
	margin-top: 20px;
	position: relative;
}
.testimonial-name {
	font-size: 16px;
	margin: 0;
}
.testimonial-pos {
	font-size: 12px;
}
.testimonial-content {
	margin-top: 20px;
	position: relative;
	text-align: center;
}
#facts.funfact {
	background: hsla(0, 0%, 0%, 0) url("../images/3.webp") repeat scroll center center / cover;
	padding-bottom: 66px;
	padding-top: 107px;
	position: relative;
}
#facts.funfact::before {
	background: hsl(0, 0%, 0%) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.61;
	position: absolute;
	top: 0;
	width: 100%;
}
.page-header-area h2 {
	font-size: 20px;
	margin-bottom: 16px;
	margin-top: 29px;
}
.container-area-sblog .single-post-content {
	margin-top: 91px;
	width: 100%;
}
#work.basic-portfolio-area.page-portfolio {
	padding-bottom: 0px;
}
.viewmore .btn.btn-primary.sm.cta-right.page-scroll {
	display: inline-block;
	float: none;
	text-transform: uppercase;
}
.viewmore {
	display: block;
	margin-bottom: -22px;
	margin-top: 20px;
	overflow: hidden;
	text-align: center;
}
.portfolio-pg-area {
	background: hsl(0, 0%, 98%) none repeat scroll 0 0;
}
.portfolio-pg-area #work {
	background: transparent;
	padding: 31px 0 119px;
}
.single-project {
	margin: 60px 0px 60px 0px;
}
.single-project h2 {
	font-size: 36px;
}
.single-projects {
	padding: 0 0 0 0 !important;
}
.single-projects h2 {
	font-size: 36px;
}
#single-project .single-post-content h3 {
	font-size: 24px;
	margin: 0px 0 20px 0;
	text-transform: capitalize;
}
#work.related-wk {
	background: hsl(0, 0%, 98%) none repeat scroll 0 0;
	padding-bottom: 69px;
	padding-top: 135px;
}
#single-project .about-project {
	/*background: hsl(0, 0%, 98%) none repeat scroll 0 0;*/
  /*background: linear-gradient(90deg, rgba(173, 219, 239, 0.20) 50.1%, rgba(173, 219, 239, 0.50) 100.62%);*/
	margin-bottom: 10px;
	padding: 20px 20px 20px 30px;
	border: 1px solid #00afef;
	min-height: 380px;
	background-color: #ffffff;
}
#single-project .about-project h4 {
	/*background: hsl(0, 0%, 98%) none repeat scroll 0 0;*/
	color: #00afef;
}
#single-project .about-project-small {
	/*background: hsl(0, 0%, 98%) none repeat scroll 0 0;*/
  /*background: linear-gradient(90deg, rgba(173, 219, 239, 0.20) 50.1%, rgba(173, 219, 239, 0.50) 100.62%);*/
	margin-bottom: 10px;
	padding: 20px 20px 20px 30px;
	border: 1px solid #00afef;
	min-height: 338px;
	background-color: #ffffff;
}
.about-project .btn.btn-primary.md {
	margin: 0;
}
.single-post-content .pricing-table-button {
	padding-bottom: 0;
}
.no-gutte .portfolio-item {
	padding: 0;
	margin: 0;
}
.no-gutte .row-portfolio {
	margin: 0 15px;
}
.owl-carousel .owl-nav div {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	border-radius: 5px;
	height: 40px;
	left: 20px;
	line-height: 40px;
/*	margin-top: -55px;*/
	margin-top: -25px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: scale(0);
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 40px;
}
.owl-carousel .owl-nav div:hover {
	background: #2ac5ee none repeat scroll 0 0;
	color: #fff;
}
.owl-carousel .owl-nav div.owl-next {
	left: auto;
	right: 20px;
}
.owl-carousel:hover .owl-nav div {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}
.error-area .btn.btn-primary.sm.cta-right.page-scroll {
	float: inherit;
	text-transform: uppercase;
}
.error-text {
	display: block;
	overflow: hidden;
	padding-bottom: 43px;
	padding-top: 60px;
	text-align: center;
}
#pricing.price-area.error-area {
	padding-top: 0;
}
.error-text > h1 {
	font-size: 145px;
}
.error-area h2 {
	font-size: 40px;
	margin-bottom: 33px;
	text-transform: uppercase;
}
.error-text > p {
	margin-bottom: 39px;
}
#feature.home-services {
	padding-top: 33px;
}
.home-services .page-header {
	margin-bottom: 0;
}
.h2-c-ifo .freelancer-image {
	left: 0;
}
.h2-c-ifo .company-info > h6 {
	color: rgba(0, 0, 0, 0.90);
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
}
#about-freelancer .about-company-title {
	color: #222;
	margin-bottom: 20px;
	text-transform: capitalize;
}
#about-freelancer.h2-c-ifo .company-info {
	float: right;
	padding: 20px 0 54px 61px;
}
.company-info .author-info > h4 {
	margin-top: 40px;
}
.company-info figure.image {
	display: inline-block;
	float: left;
	margin-right: 21px;
	margin-top: 2px;
}
#work.h2-pading-pro {
	padding-top: 1px;
}
footer.footer-bg.gray-footer {
	background: hsl(0, 0%, 98%) none repeat scroll 0 0;
}
.basic-testimonial-area .page-header {
	margin-bottom: 45px;
}
.basic-testimonial-area1 .page-header {
	margin-bottom: 45px;
}
.page-header {
	border-bottom: 0 none;
	margin: 50px 0 50px 0;
	padding-bottom: 3px;
	position: relative;
	text-align: center;
}
.page-header-none {
	border-bottom: 0 none;
	margin: 50px 0 0px 0 !important;
	padding-bottom: 3px;
	position: relative;
	text-align: center;
}
.proudly-recognized {
	border-bottom: 0 none;
	margin: 0;
	padding-bottom: 3px;
	position: relative;
	text-align: center;
}
.proudly-recognized h2{     display: inline-block;
    font-size: 36px;
    margin-bottom: 5px;
    position: relative;
    text-transform: capitalize;}

.infrastructure-space {
	border-bottom: 0 none;
	margin: 0px 0 50px 0;
	padding-bottom: 3px;
	position: relative;
	text-align: center;
}
.basic-portfolio-area .page-header {
	margin-bottom: 20px;
}
#pricing.price-area.h4-price {
	padding-top: 32px;
}
.h4-price .page-header {
	padding-bottom: 22px;
}
.contact-info.h4-contact.contact-page-area-info {
	margin: 0;
	padding: 32px 0 0;
}
.h4-contact .page-header {
	margin-bottom: 55px;
}
.basic-mobile-menu .mean-nav li {
	margin: 0;
}
.single-service .service-icon {
	transition: all 0.3s ease-in-out 0s;
}
.single-service:hover .service-icon {
	transform: rotateY(-180deg);
}
footer {
	
	
	
	background: #fff none repeat scroll 0 0;
}
footer.grybg {

	background: #f1f1f1 none repeat scroll 0 0;
	
}
.single-banner-area .slider-content.text-white {
	background: rgba(25, 25, 25, 0.9) none repeat scroll 0 0;
	border-radius: 5px;
	display: inline-block;
	margin: 0 auto;
	outline: 1px solid rgba(255, 255, 255, 0.36);
	outline-offset: -15px;
	padding: 48px 0 65px;
	top: 66%;
	width: 40%;
	z-index: 1;
}
/* Home 2 style */
.home-services.h2-service-style {
	background: #f9f9f9 none repeat scroll 0 0;
}
.h2-service-style .single-feature {
	background: #fff none repeat scroll 0 0;
	padding: 50px;
	text-align: left;
}
.h2-service-style .single-feature:hover {
	box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
	transform: translateY(-5px);
}
.read-more-btn:hover {
	color: #222;
}
.page-header.h2-style > h2 {
	font-size: 35px;
	margin-bottom: 17px;
	color: #00afef;
}
.page-header.h2-style > p {
	margin: 0 auto;
	width: 80%;
}
.h2-service-style .read-more-btn {
	display: inline-block;
	margin-top: 6px;
}
.h2-service-style .read-more-btn::after {
	content: "";
	font-family: "Linearicons-Free";
	font-weight: bold;
	margin-left: -16px;
	opacity: 0;
	transition: all 0.4s ease 0s;
	vertical-align: middle;
}
.h2-service-style .read-more-btn:hover::after {
	margin-left: 4px;
	opacity: 1;
	color: #2ac5ee;
}
#about-freelancer.h2-c-info {
	padding: 0;
}
.h2-c-info .freelancer-image {
	background: rgba(0, 0, 0, 0) url("../images/video-2.jpg") no-repeat scroll center center / cover;
}
.h2-c-ifo .video-icon-view.text-center {
	margin: 137px 0;
	text-align: center;
}
#about-freelancer.h2-c-info .container-fluid {
	padding-left: 0;
}
#about-freelancer.h2-c-info .company-info {
	float: right;
	padding: 87px 0 83px 60px;
}
.h2-c-info .play-btn {
	box-shadow: 0 0 0 0 hsla(210, 46%, 2%, 0.38);
}
.h2-c-info .about-company-title {
	font-size: 35px;
	color: #00afef;
}
.container-fluid .page-header.h2-style > p {
	margin: 0 auto;
	width: 34%;
}
.h2-price-style .pricing-table.featured-p-t {
	transform: inherit;
}
.h2-price-style .pricing-table {
	transition: all 0.4s ease 0s;
}
.h2-price-style .pricing-table:hover {
	box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
	transform: translateY(-5px);
}
.h2-style-blog .blog-title-primary {
	font-size: 20px;
}
.h2-style-blog .blog-box-layout4 .item-content {
	background-color: #f9f9f9;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	padding: 22px 17px;
	position: relative;
	right: 0;
	width: 100%;
	z-index: 1;
}
.h2-style-blog .published-date-dark > li {
	font-size: 13px;
}
.h2-style-blog .blog-box-layout4 {
	transition: all 0.4s ease 0s;
}
.h2-style-blog .blog-box-layout4:hover {
	box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
	transform: translateY(-5px);
}
.h2-style-evaluation .page-header > h2 {
	font-size: 35px;
	margin-bottom: 15px;
}
.h2-style-evaluation .page-header {
	margin-bottom: 35px;
}
footer.h2-style-footer {
	background: #fff none repeat scroll 0 0;
}
#scrollUp {
	background: #00afef none repeat scroll 0 0;
}
#pricing.price-area.home-price-plan.h2-price-style {
	padding-bottom: 38px;
}
.subscribe-area.section-small.h2-style-subscribe {
	background: #2ac5ee none repeat scroll 0 0;
	padding: 91px 0 77px;
}
.h2-style-subscribe .subscribe-box h2 {
	color: #fff;
	font-size: 35px;
}
.h2-style-subscribe .subscribe-box p {
	color: #fff;
}
.h2-style-subscribe .newsletter-form .mc-submit {
	background-color: #222;
}
.h2-style-subscribe .newsletter-form .mc-submit:hover {
	color: #222;
}
.slider-section.style-h4 .slider-content {
	margin: 0 auto;
	width: 40%;
}
.slider-section.style-h4 .nrbop.bg-black-alfa-40::before {
	background: rgba(25, 25, 25, 0.55) none repeat scroll 0 0;
}
.style-h4 .slider-content {
	top: 65%;
}
.style-h4 .slider_button {
	margin-top: 29px;
}
.basic-testimonial-area .page-header.h2-style > p {
	color: #fff;
}
.basic-testimonial-area1 .page-header.h2-style > p {
	color: #fff;
}
#pricing.price-area.h4-price.h3-style {
	background: #fff none repeat scroll 0 0;
}
.h3-style .pricing-table {
	background: #f1f1f1 none repeat scroll 0 0;
}
#contactForm_area.h4-style .contact-info {
	position: relative;
	z-index: 1;
}
.h4-style .contact-info.contact-page-area-info {
	margin-top: -3px;
	padding-bottom: 66px;
	padding-top: 0;
}
.h2-style-subscribe .newsletter-form .mc-submit:hover {
	color: #2ac5ee;
}
.office_info2_wrapper > h4 {
	font-size: 35px;
	margin-top: -7px;
}
.office_info2_wrapper p span {
	text-transform: capitalize;
}
.contactPage2_section form .name, .contactPage2_section form .email {
	float: left;
	width: 47.7%;
}
.contact-info form .name {
	margin-right: 25px;
}
.contact-info form .name, .contact-info form .email {
	float: left;
	width: 47.3%;
}
.contact-info form input, .contact-info form textarea {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #dddddd;
	border-radius: 3px;
	display: block;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 25px;
	padding: 10px 20px;
	resize: none;
	width: 100%;
}
.fw_700 {
	font-weight: 700;
}
.contact-info {
	margin-top: 46px;
}
.contact-info.contact-page-area-info {
	padding-bottom: 66px;
	padding-top: 45px;
}
.contact-info input.btn.btn-primary {
	background: #2ac5ee none repeat scroll 0 0;
	border-color: #2ac5ee;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	width: 37%;
}
.contact-info input.btn.btn-primary:hover {
	background: transparent;
	border-color: #2ac5ee;
	color: #2ac5ee;
}
address.address1 {
	float: left;
	margin-top: 27px;
	padding-right: 26px;
	width: 50%;
}
.office_info2_wrapper {
	overflow: hidden;
	padding-left: 15px;
}
.address1 .sity_title {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 19px;
	padding-left: 10px;
	position: relative;
	text-transform: uppercase;
}
.address1 .sity_title::before {
	background: #2ac5ee none repeat scroll 0 0;
	border-radius: 5px 0 0 5px;
	content: "";
	height: 30px;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: -4px;
	width: 37%;
	z-index: -1;
}
.contact-info form input, .contact-info form textarea {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 0 0 hsla(0, 0%, 0%, 0) inset;
	color: hsl(0, 0%, 33%);
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 25px;
	padding: 10px 20px;
	resize: none;
	width: 100%;
}
.contact-info form input:focus, .contact-info form textarea:focus {
	border: 1px solid #2ac5ee;
}
.about-page-area p {
	color: #222;
}
.about-page-area {
	padding: 91px 0;
}
.left-right-box-bottom {
	padding: 0px 0 70px 0;
}
.left-right-box-bottom p {
	color: #000000;
}
.left-right-box {
	padding: 80px 0 80px 0;
}
.left-right-box p {
	color: #000000;
}
.left-right-box ul li {
	color: #000000;
}
.left-right-box-top {
	padding: 20px 0 70px 0;
}
.left-right-box-top p {
	color: #000000;
}
.left-right-box-top ul li {
	color: #000000;
}
.career {
	padding: 80px 0 80px 0;
}
.career p {
	color: #000000;
}
.career-bottom {
	color: #000000;
}
.career-top {
	padding: 10px 0px;
	color: #000000;
}
.quotes {
	background: rgba(42, 197, 238, 0.14) none repeat scroll 0 0;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
	margin-top: 23px;
	padding: 19px 20px 11px;
	position: relative;
	z-index: 9;
}
.quotes p {
	font-style: italic;
	line-height: 26px;
	margin: 0;
}
.about-page-area .signature {
	display: inline-block;
	float: inherit;
	margin-top: 1px;
	text-align: left;
}
.single-feature.text-center {
	text-align: center;
}
.about-page-skills .skills {
	position: relative;
}
.about-page-skills .skills .skills-bars {
	float: right;
}
.about-page-skills {
	padding-top: 85px;
}
.about-page-skills .skills .skills-bars p {
	margin-bottom: 50px;
	padding-right: 168px;
}
.about-page-skills .about-company-title {
	margin-bottom: 17px;
}
#facts.funfact.bg-style-png::before {
	display: none;
}
#facts.funfact.bg-style-png {
	background: rgba(0, 0, 0, 0) url("../images/background.png") repeat scroll 0 0;
}
#facts.funfact.bg-style-png .counter-number {
	color: #222;
	font-size: 55px;
	margin-bottom: 25px;
}
.client_active .client > img {
	width: auto;
}
.click_active .client > img {
	width: auto;
}
.banner_active .client > img {
	width: auto;
}
#clients.client.style2-client.grybg {
	background: #f9f9f9 none repeat scroll 0 0;
	margin: 0;
}
.faqtabs-menu {
	clear: both;
	margin: 0;
	overflow: hidden;
}
.faqtabs-menu ul {
	margin-bottom: 0;
}
.faqtabs-menu li {
	background-color: #666666;
	border-left: 1px solid #d4d4d1;
	border-right: 1px solid #d4d4d1;
	border-top: 1px solid #d4d4d1;
	color: #ffffff;
	float: left;
	list-style-type: none;
	margin-right: 1px;
}
.faqtabs-menu li.current {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 5;
}
.faqtabs-menu li a {
	color: #fff;
	display: block;
	font-size: 20px;
	padding: 10px;
	text-decoration: none;
}
.faqtabs-menu .current a {
	color: #000000;
}
.faqtab {
	background-color: #fff;
	border: 1px solid #d4d4d1;
	margin-bottom: 20px;
	margin-top: -1px;
	width: auto;
}
.accordion h2 {
	font-size: 40px;
	margin-bottom: 45px;
}
.panel-default {
	border-color: transparent;
}
.panel-default > .panel-heading, .panel {
	background-color: #e6e6e6;
	border: 0 none;
	box-shadow: none;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
	background: #fff none repeat scroll 0 0;
	color: #858586;
}
.panel-title {
	color: #333333;
	font-size: 16px;
	padding-bottom: 5px;
}
.panel-group .panel + .panel {
	border-top: 1px solid #d9d9d9;
	margin-top: 0;
}
.panel-group .panel {
	border-radius: 0;
}
.panel-heading {
	border-radius: 0;
	padding: 20px;
}
.panel-title > a {
	color: #333333;
}
.accordion-inner img {
	border-radius: 4px;
}
.accordion-inner h4 {
	color: #ffffff;
	margin-top: 0;
}
.panel-heading.active {
	background: #333 none repeat scroll 0 0;
	margin-top: 55px;
}
.panel-heading.active .panel-title > a {
	color: #fff;
}
a.accordion-toggle i {
	background: #d0d0d0 none repeat scroll 0 0;
	border-radius: 0;
	font-size: 20px;
	line-height: 59px;
	margin-right: -15px;
	margin-top: -10px;
	text-align: center;
	width: 45px;
}
.panel-heading.active a.accordion-toggle i {
	background: rgba(0, 0, 0, 0) linear-gradient(to top, #ffa211, #ffa211) repeat scroll 0 0;
	color: #fff;
}
.panel-heading.active a.accordion-toggle.collapsed i {
	color: #000;
}
.no-image-blog .blog-box-layout4 .item-content {
	background: #f9f9f9 none repeat scroll 0 0;
	position: relative;
}
.blog-post-small.no-image-blog {
	padding: 0;
}
.blog-post-small iframe {
	border: 0 none;
	min-height: 355px;
	padding: 0;
	width: 100%;
}
h3.widget-title {
	font-size: 23px;
	margin-bottom: 31px;
	padding-bottom: 0;
	text-transform: uppercase;
}
.single-widget {
	margin-bottom: 33px;
}
.blog-search form {
	position: relative;
}
.single-widget .blog-search form input {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	height: 45px;
	padding: 0 8px;
	text-transform: capitalize;
	width: 100%;
	transition: all 0.3s ease 0s;
}
.blog-search form button {
	background: #222 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0 5px 5px 0;
	color: #ffffff;
	font-size: 18px;
	height: 100%;
	line-height: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 70px;
}
.blog-search form button:hover {
	background: #2ac5ee none repeat scroll 0 0;
	color: #ffffff;
}
.single-widget .blog-search form input:focus {
	border-color: #2ac5ee;
}
.blog-search form input::placeholder {
 color: #222;
 font-family: "Roboto", sans-serif;
 font-size: 15px;
 font-weight: 400;
 text-transform: capitalize;
}
.blog-search form button i {
	color: #ffffff;
}
.widget-posts-img {
	float: left;
	margin: 0 10px 0 0;
}
.widget-posts-info {
	overflow: hidden;
}
.widget-posts-info a.post_title {
	color: #222222;
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 3px;
}
.widget-posts-info a.post_title:hover {
	color: #16a085;
}
.widget-posts li {
	margin-bottom: 30px;
}
.instagram-photo img {
	float: left;
	width: 33.3%;
}
ul.widget-posts li:nth-child(3) {
	margin: 0;
}
.widget-posts-info p {
	margin: 0;
}
.widget-list li a {
	color: #333;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.widget-list li:last-child a {
	margin-bottom: 0;
}
.widget-posts-info a.post_title:hover {
	color: #2ac5ee;
}
ul.widget-tags li {
	float: left;
}
ul.widget-tags li a {
	background: #222222 none repeat scroll 0 0;
	border: 1px solid #222;
	color: #fff;
	display: block;
	font-weight: 500;
	margin-bottom: -4px;
	margin-right: 11px;
	padding: 9px 15px;
	text-transform: capitalize;
}
ul.widget-tags li a:hover {
	background: #2ac5ee none repeat scroll 0 0;
	border: 1px solid #2ac5ee;
	color: #ffffff;
}
.blog-right-sidebar {
	margin-bottom: 30px;
	overflow: hidden;
}
.widget-posts-img {
	width: 30%;
}
.category .widget a {
	color: #222;
	font-weight: bold;
}
.category .widget span {
	border-radius: 50px;
	color: #222;
	float: right;
	font-size: 14px;
	font-weight: 500;
	height: 12px;
	line-height: 10px;
	padding: 5px;
	text-align: center;
	width: 25px;
}
.category .widget > li {
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 14px 0 16px;
}
.category .widget a:hover {
	color: #2ac5ee;
}
.category .widget > li:first-child {
	padding-top: 0;
}
.single-post-content img {
	width: 100%;
}
.comment-wrapper {
	border-bottom: 0 none;
	margin-bottom: 86px;
	margin-top: 40px;
	overflow: hidden;
	padding: 0;
}
.comment-wrapper input, .comment-wrapper textarea {
	border-radius: 4px;
}
.comment-wrapper .comment-submit-btn {
	background-color: #011a48;
	border-radius: 0;
	color: #fff;
	float: right;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 40px;
}
.comment-wrapper .comment-submit-btn:hover {
	background-color: #ffcc00;
}
.comment-title {
	color: #212121;
	font-size: 25px;
	font-weight: 800;
	margin-bottom: 19px;
	text-transform: capitalize;
}
.comment-responed-wrapper {
	padding: 6px 0;
}
.comment-content .comment-reply-link {
	border: 1px solid #d5d7d8;
	color: #989898;
	font-size: 10px;
	padding: 0 15px;
	text-transform: uppercase;
}
.comment-content .comment-reply-link:hover {
	background-color: #011a48;
	border-color: #011a48;
	color: #fff;
}
.comment-list {
	padding: 0;
}
.comment-list > .comments-details {
	border: 1px solid #f2f2f2;
	margin-top: 20px;
	padding: 20px 20px 0;
}
.comment-name span {
	clear: both;
	float: right;
}
.comment-media .comments-details {
	clear: both;
	margin-bottom: 20px;
}
.comment-list > .comments-details > .comment-user {
	border-bottom: 1px solid #f2f2f2;
}
.reaply-comment > .comments-details {
	border-bottom: 1px solid #f2f2f2;
}
.reaply-comment > .comments-details:last-child {
	border-bottom: medium none;
}
.comment-media .comment-img {
	float: left;
	margin: 0 20px 0 0;
}
.comment-media .comment-img img {
	border-radius: 50px;
	text-align: center;
	width: 80px;
}
.comment-media .comment-content {
	display: block;
	overflow: hidden;
	padding-bottom: 15px;
}
.comment-content .comment-name {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
}
.comment-content .comment-name h4 {
	font-size: 16px;
	text-transform: uppercase;
}
.comment-content .comment-time {
	display: block;
	font-size: 12px;
	font-weight: 300;
	margin-top: -2px;
}
.comments-details .reaply-comment {
	margin-left: 80px;
	margin-top: 20px;
}
.comment-list .media-body h4 {
	font-size: 16px;
	font-weight: 700;
}
.comment-list .media-body h4 span {
	font-size: 11px;
	font-weight: 400;
	padding-left: 10px;
	text-transform: capitalize;
}
.comment-list .media-left a img {
	margin-top: 7px;
}
.comment-content > a:hover {
	color: #222;
}
.comment-wrapper .form-control[type="text"], .comment-wrapper .form-control[type="email"] {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 0 0 hsla(0, 0%, 0%, 0) inset;
	color: hsl(0, 0%, 33%);
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
	height: 44px;
	margin-bottom: 25px;
	padding: 10px 20px;
	resize: none;
	width: 100%;
}
.comment-wrapper textarea.form-control {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 0 0 hsla(0, 0%, 0%, 0) inset;
	color: hsl(0, 0%, 33%);
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 25px;
	padding: 10px 20px;
	resize: none;
	width: 100%;
}
.single-post-content .post-nav {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 14px 0;
	position: relative;
	width: 100%;
}
.contact-info.h4-contact.contact-page-area-info.h4-style {
	background: #f1f1f1 none repeat scroll 0 0;
}
/*sanjay pulmbing page */
.pulmbing-wrapper {
	/*box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
  border:1px solid #CCCCCC;
  border-top-color: 2px solid #004CFF;
  */
  
	background: #FFFFFF none repeat scroll 0 0;
	/* padding: 50px;*/
	transition: all 0.3s ease 0s;
}
/*.pulmbing-wrapper:hover{
	
	
	aa animation mate che  background: #f9f9f9 none repeat scroll 0 0;
    padding: 50px 22px;
    transition: all 0.3s ease 0s;
  
  
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
  border:4px solid #CCCCCC;
  
  
  

   
 border:4px solid #0e76b4;

  
}*/


.pulmbing-details {
	padding-top: 14px;
	padding-bottom: 5px;
	text-align: center;
}
.pulmbing-details h3 {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 5px;/*  color:#B4B3B3; bottom color */
}
.pulmbing-details p {
	font-size: 12px;
	/*  font-style: italic;
  text-transform: uppercase;*/
	letter-spacing: 1px;
	margin: 0;
}
/*end plumbing */




/*why us */


.why-wrapper {
	/*box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
  border:1px solid #CCCCCC;
  border-top-color: 2px solid #004CFF;
  */
  
	background: #FFFFFF none repeat scroll 0 0;
	/* padding: 50px;*/
	transition: all 0.3s ease 0s;
}
.why-details {
	padding-top: 20px;/*text-align: center;*/
}
.why-details h3 {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 5px;/*  color:#B4B3B3; bottom color */
}
.why-details p {
	font-size: 12px;
	/*  font-style: italic;
    text-transform: uppercase;*/
	letter-spacing: 1px;
	margin: 0;
}
/*why us end */



/*------------------------------------------------------------------
[17.Preloader]
*/

.page-loader {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9998;
}
.loader {
	background: #2ac5ee;
	position: absolute;
	display: inline-block;
	height: 40px;
	width: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	text-indent: -9999em;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	animation: ball-scale 1s 0s ease-in-out infinite;
}
 @-webkit-keyframes ball-scale {
 0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes ball-scale {
 0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
/* css end here */



/* ====================================================
[Copyright © 2019. All Rights Reserved By LovelyTheme ]
====================================================== */


/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
/* The actual timeline (the vertical ruler) */
.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: #00afef;
	top: 80%;
	bottom: 0;
	left: 23%;
	margin-left: -3px;
}
/* The actual timeline (the vertical ruler) */
.timeline::before {
	content: '';
	position: absolute;
	width: 6px;
	background-color: #00afef;
	top: 0;
	bottom: 0;
	left: 23%;
	margin-left: -3px;
}
/*core-valuesection*/


.overflow-hidden {
	overflow: hidden !important;
}
.core-valuesection {
	padding: 0px 0 80px 0;
}
.core-value-desc {
	text-align: center;
}
.core-valuesection h1 {
	color: #2c3a64;
	font-size: 34px;
	position: relative;
	margin-bottom: 40px;
	letter-spacing: 1px;
	position: relative;
}
.core-value-main {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	/* flex-wrap: wrap; */
	text-align: center;
}
.core-value-img img {
	border-radius: 0;
	margin-bottom: 10px;
	border: 4px solid #e1e1e1;
}
.core-value-img h5 {
	font-family: Roboto;
	font-size: 18px;
}

/*end core-valuesection*/



@media only screen and (max-width: 991px) {
.container {
	max-width: 720px;
}
.core-value-main {
	flex-wrap: wrap;
}
}

@media only screen and (max-width: 1024px) {
.core-valuesection {
	padding: 40px 0 10px;
}
.section-padding, .core-purposesection {
	padding: 40px 0;
}
.core-value-img {
	padding: 0 10px;
	margin-bottom: 30px;
}
}

@media only screen and (max-width: 575px) {
.core-value-main {
	flex-wrap: nowrap;
	display: block;
}
}


.pdf-block {
	position: fixed;
	right: 0px;
	bottom: 50%;
	z-index: 550;
}
.pdf-lg img.img-fluid {
	width: 77px;
	height: 200px;
}

/*what app index*/

.whtsapp-block {
	position: fixed;
	right: 1%;
	bottom: 10%;
	z-index: 550;
}
.whtsapp-lg img.img-fluid {
	width: 50px;
}
.cent{text-align:center;}
.indehe {
    font-size: 35px;
    margin-bottom: 17px;
    color: #00afef;
}
 .glyphicon-chevron-right:before {
	content: "\e080"
}
.glyphicon-chevron-left:before {
	content: "\e079"
} 
.inv {position:fixed; left:10px; bottom:2%; z-index:9999; border:1px solid #028dd0;}
.closebutton {position:fixed; bottom:197px; left:300px; z-index:9999; width:20px; cursor:pointer; }