/* Constractor One Construction and Home Renovation HTML5 Template */


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


1. General & Basic Styles
2. Demo heading
3. BG Color
4. Home Page Banner
5. Navigation
6. Blog
7. Team Box 
8. Download app
9. Button
10. Section
11. Benefit
12. Achivements
13. Testimonials
14. Contact Us
15. Pricing Table
16. Chart
17. Back to top
18. Page Loader
19.Owl Slide 
20.Features
21.Services
22.Top Support
23.Footer
24.work
25.Clints
26.Demos



**********************************************/
 
/* ============================
	   01.General & Basic Styles
	 =========================== */			
		
body {
	font-family:'Open+Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	width: 100% !important;
	height: 100% !important;
	/* [disabled]font-size:14px; */
	color:#333333;
}
h1, h2, h3, h4, h5, h6 {
	color:#333333;
	font-family:'Raleway', sans-serif;
	font-weight:500;
	
}
a {
	color: #fff;
}
a:hover, a:focus {
	text-decoration: none;
	outline:none;
}
a:focus {
	color:#fff;
}
ul, ol {
	list-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
ul, ol {
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
}
clients-name .radius {
	border-radius:50%;
}
.bold-text {
	font-size: 25px;
}
.panel-title > a {
	color: inherit;
	display: block;
	text-align:left;
	font-size:15px;
}
.panel-title > a i {
	color: inherit;
	display: block;
	text-align:left;
	font-size:22px;
	float:left;
	margin-right:15px;
	color:#333333;
}
.span-tex {
	color: #3b474f;
	font-size: 60px;
	font-weight: 700;
}
.panel-heading {
	padding:25px 20px;
}
.panel-group {
	margin-top:85px;
}
/* ============================
	  2. Demo heading
	 =========================== */			
	
.main-area {
	background: #00a5df;
}
.main-area h1 {
	color: #12212f;
	text-align:center;
	font-size:25px;
	text-transform:uppercase;
	padding:5px;
}
.main-area-section {
	margin-top: 40px;
	margin-bottom: 40px;
}
.main-para {
	text-align:center;
	font-size:50px;
	color:#fff;
	font-weight:300;
	text-transform: uppercase;
	margin-top:25px;
	font-family:'Open+Sans', sans-serif;
}
.para-tex {
	font-size:20px;
	line-height:30px;
	color:#001a40;
}
p {
	line-height:22px;
	padding:2px;
	color:#666666;
}
p.para {
	font-size:16px;
	margin: 65px 0 65px 0;
	line-height:28px;
	color:#666666;
	padding:5px;
}
.main-para-i {
	text-align:center;
	font-size:50px;
	color:#fff;
	font-weight:200;
	line-height:60px;
	padding-top:25px
}
.main-para-bold {
	text-align:center;
	font-size:40px;
	color:#fff;
	font-weight:200;
	line-height:50px;
}
.clients-name {
	font-size:23px;
	color:#001a40;
}
.list-demos {
	font-size:18px;
	color:#999999;
	padding:10px;
	font-family:'Raleway', sans-serif;
	text-transform:uppercase;
	margin-top:20px;
	line-height:30px;
}
.demo-head {
	padding:0px;
	margin-top:-190px;
}
/* ============================
	  3. BG Color
	 =========================== */			
	
.light-bg {
	background: #f1f1f1;
}
.gray {
	color:#999999;
}
.white {
	color:#ffffff;
}
.yellow {
	color:#00a5df;
	font-weight:600;
}
.black {
	color:#12212f;
	font-size:28px;
}
.green {
	color:#82ab05;
	font-size:40px;
}
.dark {
	color:#12212f;
}
.interface-img {
	text-align:center;
}
.centered {
	margin:0 auto;
}
.small-h {
	font-size:20px;
	font-family:'Open+Sans', sans-serif;
	color:#fff;
}
.small-h-dark {
	font-size:20px;
	font-family:'Open+Sans', sans-serif;
	color:#fff;
}
.small-h-i {
	font-size:18px;
	font-family:'Open+Sans', sans-serif;
	color:#fff;
	margin-top:0px;
	color:#333;
}
.media-left, .media-right, .media-body {
	color:#00a5df;
}
.content-text {
	text-align:left;
	font-size:20px;
}
.img-center {
	margin:0 auto;
	display:table-cell;
	float:none;
}
/* ============================
	  4. Home Page Banner
	 =========================== */		
	
.bg-1 {
	background: url(../img/hero/bg-1.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-2 {
	background: url(../img/hero/bg-2.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-3 {
	background: url(../img/hero/bg-3.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-4 {
	background: url(../img/hero/bg-4.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-5 {
	background:url(../img/hero/bg-5.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-6 {
	background: url(../img/hero/bg-6.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-7 {
	background: url(../img/hero/bg-7.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-8 {
	background: url(../img/hero/bg-8.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-9 {
	background: url(../img/hero/bg-9.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.bg-10 {
	background: url(../img/hero/bg-10.jpg) no-repeat scroll center center / cover;
	background-size: cover;
}
.masthead-video.masked:after {
	background-color: rgba(0, 0, 0, 0.65);
}
.video {
	position:absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index:-999;
	padding:0px;
	margin:0px;
}
.text-con {
	color:#fff;
	padding:200px 0 290px;
}
.text-con-i {
	color:#fff;
	padding:190px 0 240px;
}
.text-con-ii {
	color:#fff;
	padding:190px 0 190px;
}
.desktop {
	padding:35px 0 0 0;
}
.text-con-iii {
	color:#fff;
	padding:250px 0 0 0;
}
.text-con-vi {
	color:#fff;
	padding:160px 0 0 0;
}
.text-con-iv {
	color:#fff;
	padding:160px 0 110px;
}
.text-con-v {
	color:#fff;
	padding:160px 0 190px;
}
.text-con-bg10 {
	color:#fff;
	padding:160px 0 0px 0;
}
.text-con-form {
	color:#fff;
	padding:220px 0 140px;
}
.lead {
	font-size: inherit;
	font-size: 16px;
	font-weight: normal;
	line-height:  normal;
	margin-bottom: 50px;
}
.lead h1 {
	color:#fff;
	font-size:30px;
	line-height:normal;
	font-family:'Raleway', sans-serif;
	font-weight:300;
	line-height: normal;
	margin-top:100px;
	text-transform:uppercase;
}
.lead-form {
	font-size: inherit;
	font-size: 16px;
	font-weight: normal;
	line-height:  normal;
	margin-bottom: 50px;
}
.lead-fprm h1 {
	color:#fff;
	font-size:30px;
	line-height:normal;
	font-family:'Raleway', sans-serif;
	font-weight:300;
	line-height: normal;
	margin-top:40px;
}
.top-heading {
	color:#fff;
	font-size:55px;
	font-weight:600;
	font-family:'Raleway', sans-serif;
}
.top-heading-i {
	color:#fff;
	font-size:50px;
	font-weight:400;
	text-transform:uppercase;
}
.top-heading-creative {
	color:#fff;
	font-size:45px;
	font-weight:600;
}
.top-heading-form {
	color:#fff;
	font-size:47px;
	font-weight:100;
	text-transform:uppercase;
}
.top-heading-form-i {
	color:#fff;
	font-size:42px;
	font-weight:300;
}
.top-heading-call {
	color:#fff;
	font-size:30px;
	font-weight:600;
	font-family:'Open+Sans', sans-serif;
	text-transform:uppercase;
	margin:10px 0 20px 0;
}
.lead-text {
	color:#dfdfdf;
	line-height:25px;
	

}
.lead-controls {
	margin-top:0px;
}
.video-about {
	padding:190px 0 0 0;
}
.video-top {
	padding:20px 0 0 0;
}
.lead-controls-i {
	margin-top:0px;
	display:table-cell;
	vertical-align:middle;
	margin:0 auto;
	height:600px;
}
.lead-laptop {
	margin-top:20px;
	text-align:center;
}
.lead-controls a {
	margin-top: 20px;
	vertical-align: middle;
}
.play-home {
	font-size: 15px;
	display:inline-block;
}
.btn-lead {
	margin-right: 20px;
}
.play-home:hover {
	text-decoration: none;
}
.play-home .fa {
	padding:1px;
	color: inherit;
	vertical-align: middle;
	margin-right: 10px;
	font-size:10px;
}
.content {
	position: relative;
	background-color: #fff;
}
.low-back {
	position: relative;
}
.low-back:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}
.low-blue {
	position: relative;
}
.low-blue:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background-color: rgba(16, 150, 189, 0.6);
}
.low-back-i {
	position: relative;
}
.low-back-i:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	;
}
.low-back-gradient {
	position: relative;
}
.low-back-gradient:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background:rgba(0, 0, 0, 0) linear-gradient(to left, #16bffd, #cb3066) repeat scroll 0 0;
	opacity:0.95
}
.low-back-dark {
	position: relative;
}
.low-back-dark:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.low-back-up {
	position: relative;
	z-index: 1;
}
.mobile * {
	background-attachment: scroll!important;
}
.layout {
	overflow: hidden;
}
#features1 {
	padding:70px 0 60px 0;
	background:#f1f1f1;
}
.column {
	margin-top: 10px;
}
.banner-f h4 {
	font-size:20px;
}
.banner-f li {
	padding:4px 43px;
	line-height:28px;
	color:#ffffff;
	background: url(../img/banner-icon.html) no-repeat left 4px;
	list-style-type:none;
	margin-bottom:14px;
}
.banner-f ul {
	margin:15px 0 0 1px;
	padding:0px;
}
.banner-f-i h4 {
	font-size:20px;
}
.banner-f-i li {
	padding:4px 43px;
	line-height:28px;
	color:#000000;
	background: url(../img/banner-icon.html) no-repeat left 4px;
	list-style-type:none;
	margin-bottom:14px;
}
.banner-f-i ul {
	margin:15px 0 0 1px;
	padding:0px;
}
/* ============================
	  5. Navigation
	 =========================== */			
	
#nav {
	background:#fff;
	text-transform:uppercase;
}
.navbar-custom {
	background:#fff;
	color:#000;
}
.navbar-toggle {
	color:#000;
	font-size:21px;
}
.navbar-brand {
	margin-top:11px;
	background: url(../img/logo-in.png) no-repeat;
	width:185px;
	height:39px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background:#0592f4;
}
.navbar-nav > li:hover > a, .navbar-nav > li > a:focus {
	color:#00a5df;
	background:none;
}
.navbar-nav > li > a {
	padding:13px 10px;
	text-transform:uppercase;
	margin-top:0px;
	font-size:12px;
	letter-spacing: 1px;
	font-weight:600;
}
.navbar-nav > li.active > a {
	color:#0592f4;
}
.navbar-nav {
	margin:5px 0 5px 0;
}
.navbar-nav > li > .dropdown-menu {
	margin-top:0px;
	margin-left:-65px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height:500px;
}
.dropdown-menu > li > a {
	line-height:22px;
	font-size:14px;
	border-bottom:1px solid #f1f1f1;
	text-align: left;
	width:250px;
	font-family: 'Open Sans', sans-serif;
	padding:12px 16px;
	text-transform:uppercase;
	color:#12212f;
}
.dropdown-menu > li > active a:hover {
	line-height:38px;
	border-bottom:1px solid #f1f1f1;
	text-align: center;
	width:250px;
	font-family: 'Open Sans', sans-serif;
}
.navbar-right .dropdown-menu {
	right:auto;
	left:0;
	font-size:14px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background:#00a5df;
	color:#fff;
	font-size:14px;
	width:100%;
}
.button_Demo {
	max-width:250px;
	margin:0 auto;
}
.button_flat {
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin: 8px 0 0;
	padding: 10px 25px;
	text-transform: uppercase;
	transition: all 300ms ease-in-out 0s;
	font-size:12px;
	background:#75af00;
	letter-spacing:1px;
}
.button_flat : hover {
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin: 8px 0 0;
	padding: 10px 25px;
	text-transform: uppercase;
	transition: all 300ms ease-in-out 0s;
	font-size:13px;
	background:#fff;
	letter-spacing:1px;
}
/* ============================
	  6. Blog
	 =========================== */		
	
#blog {
	background:#f1f1f1;
	padding:88px 0 88px 0;
}
.blog-section-area {
	padding: 60px 0 65px;
	overflow: hidden;
}
.blog-section-area .blog-content-section {
	padding: 42px 0 0;
}
.blog-section-area .blog-content-section .single-blog .feature-images {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	border:5px solid #ffffff;
	margin-top:45px;
}
.blog-section-area .blog-content-section .single-blog .feature-images a {
	transition: all 0.3s ease 0s;
}
.blog-section-area .blog-content-section .single-blog .feature-images a img {
	width: 100%;
}
.blog-section-area .blog-content-section .single-blog .feature-images a img:hover {
	opacity: .9;
}
.blog-section-area .blog-content-section .single-blog .blog-content h3 {
	margin: 20px 0 35px;
	font-size: 18px;
	position: relative;
}
.blog-section-area .blog-content-section .single-blog .blog-content h3:after {
	background: #e0e0e0 none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 40px;
	width: 50px;
}
.blog-section-area .blog-content-section .single-blog .blog-content h3 a {
	display: block;
	text-decoration: none;
	color: #333333;
	transition: all 0.3s ease 0s;
	font-weight: 600;
}
.blog-section-area .blog-content-section .single-blog .blog-content h3 a:hover {
	color: #333333;
}
.blog-section-area .blog-content-section .single-blog .blog-content ul li {
	display: inline-block;
	transition: all 0.3s ease 0s;
	font-size: 13px;
	font-weight: 400;
}
.blog-section-area .blog-content-section .single-blog .blog-content ul li a {
	display: block;
	text-decoration: none;
	color: #00a5df;
}
.blog-section-area .blog-content-section .single-blog .blog-content ul li a:hover {
	color: #333333;
}
.blog-section-area .blog-content-section .single-blog .blog-content ul li.comments {
	float: right;
}
.blog-section-area .blog-content-section .single-blog .blog-content ul li.comments a {
	color: #000000;
}
.blog-section-area .blog-content-section .single-blog .blog-content p {
	margin: 20px 0;
}
.blog-section-area .blog-content-section .single-blog .blog-content .read-more {
	display: block;
	margin: 20px 0 50px;
}
.blog-section-area .blog-content-section .single-blog .blog-content .read-more a {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	color: #4caf50;
	transition: all 0.3s ease 0s;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid #4caf50;
	padding: 10px 20px;
}
.blog-section-area .blog-content-section .single-blog .blog-content .read-more a:hover {
	background: #4caf50;
	color: #ffffff;
}
/* ============================
	  7. Team Box 
	 =========================== */		

#team {
	padding:110px 0 110px 0;
	background:#f1f1f1;
}
.team-item {
	padding-left: 15px;
	padding-right: 15px;
}
.team-item h5 {
	padding-left: 15px;
	padding-right: 15px;
	color:#f1f1f1;
	font-size:16px;
}
.team-item p {
	color:#666666;
}
.team-item-img {
	position: relative;
}
.team-item-img > img {
	width: 100%;
}
.team-item-img .team-item-detail {
	background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	text-align: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: calc(100% - 20px);
	width: calc(100% - 20px);
	position: absolute;
	top: 10px;
	left: 10px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.team-item:hover .team-item-detail {
	opacity: 1;
	visibility: visible;
}
.team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
	margin: auto;
	padding: 25px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li {
	list-style: none;
	display: inline-block;
	margin: 0px 5px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a {
	color: #ffffff;
	font-size: 16px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a:hover {
	color: #0bbae0;
}
.team-item-info {
	padding-top: 15px;
	text-align: center;
}
.team-item-info h5, .team-item-info h6 {
	margin-bottom: 5px;
	font-size:16px;
}
.team-item-info p {
	margin-bottom: 0px;
}
#about-review {
	background:#00a5df;
}
.review {
	padding:40px;
}
.review-text {
	font-size:17px;
	line-height:26px;
	margin-bottom:25px;
}
/* ============================
	  8. Download app
	 =========================== */		
	 	
#app-download {
	overflow: hidden;
	padding:110px 0px 110px 0px;
	background:#ffffff;
}
.join-us {
	overflow: hidden;
	padding:110px 0px 100px 0px;
	background:#ffffff;
}
.join-us-app h2 {
	font-size:35px;
	font-weight:100;
	padding:15px 0 15px 0;
	text-transform:uppercase;
	line-height:normal;
	margin-top:15px;
}
.join-us .title {
	margin-bottom: 70px;
	text-align: center;
}
.join-us .features .row {
	margin-bottom: 40px;
}
.join-us .carousel h1 {
	font-size: 50px;
	font-weight:200;
}
.join-us .carousel h1, .offer p {
	text-align: left;
	font-weight:200;
	text-transform:uppercase;
}
.list-o h4 {
	font-size:20px;
}
.list-o li {
	padding:4px 43px;
	line-height:22px;
	color:#616161;
	background: url(../img/list-icon.png) no-repeat left 8px;
	list-style-type:none;
	margin-bottom:28px;
}
.list-o ul {
	margin:15px 0 0 1px;
	padding:0px;
}
.list-o-i h4 {
	font-size:20px;
}
.list-o-i li {
	padding:4px 43px;
	line-height:22px;
	color:#ffffff;
	background: url(../img/list-icon-i.png) no-repeat left 8px;
	list-style-type:none;
	margin-bottom:28px;
}
.list-o-i ul {
	margin:15px 0 0 1px;
	padding:0px;
}

.detail .carousel-control {
	background: none;
}
.mobile-img {
	margin-top:15px;
	;
}
/* ============================
	  9. Button
	 =========================== */			
	
.intro-buttons-2 > a:first-child {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	border-radius: 100px;
	padding: 14px 30px;
}
.intro-buttons-2 > a:first-child:hover {
	color: #000;
	background:#fff;
	border:2px solid #fefefe;
}
.intro-buttons-2 > a > i {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 42px;
	border: 4px solid #fff;
	border-radius: 50%;
	margin-right: 12px;
 -webkit-transition: all .3s;
 transition: all .3s;
	color: #fff;
	background:#00a5df;
}
.intro-buttons-2 > a:last-child {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	border:2px solid #fff;
}
.about-buttons-2 > a:first-child {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	border-radius:100px;
	padding: 14px 40px;
	font-size:16px;
	margin-right: 20px;
}
.about-buttons-2 > a:first-child:hover {
	color: #000;
}
.about-buttons-2 > a > i {
	height: 150px;
	width: 150px;
	text-align: center;
	line-height: 120px;
	font-size:35px;
	border: 15px solid #ffffff;
	border-radius: 50%;
	margin-right: 12px;
 -webkit-transition: all .3s;
 transition: all .3s;
	color: #fff;
	background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
.about-buttons-2 > a:last-child {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
}
.btn-top {
	border-radius:10px;
	background:#fff;
	color:#ffae00;
	font-size:20px;
	font-weight:normal;
	padding:20px 50px;
	margin-top:25px;
	text-transform: uppercase;
}
.top-download {
	padding:25px 0 25px 0;
	line-height:28px;
}
.top-btn-text {
	font-size:22px;
	text-transform:uppercase;
	color:#ffffff;
	line-height:28px;
	padding-top:15px;
}
.btn-small-more {
	display:inline-block;
	padding:12px 10px;
	margin-top:10px;
	background:#000;
	color:#fff;
	font-size:15px;
	text-shadow:none;
	text-decoration:none;
   -webkit-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
	text-transform: uppercase;
	border-radius:0px;
	max-width:100%;
	width:130px;
	float:left;
}
.btn-small-more:hover {
	background-color:#000;
	color:#fff;
	border:1px solid #000;
}
.btn-small-more:focus {
	color:#12212f;
}
.btn-download-white {
	display:inline-block;
	padding:12px 5px;
	background: none;
	color:#fff;
	font-size:18px;
	text-shadow:none;
	text-decoration:none;
 	-webkit-transition: all .6s ease 0s;
 	transition: all .6s ease 0s;
	text-transform: uppercase;
	border-radius:0px;
	max-width:100%;
	width:200px;
	border:3px solid #fff;
	border-radius:50px;
	font-weight: normal;
}
.btn-download-white:hover {
	background-color:#000;
	color:#fff;
	border:1px solid #000;
	border:3px solid #fff;
}
.btn-download-white:focus {
	background-color:#000;
	color:#fff;
	border:1px solid #000;
	border:3px solid #fff;
}
.btn-download-w:focus {
	color:#12212f;
}
.btn-stock-blue {
	display:inline-block;
	padding:15px 5px;
	margin-top:20px;
	color:#333333;
	font-size:16px;
	text-shadow:none;
	text-decoration:none;
 -webkit-transition: all .3s ease 0s;
 transition: all .3s ease 0s;
	text-transform: uppercase;
	border-radius:0px;
	max-width:100%;
	width:200px;
	border:1px solid #333333;
}
.btn-stock-blue:hover {
	background: #333333;
	color:#fff;
	border:1px solid #333333;
}
.btn-pur-white {
	display:inline-block;
	padding:15px 5px;
	margin-top:20px;
	color:#333333;
	font-size:16px;
	text-shadow:none;
	text-decoration:none;
 	-webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
	text-transform: uppercase;
	border-radius:0px;
	max-width:100%;
	width:200px;
	border:1px solid #ffffff;
	background-color:#ffffff;
}
.btn-pur-white:hover {
	color:#000000;
	background-color:#ffffff;
	border:1px solid #333333;
}
.btn-pur-white:focus {
	color:#000000;
	border:1px solid #fffffff;
}
.btn-learnmore {
	display:inline-block;
	padding:15px 5px;
	margin-top:20px;
	background: #0085bf;
	color:#fffffff;
	font-size:16px;
	text-shadow:none;
	text-decoration:none;
 	-webkit-transition: all .6s ease 0s;
	 transition: all .6s ease 0s;
	text-transform: uppercase;
	border-radius:0px;
	max-width:100%;
	width:200px;
	border:1px solid #0085bf;
}
.btn-learnmore:hover {
	background-color:#00558f;
	color:#ffffff;
}
.btn-learnmore:focus {
	color:#ffffff;
}
.btn-more-round {
	display:inline-block;
	padding:15px 5px;
	margin-top:25px;
	background:none;
	color:#ffffff;
	font-size:18px;
	text-shadow:none;
	text-decoration:none;
 	-webkit-transition: all .6s ease 0s;
 	transition: all .6s ease 0s;
	text-transform: uppercase;
	border-radius:0px;
	max-width:100%;
	width:200px;
	border-radius:35px;
	font-weight: normal;
	border:3px solid #ffffff;
}
.btn-more-round:hover {
	background-color:#00a5df;
	color:#ffffff;
	border:3px solid #ffffff;
}

.btn-send {
	display:inline-block;
	padding:15px 5px;
	margin-top:10px;
	background: none;
	color:#fff;
	font-size:16px;
	text-shadow:none;
	text-decoration:none;
 -webkit-transition: all .6s ease 0s;
 transition: all .6s ease 0s;
	text-transform: uppercase;
	border-radius:0px;
	max-width:100%;
	width:100%;
	margin-bottom:15px;
	border:1px solid #fff;
}
.btn-send:hover {
	background-color:#00a5df;
	color:#fff;
	border:1px solid #000;
}
.btn-send-f {
	display:inline-block;
	padding:15px 5px;
	margin-top:10px;
	background: none;
	color:#00a5df;
	font-size:16px;
	text-shadow:none;
	text-decoration:none;
 -webkit-transition: all .6s ease 0s;
 transition: all .6s ease 0s;
	text-transform: uppercase;
	border-radius:0px;
	max-width:100%;
	width:100%;
	margin-bottom:15px;
	border:1px solid #00a5df;
}
.btn-send-f:hover {
	background-color:#00a5df;
	color:#fff;
	border:1px solid #000;
}
.btn-download {
	display:inline-block;
	border:1px solid #0592f4;
	padding:20px 30px;
	background:#00a5df;
	color:#12212f;
	font-size:18px;
	font-weight:600;
	text-shadow:none;
	border-radius:0px;
	text-decoration:none;
   -webkit-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
	text-transform: uppercase;
	max-width:100%;
	width:235px;
}
.btn-download:hover {
	background-color:transparent;
	border:1px solid #0592f4;
	color:#12212f;
	text-decoration:none;
	display:inline-block;
}
.btn-download:focus {
	color:#12212f;
}

.btn-download-black {
	font-weight:600;
	display:inline-block;
	border:1px solid #0592f4;
	padding:20px 30px;
	background:#0592f4;
	color:#12212f;
	font-size:18px;
	text-shadow:none;
	border-radius:0px;
	text-decoration:none;
 -webkit-transition: all .6s ease 0s;
 transition: all .6s ease 0s;
	text-transform: uppercase;
	max-width:100%;
	width:225px;
}
.btn-download-black:hover {
	background-color:transparent;
	border:1px solid #0592f4;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
}
.btn-small-blue {
	text-transform: uppercase;
	text-decoration:none;
	border-radius:0px;
	color: #ffffff;
	font-size:14px;
	font-weight:400;
	margin-top:25px;
	padding: 10px 22px;
	transition: all 0.5s ease 0s;
	background:#00a5df;
}
.btn-small-blue:hover {
	background:#00558f;
	color:#ffffff;
	text-decoration:none;
}
.btn-small {
	border: 1px solid #666666;
	text-transform: uppercase;
	text-decoration:none;
	border-radius:0px;
	color: #333333;
	font-size:14px;
	font-weight:400;
	margin-top:25px;
	padding: 10px 22px;
	transition: all 0.5s ease 0s;
}
.btn-small:hover {
	background:#00a5df;
	color:#ffffff;
	text-decoration:none;
}
.btn-small:focus {
	color:#333333;
	text-decoration:none;
}
.btn-ordernow {
	font-weight:600;
	display:inline-block;
	border:1px solid #00a5df;
	padding:20px 30px;
	background:#00a5df;
	color:#12212f;
	font-size:18px;
	text-shadow:none;
	border-radius:0px;
	text-decoration:none;
 -webkit-transition: all .6s ease 0s;
 transition: all .6s ease 0s;
	text-transform:uppercase;
	max-width:100%;
	width:225px;
}
.btn-ordernow:hover {
	background-color:transparent;
	color:#12212f;
	text-decoration:none;
	display:inline-block;
 max-width:100#;
	width:225px;
}
.btn-ordernow-black {
	font-weight:600;
	display:inline-block;
	border:1px solid #0085bf;
	padding:10px 20px;
	background:#0085bf;
	color:#fff;
	font-size:15px;
	text-shadow:none;
	border-radius:0px;
	text-decoration:none;
 -webkit-transition: all .6s ease 0s;
 transition: all .6s ease 0s;
	text-transform:uppercase;
	max-width:100%;
	margin-bottom:15px;
	margin-top:15px;
}
.btn-ordernow-black:hover {
	background-color:#00558f;
	border:1px solid #12212f;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
}
.btn-ordernow-black:focus {
	color:#ffffff;
}
/* ============================
	  10. Section
	 =========================== */				
	
.section-title.center {
	padding:10px 0 0 0;
	text-align:center;
}
.section-title.left {
	padding:10px 0 0 0;
	text-align: left;
}
.section-title.black {
	padding:10px 0 0 0;
	text-align:center;
}
.section-title h2, .section-title.center h2 {
	font-weight: 300;
	margin-bottom:45px;
	font-size:40px;
	line-height:normal;
	text-transform:uppercase;
}
.section-title.left h2 {
	font-weight: 200;
	margin-bottom:20px;
	font-size:40px;
	line-height:normal;
}
.section-title.center hr {
	height:30px;
	width: 30px;
	text-align: center;
	position: relative;
	background:#0075af;
	margin: -10 auto;
	margin-bottom:0px;
	border: 0;
	transform:rotate(45deg);
	z-index:+999;
}
.mid {
	height: 1px;
	width:260px;
	text-align: center;
	position: relative;
	background:#d0d0d0;
	margin: 0 auto;
	margin-bottom: 30px;
	border: 0;
	margin-top:-15px;
}
.section-title.freelancer h2 {
	font-weight: 200;
	font-size:40px;
	max-width:450px;
	margin:0 auto;
	padding:30px;
	border:3px solid #12212f;
	margin-bottom:55px;
}
.section-title.about hr {
	height: 4px;
	width: 90px;
	text-align: center;
	position: relative;
	background:#00a5df;
	margin: 0 auto;
	margin-bottom: 30px;
	border: 0;
}
.section-title.feature hr {
	height: 4px;
	width: 90px;
	text-align: center;
	position: relative;
	background:#12212f;
	margin: 0 auto;
	margin-bottom: 30px;
	border: 0;
}
.section-title.white hr {
	height: 4px;
	width: 90px;
	text-align: center;
	position: relative;
	background:#ffffff;
	margin: 0 auto;
	margin-bottom: 30px;
	border: 0;
}
.section-title.black hr {
	height: 4px;
	width: 90px;
	text-align: center;
	position: relative;
	background:#12212f;
	margin: 0 auto;
	margin-bottom: 30px;
	border: 0;
}
.section-title.left hr {
	height: 1px;
	text-align:left;
	position: relative;
	background:#12212f;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 0;
}
/* ============================
	  11. Benefit
	 =========================== */				
	
#benefit {
	background: url(../img/about-c.jpg) repeat fixed 0 0 / cover;
}
.benefit-text {
	display:table-cell;
	vertical-align:middle;
	height:600px;
	padding:8px;
	background:rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
}
.benefit-text-o {
	float:left;
	margin-left:10px;
}
.benefit-right {
	float:right;
	padding:0px;
}
.benefit-i p {
	margin-top: 10px;
	margin-left:95px;
	color:#999;
}
.benefit-orange {
	float: left;
	background:#d04703;
	border-radius:50%;
	color: #fff;
	font-size:35px;
	padding:16px;
	width:85px;
	height:85px;
	margin-right:10px;
	margin-left:5px;
	border:5px solid #ffffff;
	margin-top:15px;
}
.benefit-text-i {
	float: left;
	color: #fff;
	font-size:15px;
	padding:5px;
	width:80%;
	margin-left:5px;
	margin-bottom:10px;
}
.benefit-blue {
	float: left;
	background:#00a5df;
	border-radius:50%;
	color: #fff;
	font-size:35px;
	padding:13px 0 0 17px;
	width:85px;
	height:85px;
	margin-right:10px;
	margin-top:15px;
	margin-left:5px;
	border:5px solid #ffffff;
}
.benefit-green {
	float: left;
	background: #95be17;
	border-radius:50%;
	color: #fff;
	font-size:35px;
	padding:14px 0 0 21px;
	width:85px;
	height:85px;
	margin-right:10px;
	margin-top:15px;
	margin-left:5px;
	border:5px solid #ffffff;
}
.benefit-red {
	float: left;
	background: #db2d10;
	border-radius:50%;
	color: #fff;
	font-size:35px;
	padding:14px 0 0 26px;
	width:85px;
	height:85px;
	margin-right:10px;
	margin-top:15px;
	margin-left:5px;
	border:5px solid #ffffff;
}
.benefit-b i.fa {
	margin-right: 15px;
	color: #fff;
	font-size:24px;
	margin-right:35px;
	padding:4px;
}
.benefit-c {
	float: left;
	color: #fff;
	font-size:24px;
	padding:10px;
	border:1px solid #00a5df;
	width:55px;
	height:55px;
	margin-right:31px;
	margin-left:15px;
}
.about-c i.fa {
	margin-right: 15px;
	color: #00a5df;
	font-size:24px;
	margin-right:35px;
	padding:4px;
}
.benefit-d {
	float: left;
	color: #fff;
	font-size:24px;
	width:55px;
	height:55px;
	margin-right:31px;
	margin-left:15px;
}
.benefit-ag-a {
	background:url(../img/about/about-ag-1.html) scroll center center / cover;
	height: 600px;
	margin: 0;
}
.benefit-ag-b {
	background:url(../img/about/about-ag-2.html) scroll center center / cover;
	height: 600px;
	margin: 0;
}
.about-bus p {
	margin-top:25px;
	margin-bottom:25px;
}
.about-deg {
	float: left;
	color:#999;
	font-size:24px;
	padding:10px;
	border:2px solid #00a5df;
	width:55px;
	height:55px;
	margin-right:31px;
	transform:rotate(-45deg);
	margin-left:15px;
	margin-top:20px;
}
.benefit-deg i.fa {
	margin-right: 15px;
	color: #999;
	font-size:20px;
	margin-right:35px;
	padding:4px;
	transform:rotate(45deg);
}
.benefit-heading h3 {
	font-size:18px;
	font-weight:500;
	margin-top:10px;
	color:#ccc;
}
main-bane {
	width:100%;
}
/* ============================
	  12. Achivements
	 =========================== */			
	
	#achivements {
	color: #aaa;
	background: url(../img/achivement-bg.jpg) repeat fixed 0 0 / cover;
}
.achivements-text {
	background:#00a5df;
	padding:0 25px 0 25px;
	height:400px;
	vertical-align: middle;
	display:table-cell;
}
.achivements-text h2 {
	font-size:30px;
	color:#fff;
	padding-bottom:10px;
	font-weight:600;
}
.achivements-text p {
	font-size:15px;
	color:#fff;
}
.achivement-box {
	text-align: center;
	margin: 20px 0;
	padding:115px 0 80px 0;
	border-radius:25px 0 25px 0;
}
.achivement-box i.fa {
	font-size:40px;
	font-weight:400;
	color:#ffffff;
	margin-bottom: 20px;
}
.achivement-box h4 {
	font-size:16px;
	text-transform: uppercase;
	color:#c5c5c5;
}
.achivement-box span.count {
	font-size:30px;
	color:#ffffff;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
/* ============================
	  13. Testimonials
	 =========================== */				
	
	#testimonials {
	background: url(../img/review-bg.html);
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	padding:70px 0 70px 0;
	font-size:18px;
}
#testimonials-w {
	background: url(../img/clints.html) repeat fixed 0 0 / cover;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	padding:110px 0;
	font-size:18px;
}
#testimonial {
	padding: 0;
}
#testimonial .item {
	display: block;
	width: 100%;
	height: auto;
}
#testimonial .item p {
	font-weight: 500;
	margin: 30px 0;
	color: #ddd;
}
.reviewer-img {
	background:rgba(0, 0, 0, 0) url("../img/about-b.jpg") repeat fixed 0 0 / cover;
	height: 600px;
	margin: 0;
}
/* ============================
	  14. Contact Us
	 =========================== */			
	 	
	#contact {
	padding:110px 0 110px 0;
	background:url(../img/bg-map.html) no-repeat;
	background-color:#fff;
	background-repeat:none;
	background-attachment:scroll;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
}
#contact h3 {
	font-size:40px;
	font-weight: 200;
	text-transform: uppercase;
	margin-top:50px;
}
#contact-b i.fa {
	font-size: 30px;
	width: 70px;
	height: 70px;
	padding: 35px 0;
	margin: 20px 0 30px 0;
	color: #00a5df;
	background:none;
	border:1px solid #00a5df;
}
#contact i.fa {
	font-size:40px;
	width: 120px;
	height: 120px;
	padding:42px 0;
	margin:70px 0 30px 0;
	color:#00a5df;
	background:#12212f;
	border:1px solid #000;
}
#contact .contact:hover > i.fa {
	color: ##12212f;
}
#contact form {
	padding: 30px 0;
}
#contact .fa {
	color: #F4D03F;
	margin-bottom: 10px;
}
#contact .text-danger {
	color:#12212f;
	text-align:center;
	font-size:20px;
}
.alert-danger {
	background:#fff;
	color:#FF9900;
	border:1px solid #00a5df;
}
label {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	float: left;
}
#contact .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height:22px;
	background-color:transparent;
	background-image: none;
	border-top:none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	margin-top:25px;
	border:none;
}
#contact .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
	border:none;
}
 .form-control::-moz-placeholder {
 color:#12212f;
}
.form-control {
	height:45px;
	border:none;
	border-radius:0px;
}
.left-contact {
	margin-top:-35px;
}
.contact-back {
	background:rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
	padding:20px;
}
.contact-back-white {
	background:#333333;
	padding:20px;
}
.contact-s {
}
.top-heding-c {
	background:#75af00;
	border-radius:55px;
	padding:12px 0 12px 0;
	font-size:20px;
	margin-bottom:25px;
	text-transform:uppercase;
	font-weight:100;
}
.top-heding-apply{
	background:#75af00;
	border-radius:55px;
	padding:12px 0 12px 0;
	font-size:25px;
	margin-bottom:25px;
	text-transform:uppercase;
	font-weight:300;
	 color:#fff;
}
.form-group {
	margin-bottom:-5px;
}
/ *Design-Slide*/ .carousel-inner img {
 margin:0 auto;
}
.carousel-indicators {
}
#carousel-example-generic {
	background:url(../img/laptop.png) top center no-repeat;
	bottom: 10px;
	max-width:780px;
	background-size:contain;
	padding:22px 85px 56px;
	margin:0 auto;
}
.carousel-inner {
	margin: 0 auto;
	max-width: 700px;
}
.semple-design {
	text-align:center;
	font-size:25px;
	background:#000;
	max-width:350px;
	padding:30px 0 20px 0;
	margin:0 auto;
	color:#fff;
	margin-top:-25px;
	text-transform:uppercase;
}
/* ============================
	  15. Pricing Table
	 =========================== */				
	
#package {
	padding:110px 0 110px 0;
}
.pricing-area h1 {
	margin-top: 0;
	margin-bottom:8px;
	margin-top:25px;
	color:#333333;
	font-size:24px;
	text-transform:uppercase;
	font-weight:400;
}
.black span {
	color:#12212f;
}
.pricing-area h2 span {
	font-size:26px;
	color:#333333;
}
.pricing-areas h3, .pricing-areas span {
	color: #12212f;
	font-size:16px;
	text-transform:uppercase;
}
.pricing-area h3, .mid-price {
	color: #333333;
	font-size:35px;
	text-transform:uppercase;
	margin-bottom:1px;
}
.pricing-area span {
	color: #333333;
	font-size:30px;
	text-transform:uppercase;
}
.plan {
	position: relative;
	margin-bottom:55px;
	margin-top:55px;
}
.price-two {
	background:#ffffff;
	box-shadow:0px 1px 15px 0px #cfcfcf;
}
.price-one {
	background:#ffffff;
	box-shadow:0px 1px 15px 0px #cfcfcf;
}
.price-three {
	background:#ffffff;
	box-shadow:0px 1px 29px 0px #cfcfcf;
	z-index:+999;
	margin-top:45px;
}
.pricing-area ul {
	padding: 0;
	margin: 0;
}
.pricing-area ul li {
	list-style: none;
	padding:12px 0;
	color:#333;
	font-family: 'Open Sans', sans-serif;
	border-bottom:1px dotted #d1d1d1;
}
 .pricing-area ul li:nth-child(even) {
 background:none;
}
.pricing-area .heading-one, .pricing-area .price-one .plan-action {
	background:none;
	padding:30px 60px;
	font-size:15px;
}
.pricing-area .heading-two, .pricing-area .price-two .plan-action {
	background:none;
	padding:30px 60px;
	font-size:15px;
}
.pricing-area .heading-three, .pricing-area .price-three .plan-action {
	padding:30px 60px;
	font-size:15px;
}
/* ============================
	  16. Chart
	 =========================== */			
	
	#skills {
	padding:40px 0 110px 0;
	background:#fff;
	background-size: cover;
	background-attachment: fixed;
}
#skills p {
	color: #666666;
}
#skills .skill {
	margin-bottom: 40px;
	text-align: center;
	padding: 0px;
}
#skills .skill h4 {
	font-size:20px;
	font-weight:100;
	font-family:'Open+Sans', sans-serif;
}
.chart {
	position: relative;
	display: inline-block;
	width: 192px;
	height: 192px;
	margin-bottom: 36px;
	text-align: center;
}
.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.percent {
	display: inline-block;
	font-size:31px;
	color: #12212f;
	line-height: 192px;
	z-index: 2;
}
.percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em;
}
/* ============================
	  17. Back to top
	 =========================== */				
	
	#back-to-top {
	transition:all 1s ease 0s;
 -webkit-transition:all .3s ease 0s;
	position: fixed;
	bottom: 90px;
	right: 10px;
	z-index: 9999;
	width: 55px;
	height: 55px;
	text-align: center;
	line-height:50px;
	background:#12212f;
	color: #fff;
	font-size:20px;
	cursor: pointer;
	text-decoration: none;
	opacity: 0;
}
#back-to-top:hover {
	background: #00a5df;
	border-color:#fff;
	border:1px solid #12212f;
}
#back-to-top.show {
	opacity: 1;
}
/* ============================
	  18. Page Loader 
	 =========================== */			
	
	.no-js #loader {
	display: none;
}
.js #loader {
	display: block;
	position: absolute;
	left: 70px;
	top: 0;
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/loading.gif) center no-repeat #fff;
}
/* ============================
	  19.Owl Slide
	 =========================== */		
	

/* general carousel */
.owl-carousel {
    padding-bottom: 45px;
}
.carousel-box {
    background-color: #fff;
    margin: 0 15px;
    position: relative;
    overflow: hidden;
}
.carousel-box img {
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    transition: transform 1s ease;
}
.carousel-box:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.carousel-box .btn {
    font-weight: 800;
}
.carousel-box h3 {
    font-size: 18px;
    color: #2d373c;
}
.carousel-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 0 20px 20px;
}
.carousel-content p {
    margin-bottom: 20px;
}
.carousel-subtitle {
    padding-bottom: 10px;
}
.carousel-box-type {
    background-color: #2d373c;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    text-align: center;
    display: table;
    z-index: 1;
}
.carousel-box-type i {
    display: table-cell;
    vertical-align: middle;
}

/* general carousel */


.revew-carousel .owl-controls {
    position: absolute;
   
    right: 40px;
	bottom:-30px;
	

}
.revew-carousel .owl-controls .owl-buttons div  {
    cursor: pointer;
    border: 3px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: transparent;
    z-index: 99;
    opacity: 1;
    padding: 0;
}


.revew-carousel .owl-controls .owl-buttons .owl-next {
    right: 0;
}
.revew-carousel .owl-controls .owl-buttons .owl-next:hover {
    right: 0;
	 background:#001b24;
}
.revew-carousel .owl-controls .owl-buttons .owl-prev {
    right: 50px;
}
.revew-carousel .owl-controls .owl-buttons .owl-prev:hover {
    right: 50px;
	 background:#001b24;
}
.revew-carousel .owl-controls .owl-buttons i {
    font-size: 18px;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding-top: 9px;
}


.general-carousel .owl-controls {
     position: absolute;
   
    right: 20px;
	bottom:-30px;
	
}
.general-carousel .owl-controls .owl-buttons div  {
    cursor: pointer;
    border: 3px solid #333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background:#f1f1f1;
    z-index: 99;
    opacity: 1;
    padding: 0;
}


.general-carousel .owl-controls .owl-buttons .owl-next {
    right: 0;
}
.general-carousel .owl-controls .owl-buttons .owl-next:hover {
    right: 0;
	 background:#ffffff;
}
.general-carousel .owl-controls .owl-buttons .owl-prev {
    right: 50px;
}
.general-carousel .owl-controls .owl-buttons .owl-prev:hover {
    right: 50px;
		 background:#ffffff;
}
.general-carousel .owl-controls .owl-buttons i {
    font-size: 18px;
    color: #333;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding-top: 9px;
}

/* ============================
	  20.Features
	 =========================== */	
	
#awesome-features {
	padding:110px 0 110px 0;
	background:#00a5df;
}
#awesome-features {
	padding:110px 0 110px 0;
	background:#ffffff;
}
#awesome-features-freelancer {
	padding:110px 0 110px 0;
	background:#ffffff;
}
#awesome-features-app {
	padding:110px 0 110px 0;
	background:#f1f1f1;
}
#awesome-features-y {
	padding:110px 0 110px 0;
	background:#f1f1f1;
}
.feature-icon-left-more-y .feature-icon-y i.fa {
	float: left;
	font-size:30px;
	color:#12212f;
	margin:70px 20px 0 30px;
	height:65px;
	width:65px;
	padding:17px 0 0 0;
	border:2px solid #12212f;
}
.feature-icon-left-more-y .feature-content-y {
	padding-left:90px;
	padding-bottom:55px;
	padding-top:55px;
	border:1px solid #dfdfdf;
	background:#ffffff;
}
.feature-box {
	margin:5px 0 0px 0;
}
.feature-center {
	text-align: center;
}
.feature-test-light {
	line-height:28px;
	color:#333333;
	margin-top:15px;
	font-size:14px;
}
.feature-test {
	line-height:26px;
	color:#666666;
	margin-top:10px;
	font-size:15px;
}
.feature-icon-center-more .feature-icon i.fa {
	float: left;
	font-size:28px;
	color:#00a5df;
	margin:30px 0 0 0;
	height:55px;
	width:55px;
	padding:14px 0 0 0;
	border-radius:10%;
	border:1px solid #00a5df;
}
.feature-icon-center-more .feature-content {
	padding-left:80px;
	padding-bottom:15px;
	padding-top:20px;
	text-align:left;
}
.feature-icon-center-freelancer .feature-icon i.fa {
	float: left;
	font-size:20px;
	color:#12212f;
	margin:52px 0 0 10px;
	height:65px;
	width:65px;
	padding:18px 0 0 0;
	border-radius:50%;
	border:4px solid #00a5df;
	border-bottom:4px solid #092b3c;
	background:none;
	border-top:-3px solid #fff;
}
.feature-icon-center-freelancer .feature-content {
	padding-left:92px;
	padding-bottom:35px;
	padding-top:40px;
	text-align:left;
}
.feature-icon-left-more .feature-icon i.fa {
	float: right;
	font-size:25px;
	color:#00a5df;
	margin:35px 0 0 0;
	height:55px;
	width:55px;
	padding:15px 0 0 0;
	border-radius:10%;
	background:#12212f
}
.feature-icon-left-more .feature-content {
	padding-right:80px;
	padding-bottom:35px;
	padding-top:25px;
	text-align:right;
}
.feature-icon-left-more-app .feature-icon i.fa {
	float: right;
	font-size:25px;
	color:#12212f;
	margin:50px 0 0 0;
	height:55px;
	width:55px;
	padding:14px 0 0 0;
	border-radius:10%;
	border:1px solid #12212f;
}
.feature-icon-left-more-app .feature-content {
	padding-right:90px;
	padding-bottom:20px;
	padding-top:35px;
	text-align:right;
}
.feature-icon-right-more .feature-icon i.fa {
	float: left;
	font-size:25px;
	color:#00a5df;
	margin:35px 0 0 0;
	height:55px;
	width:55px;
	padding:15px 0 0 0;
	border-radius:10%;
	background:#12212f
}
.feature-icon-right-more .feature-content {
	padding-left:80px;
	padding-bottom:35px;
	padding-top:25px;
	text-align:left;
}
.feature-icon-right-more-app .feature-icon i.fa {
	float: left;
	font-size:25px;
	color:#12212f;
	margin:50px 0 0 0;
	height:55px;
	width:55px;
	padding:14px 0 0 0;
	border-radius:10%;
	border:1px solid #12212f;
}
.feature-icon-right-more-app .feature-content {
	padding-left:90px;
	padding-bottom:20px;
	padding-top:35px;
	text-align:left;
}
.feature-center .service-icon {
	margin-bottom: 14px;
}
.feature-center .service-content h4 {
	margin-bottom: 6px;
	font-weight: 500;
}
.feature-center .service-icon i {
	display: inline-block;
}
.feature-box h4 {
	margin-bottom:9px;
	font-weight: 400;
	font-size:18px;
	font-family:'Open+Sans', sans-serif;
}
.feature-box > div:first-child {
	padding: 0;
}
.feature-boxed {
	margin-top:30px;
	padding: 0 15px 20px 15px !important;
	border: 1px solid #eee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.feature-boxed:hover {
	border-color: #e2e2e2;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.feature-boxed p {
	margin-bottom: 0;
}
/* ============================
	  21.Services
	 =========================== */	

#superb-services {
	background:#fff;
	padding:80px 0 10px 0;
}
.startup .boxs h4 {
	font-size:20px;
	font-weight:500;
	margin-bottom:20px;
	text-transform:uppercase;
	margin-top:35px;
}
.startup .boxs {
	padding:0 20px;
	font-weight:500;
	min-height:90px;
}
.startup .boxs a {
	display:inline-block;
}
.startup .boxs.first {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f1f1f1;
	padding:90px 30px 90px 30px;
	margin:55px 0 0 0;
}
.startup .boxs.second {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f7f7f7;
	padding:90px 30px 90px 30px;
	margin:55px 0 0 0;
}
.startup .boxs.third {
	border-bottom:1px solid #ccc;
	background:#f1f1f1;
	padding:90px 30px 90px 30px;
	margin:55px 0 0 0;
}
.startup .boxs.four {
	border-right:1px solid #ccc;
	background:#f7f7f7;
	padding:90px 30px 90px 30px;
	margin:0 0 55px 0;
}
.startup .boxs.five {
	border-right:1px solid #ccc;
	background:#f1f1f1;
	padding:90px 30px 90px 30px;
	margin:0 0 55px 0;
}
.startup .boxs.six {
	border-right:1px solid #ccc;
	background:#f7f7f7;
	padding:90px 30px 90px 30px;
	margin:0 0 55px 0;
}
/* ============================
	  22.Top Support
	 =========================== */	
	
#support {
	background:none;
	margin-top:-85px;
}
#support -i {
	background:none;
	margin-top:0;
}
.email {
	padding:50px 0 50px 0;
	background:rgba(230, 47, 17, 0.9) none repeat scroll 0 0;
}
.email h2 {
	color:#fff;
	font-size:22px;
	margin-top:15px;
	line-height:35px;
	font-weight:600;
}
.email h3 {
	color:#fff;
	font-size:20px;
	margin-top:0px;
}
.email i.fa {
	font-size:55px;
	color:#fff;
}
.phone {
	padding:50px 0 50px 0;
	background:rgba(16, 170, 208, 0.9) none repeat scroll 0 0;
}
.phone h2 {
	color:#fff;
	font-size:22px;
	margin-top:15px;
	line-height:35px;
	font-weight:600;
}
.phone h3 {
	color:#12212f;
	font-size:20px;
	margin-top:0px;
}
.phone i.fa {
	font-size:55px;
	color:#fff;
}
.money {
	padding:50px 0 50px 0;
	background:rgba(115, 176, 36, 0.9) none repeat scroll 0 0;
}
.money h2 {
	color:#fff;
	font-size:24px;
	margin-top:15px;
	line-height:35px;
	font-weight:600;
}
.money h3 {
	color:#fff;
	font-size:20px;
	margin-top:0px;
}
.money i.fa {
	font-size:55px;
	color:#fff;
}
/* ============================
	  23.Footer
	 =========================== */
	 
	footer {
	background: #0a0a0a none repeat scroll 0 0;
	color: #fff;
	padding:68px 0 0px 0;
}
.footer-main-heading {
	padding:30px 0 30px 0;
	background:#0a0a0a;
	color:fff;
	margin-top:-130px;
}
footer h2 {
	color: #b7c1cb;
	font-size: 20px;
	font-weight: 400;
	margin: 55px 0 20px;
}
.star {
	color: #a7a7a7;
	font-size: 24px;
	font-weight: 400;
	text-transform:uppercase;
	margin-bottom:10px;
}
footer ul {
	list-style: outside none none;
	padding: 0;
}
footer ul li a {
	color: #a7a7a7;
	font-size: 12px;
	font-weight: 400;
	transition: all 0.5s ease 0s;
}
.social li a {
	display: block;
	line-height: 35px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 80%;
}
footer a:hover {
	color: #0bbae0;
	text-decoration: none;
}
footer a:focus {
	color: #0bbae0;
	text-decoration: none;
}
.social li a:hover span {
	background: #e15724 none repeat scroll 0 0;
	color: #fff;
}
.social li a span {
	background: #ccc none repeat scroll 0 0;
	border-radius: 50%;
	display: inline-block;
	font-size: 22px;
	height: 35px;
	margin-right: 10px;
	text-align: center;
	transition: all 0.5s ease 0s;
	vertical-align: middle;
	width: 35px;
}
.foot-recovery {
	margin-bottom: 55px;
}
.foot-recovery i {
	
	 margin-right:5px;
	 font-size:8px;
}
.foot-recovery li a {
	display: block;
	line-height: 18px;
	padding: 10px;
	border-bottom:1px dashed #171717;
}
footer .sup {
	background-repeat: no-repeat !important;
	min-height: 73px;
	opacity: 0.7;
	transition: all 1s ease 0s;
}
footer .sup span {
	border: 1px solid #fff;
	border-radius: 50%;
	display: table;
	float: left;
	height: 70px;
	margin-right: 10px;
	text-align: center;
	transition: all 0.5s ease 0s;
	width: 70px;
}
footer .sup:hover span {
	background: #e15724 none repeat scroll 0 0;
}
footer .sup span i {
	display: table-cell;
	font-size: 30px;
	vertical-align: middle;
}
footer .sup:hover {
	opacity: 1;
}
footer .sup:hover h2, footer .sup:hover h3 {
	color: #e15724;
}
footer .sup img {
	float: left;
	margin-right: 15px;
}
footer .sup1 {
	background: rgba(0, 0, 0, 0) url("../images/call-num.html") repeat scroll left top;
	padding-left: 85px;
}
footer .sup1:hover {
	background: rgba(0, 0, 0, 0) url("../images/call-num-hover.html") repeat scroll 0 0;
}
footer .sup2 {
	background: rgba(0, 0, 0, 0) url("../images/maill.html") repeat scroll left top;
	padding-left: 85px;
}
footer .sup2:hover {
	background: rgba(0, 0, 0, 0) url("../images/maill-hover.html") repeat scroll left top;
}
footer h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	margin: 0;
}
footer .copyright {
	border-top: 1px solid #2e2e2e;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 30px;
	margin: 30px 15px 15px;
	padding: 0 15px;
}
footer .copyright a {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
}
footer .copyright a:hover, footer .copyright a:focus {
	color: #e15724;
}
footer .copyright li {
	float: right;
	margin-left: 15px;
}
footer .box2 ul {
	max-width: 100%;
}
footer .box2 li {
	background-color: #0e0e0e;
	margin-bottom: 10px;
	padding: 25px;
	border:1px solid #232323;
	line-height:35px;
}
footer .box2 li i {
	float: left;
	font-size: 36px;
	margin-right: 15px;
}
footer .box2 li a span {
	display: block;
	margin-top: 0px;
}
.box2 {
	margin-top:55px;
}
nav#footer {
	background:#080808;
	color:#999999;
	padding: 65px 0 65px 0;
	font-size:16px;
	line-height:28px;
	border:1px solid #202020;
}
nav#footer .fnav {
	vertical-align: middle;
	margin-top:25px;
	margin-bottom:50px;
}
.bottam-brand {
	font-size:40px;
	margin-bottom:35px;
	margin-top:38px;
}
ul.footer-social li {
	display: inline-block;
	margin-right: 10px;
}
nav#footer p {
	font-size: 15px;
	margin-top: 30px;
	padding:20px 0 30px 0px;
	color:#999;
	font-weight:200;
	border-top:1px solid #494949;
}
#footer-love i.fa {
	height: 30px;
	width: 30px;
	font-size: 20px;
	padding: 18px 5px;
	color:#fff;
	transition: all 0.5s;
	width:60px;
	height:60px;
	border:1px solid #00a5df;
	border-radius:50%;
	background:#00a5df;
}
#footer i.fa {
	height:35px;
	width:35px;
	font-size: 13px;
	padding:9px 5px;
	color:#ffff;
	transition: all 0.5s;
	border:1px solid #333;
	background:#191919;
	padding:12px;
	margin-top:35px;
}
.heart i.fa {
	font-size:18px;
	color:#00a5df;
	transition: all 0.5s;
	border-radius:10%;
}
.footer-bottom {
	background:#000;
	padding:25px 0 25px 0;
	margin-top:5px;
}
.f-b {
	color:#999;
	text-align:center;
	padding:10px;
	font-family:'Open+Sans', sans-serif;
	font-size:15px;
}
#footer i.fa:hover {
	color: #12212f;
	background:#00a5df;
}
/* ============================
	  24.work
	 =========================== */
	 
.our-best-work {
	padding: 110px 0 90px 0;
	background:#f1f1f1;
}
.our-best-work .col-md-3 {
	padding: 0;
}
.single-work {
	overflow: hidden;
	position: relative;
}
.single-work:hover a > img {
	transform: scale(1.2);
}
.single-work:hover .work-info {
	opacity: 1;
}
.single-work > a > img {
	cursor: crosshair;
	overflow: hidden;
	transform: scale(1);
	transition: all 0.3s ease 0s;
}
.work-info {
	bottom: 0;
	opacity: 0;
	padding:18px 0 18px 15px;
	position: absolute;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 5;
	background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
.work-info > h5 {
	color: #fff;
	display: table;
	font-size: 18px;
}
.work-link {
	align-content: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 17%;
	z-index: 6;
	background:#00a5df;
}
.work-link:hover {
	color: #eaeaea;
}
.work-link i {
	font-size: 22px;
	vertical-align: middle;
}
/* ============================
	  25.Clints
	 =========================== */

#client {
	padding:100px 0 180px 0;
}
.clients {
	margin:55px 0 55px 0;
}
.all-clients {
	padding:35px 0 35px 0;
	border-top:1px solid #ededed;
	border-left:1px solid #ededed;
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	margin-top:2px;
}
.border_bottom {
	border-bottom: 1px solid #999897;
}

/* ============================
	  26.Demo
	 =========================== */

#more-demos {
	padding:80px 0 80px 0;
	 background:#e8e8e8;
}
.demos-one-row {
	margin:0 auto;
	text-align:center;
	height:auto;
	overflow:hidden;
}
.img-res {
	margin:0 auto;
	max-width:100%;
}
.img-res-demo {
	margin:0 auto;
	max-width:100%;
	margin-bottom:5px;
}
.demos {
	margin-top:35px;
	margin-bottom:35px;
}
#intro-bg {
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#C0DEED;
	background: url(../img/fixed-portfolio-img.jpg) no-repeat;
	padding-top:160px;
	padding-bottom:180px;
	width: 100%;
}
.intro-text .intro-lead-in {
	font-size:15px;
	line-height:28px;
	color:#999999;
	margin-bottom:25px;
	text-transform: lowercase;
	font-family:'Raleway', sans-serif
}
.intro-logo {
	padding:0 0 20px 0;
}
.intro-text .intro-heading {
	font-size:45px;
	padding:5px 0 25px 0;
	color:#ffffff;
	font-family:'Raleway', sans-serif;
	font-weight:200;
	text-transform:uppercase;
	line-height:normal;
}
.intro-heading-s {
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
	line-height:normal;
}
.o-demos {
	font-weight:700;
	font-size:50px;
	color:#ffffff;
}
.btn-intro {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #333;
	border-radius: 0;
	color: #12212f;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	margin: 25px 10px 0;
	max-width: 215px;
	padding: 20px 30px;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	transition: all 0.6s ease 0s;
	width: 100%;
}
.btn-intro:hover {
	background: #0daad7 none repeat scroll 0 0;
	border: 1px solid #333;
	border-radius: 0;
	color: #ffffff;
	display: inline-block;
	font-size: 14=5px;
	font-weight: 600;
	margin: 25px 10px 0;
	max-width: 215px;
	padding: 20px 30px;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	transition: all 0.6s ease 0s;
	width: 100%;
}
.btn-intro:focus { color:#333333;}