.download-btn, .header-content h2, .header-content h3, .knowmore-btn, .main-nav li a, .name, .portfolio-menu ul li, .portfolio-title h4, .single-wc-content .wc-tittle, .team-address p {
	text-transform:uppercase
}
.team-grid, .w-logo, ul {
	list-style:none
}
body, h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans Condensed', sans-serif
}
p {
	font-family:Roboto, sans-serif;
	font-size:13px
}
.download-btn, .portfolio-menu ul li, .portfolio-title span, .single-slide>p, .team-address span {
	font-family:Raleway, sans-serif
}
h2, ul {
	margin:0
}
.knowmore-btn, .scrollToTop {
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.header-btn-area, .header-content, .scrollToTop, .title-area, .wc-table {
	text-align:center
}
body, html {
	overflow-x:hidden
}
body {
	font-size:16px;
	overflow-x:hidden!important;
	color:#000
}
ul {
	padding:0
}
a {
	text-decoration:none;
	color:#2f2f2f
}
a:focus {
	outline:0;
	text-decoration:none
}
h2 {
	color:#fff;
	font-size:30px;
	font-weight:700;
	line-height:40px;
	padding-bottom:10px
}
img {
	border:none
}
.clr {
	clear:both
}
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	z-index:99999
}
.loader {
	font-size:10px;
	top:300px;
	left:45%;
	text-indent:-9999em;
	width:11em;
	height:11em;
	border-radius:50%;
	position:relative;
	-webkit-animation:load3 1.4s infinite linear;
	animation:load3 1.4s infinite linear;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0)
}
.loader:after, .loader:before {
	content:'';
	position:absolute;
	top:0;
	left:0
}
.loader:before {
	width:50%;
	height:50%;
	border-radius:100% 0 0
}
.loader:after {
	background:#fff;
	width:75%;
	height:75%;
	border-radius:50%;
	margin:auto;
	bottom:0;
	right:0
}
@-webkit-keyframes load3 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes load3 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.scrollToTop {
	background:#f9f9f9;
	border-radius:50%;
	bottom:103px;
	display:none;
	font-size:25px;
	height:55px;
	line-height:50px;
	position:fixed;
	right:37px;
	text-decoration:none;
	width:55px;
	transition:all .5s;
	z-index:999
}
#service:after, .header-inner::after {
	background:url(images/overlay-pattern3.png) rgba(0,0,0,.4)
}
#header, .header-inner {
//display:inline;
//float:left;
	display:block
}
.scrollToTop:focus, .scrollToTop:hover {
	color:#fff;
	text-decoration:none;
	outline:0
}
#header {
	width:100%
}
.header-inner {
	position:relative;
	width:100%
}
.header-inner::after, .header-overlay {
	left:0;
	position:absolute;
	top:0;
	height:100%
}
.header-inner::after {
	z-index:0;
	width:100%;
	display:block;
	content:""
}
#menu-area, .header-btn-area {
//display:inline;
//float:left;
	width:100%
}
.header-inner>img {
	width:100%
}
.header-overlay {
//background-color:rgba(0,0,0,.6);
	width:100%;
	z-index:10
}
.header-content {
	float:left;
	width:100%;
	height:100%;
	padding:140px
}
.header-content h2 {
	font-size:80px;
	font-weight:700;
	line-height:80px
}
.header-content h2 span {
	font-weight:400;
	line-height:93px
}
.download-btn, .knowmore-btn {
	font-weight:700;
	color:#fff
}
.header-btn-area {
	margin-top:90px
}
.header-content h3 {
	max-width:700px;
	margin:0 auto;
	color:#fff;
	font-family:Roboto, sans-serif;
	font-weight:300;
	font-size:20px;
	text-transform:capitalize;
	line-height:26px
}
.button-default, .s-content h4, .team-address p, .team-area h4 {
	font-weight:600
}
.header-btn-area a {
	margin:0 15px
}
.knowmore-btn {
	border:2px solid #fff;
	border-radius:2px;
	font-size:16px;
	padding:20px 18px;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s
}
.download-btn, .navbar-fixed-top {
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s
}
.download-btn {
	border:2px solid #fff;
	border-radius:4px;
	font-size:20px;
	padding:25px 28px;
	transition:all .5s
}
.download-btn:focus, .download-btn:hover, .knowmore-btn:focus, .knowmore-btn:hover {
	color:#fff;
	text-decoration:none;
	outline:0
}
.main-navbar {
	background:#fff;
	border-radius:0;
	border-bottom:1px solid #e7e7e7;
	border-right:medium none;
	height:100px;
	margin-bottom:0;
	-webkit-box-shadow:0 2px 4px 0 #f3f3f3;
	-moz-box-shadow:0 2px 4px 0 #f3f3f3;
	box-shadow:0 2px 4px 0 #f3f3f3
}
.navbar-fixed-top {
	height:80px;
	transition:all .5s
}
#navbar {
	float:left
}
.main-nav {
	display:inline-block;
	text-align:right;
	width:100%
}
.main-nav li {
	display:inline-block;
	float:none
}
.main-nav li a {
	color:#636363;
	font-size:15px;
	padding:30px 18px
}
.btn-white i {
	font-size:20px
}
.less-padding {
	padding:20px!important
}
.navbar-default .navbar-nav>li>a {
	color:#000;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	font-weight:600
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color:transparent
}
.search-area {
	display:inline-block;
	float:right;
	height:60px;
	padding:0;
	position:relative;
	width:5%
}
.search-area input[type=text] {
	height:100%;
	font-size:20px;
	display:inline-block;
	font-weight:100;
	border:none;
	outline:0;
	line-height:20px;
	color:#555;
	padding:3px 60px 0 3px;
	width:0;
	position:absolute;
	top:11%;
	right:0;
	background:0 0;
	z-index:3;
	-webkit-transition:width .4s cubic-bezier(0, .795, 0, 1);
	transition:width .4s cubic-bezier(0, .795, 0, 1);
	cursor:pointer
}
.search-area input[type=text]:focus {
	width:880px;
	z-index:1;
	background-color:#fff;
	cursor:text
}
.search-area input[type=submit] {
	background-image:url(images/search-icon.png);
	background-position:center center;
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
	display:inline-block;
	float:right;
	height:35px;
	outline:0;
	position:absolute;
	right:0;
	text-indent:-10000px;
	top:53%;
	-webkit-transition:opacity .4s ease 0s;
	transition:opacity .4s ease 0s;
	width:45px;
	z-index:2
}
#about, .title-area, .welcome-area {
//display:inline;
	width:100%;
//float:left
}
.search-area input[type=submit]:hover {
	opacity:.8
}
#about {
	background-color:#fff;
	padding:70px 0
}
.title-area {
	padding:0 165px;
	position:relative
}
.tittle {
	color:#000;
	font-size:40px;
	margin-bottom:0;
	padding-bottom:18px;
	text-transform:uppercase
}
.tittle-line {
	background-color:red;
	display:inline-block;
	height:2px;
	margin-bottom:16px;
	width:60px
}
.welcome-content {
	float:left;
	display:inline;
	width:100%;
	margin-top:50px
}
.wc-table {
	display:inline-block
}
.wc-table li {
	float:left;
	width:25%
}
.single-wc-content {
	float:left;
	display:inline;
	width:100%
}
.single-wc-content span {
	border-radius:100%;
	display:inline-block;
	font-size:35px;
	height:117px;
	line-height:117px;
	text-align:center;
	width:117px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.single-wc-content .wc-tittle {
	color:#525252;
	font-size:18px;
	border-bottom:1px solid #bbb;
	margin-top:32px;
	padding-bottom:17px
}
.single-wc-content p {
	color:#7d7d7d;
	font-size:15px;
	padding:12px
}
.single-wc-content:hover .wc-icon {
	color:#fff
}
.single-wc-content:hover .wc-tittle {
	padding-bottom:16px
}
.about-area {
	display:inline;
	float:left;
	margin-top:45px;
	margin-bottom:25px;
	width:100%
}
.about-left {
//display:inline;
//float:left;
//height:420px;
//position:relative;
//width:445px
}
.about-left img {
	left:23px;
//position:absolute;
	top:23px
}
.introduction-btn {
	color:#f9fffd;
	display:inline-block;
	font-size:25px;
	left:36%;
	padding:18px 16px;
	position:absolute;
	text-decoration:none;
	top:50%
}
.introduction-btn:focus, .introduction-btn:hover {
	color:#f9fffd;
	text-decoration:none;
	outline:0
}
.about-right {
	display:inline;
	float:left;
//padding-left:85px;
	padding-top:20px;
	width:100%
}
.about-right .title-area {
	text-align:left;
	padding:0
}
.call-to-content, .team-address, .team-grid, .team-info a, .team-table li {
	text-align:center
}
.about-right .tittle {
	padding-bottom:18px
}
.about-right .tittle-line {
	height:2px;
	margin-bottom:18px;
	width:100px
}
.about-right p {
	color:#000;
	margin-bottom:32px
}
.about-btn-area {
	float:left;
	display:inline;
	margin-top:14px;
	width:100%
}
.button, .button-default>span {
	display:block
}
.button {
	float:left;
	margin:1em;
	border:none;
	background:0 0;
	color:inherit;
	vertical-align:middle;
	position:relative;
	z-index:1;
	-webkit-backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale
}
.button:focus {
	outline:0
}
.button>span {
	vertical-align:middle
}
.button-default {
	text-decoration:none;
	border-radius:2px;
	overflow:hidden;
	font-size:15px;
	padding:0;
	-webkit-transition:border-color .3s, background-color .3s;
	transition:border-color .3s, background-color .3s;
	-webkit-transition-timing-function:cubic-bezier(.2, 1, .3, 1);
	transition-timing-function:cubic-bezier(.2, 1, .3, 1)
}
.button-default::after {
	content:attr(data-text);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	color:#3f51b5;
	-webkit-transform:translate3d(0, 25%, 0);
	transform:translate3d(0, 25%, 0)
}
#call-to-action, .call-to-content {
	display:inline;
	float:left;
	width:100%
}
.button-default:after {
	color:#fff
}
.button-default::after, .button-default>span {
	padding:12px 21px;
	-webkit-transition:-webkit-transform .3s, opacity .3s;
	transition:transform .3s, opacity .3s;
	-webkit-transition-timing-function:cubic-bezier(.2, 1, .3, 1);
	transition-timing-function:cubic-bezier(.2, 1, .3, 1)
}
.button-default:hover {
	background-color:rgba(63,81,181,.1);
	text-decoration:none
}
.button-default:focus, .button-default:hover {
	color:#fff!important
}
.button-default:hover::after {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.button-default:hover>span {
	opacity:0;
	-webkit-transform:translate3d(0, -25%, 0);
	transform:translate3d(0, -25%, 0)
}
#call-to-action {
	position:relative
}
.call-to-overlay {
	background-color:rgba(0,0,0,.8);
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%
}
.call-to-content {
	padding:60px 0
}
#service, #team {
	padding:70px 0
}
.call-to-content h2 {
	color:#fff7f7;
	font-size:45px
}
.call-to-content a {
	display:inline-block;
	float:none;
	margin-top:29px
}
#team, .team-area, .team-content {
//display:inline;
//float:left;
	width:100%
}
#team {
	background:url(images/background01.jpg) no-repeat fixed;
	background-size:cover
}
.team-table .slick-next::before, .team-table .slick-prev::before {
	color:red!important
}
.team-table .slick-next, .team-table .slick-prev {
	margin-top:-50px!important
}
.team-content {
	margin-top:18px
}
.team-grid {
	margin:20px 0 0;
	padding:0;
	display:block;
	width:100%
}
.team-grid li {
	display:inline-block;
	height:230px;
	margin:20px 25px;
	width:20%
}
.team-item {
	width:100%;
	height:100%;
	border-radius:50%;
	position:relative;
	cursor:default;
	box-shadow:inset 0 0 0 16px rgba(255,255,255,.6), 0 1px 2px rgba(0,0,0,.1);
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out
}
.team-img-1 {
	background-image:url(images/team-member1.png)
}
.team-img-2 {
	background-image:url(images/team-member2.png)
}
.team-img-3 {
	background-image:url(images/team-member3.png)
}
.team-img-4 {
	background-image:url(images/team-member4.png)
}
.team-info {
	position:absolute;
	width:inherit;
	height:inherit;
	padding:50px 0;
	border-radius:50%;
	opacity:0;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-backface-visibility:hidden
}
.team-info p {
	color:#fff;
	padding:10px 5px;
	font-style:italic;
	margin:0 30px;
	font-size:14px;
	opacity:0;
	-webkit-transition:all 1s ease-in-out .4s;
	-moz-transition:all 1s ease-in-out .4s;
	-o-transition:all 1s ease-in-out .4s;
	-ms-transition:all 1s ease-in-out .4s;
	transition:all 1s ease-in-out .4s
}
.team-info a {
	border:1px solid #fffefe;
	border-radius:50%;
	color:#fffefe;
	display:inline-block;
	font-size:16px;
	opacity:.8;
	height:27px;
	margin:0 5px;
	width:27px
}
#service, .team-address {
//float:left;
//display:inline
}
.team-grid li:hover .team-info p, .team-info a:hover {
	opacity:1
}
.team-grid li:hover .team-info {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
.team-address {
	margin-top:26px;
	width:100%
}
.team-address p {
	color:#000;
	margin-bottom:0;
	font-size:20px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.team-address span {
	color:#777;
	font-size:17px;
	font-style:italic
}
#service {
	background:url(images/bklyn-section-1.jpg) no-repeat fixed;
	width:100%;
	background-size:cover;
	position:relative
}
#service:after {
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
	display:block;
	left:0;
	top:0;
	content:""
}
.s-content, .s-icon {
	display:table-cell
}
.s-icon {
	width:60px;
	padding-right:10px
}
.s-icon img {
	-webkit-filter:brightness(100%)!important;
	filter:brightness(0) invert(1)!important
}
.s-content {
	vertical-align:top;
	padding-bottom:40px
}
#portfolio, .portfolio-area, .portfolio-content, .portfolio-menu {
//display:inline;
	width:100%;
//float:left
}
.s-content h4 {
	margin-top:0;
	color:#FC0
}
.s-content p, .s-content ul li {
	color:#fff
}
.about-service {
	position:relative;
	z-index:1
}
#portfolio {
	padding:70px 0
}
.portfolio-content {
	margin-top:50px
}
.portfolio-menu ul {
	display:inline-block;
	width:100%;
	text-align:center
}
.portfolio-menu ul li {
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	font-weight:700;
	margin:0 13px;
	padding:6px;
	-webkit-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	transition:all .5s ease 0s
}
.portfolio-container {
	display:inline;
	float:left;
//margin-left:-9px;
	margin-top:20px;
	width:100%
}
.single-portfolio {
	display:inline;
	float:left;
	margin-bottom:18px;
	margin-left:18px;
//width:23.4%;
	width:31.4%
}
.single-item {
	width:100%;
	position:relative;
	overflow:hidden;
	border:4px solid #ddd;
	box-shadow:0 0 15px #ddd;
	height:350px;
	border-radius:4px
}
.portfolio-title, .single-item-content {
	position:absolute;
	left:0;
	text-align:center
}
.comment-form .form-control:focus, .contact-form .form-control:focus {
	outline:0;
	box-shadow:none
}
.single-item>img {
	width:100%;
	display:block;
	-webkit-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	transition:all .5s ease 0s
}
.single-item>img:hover {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
#mixit-container .mix {
	display:none
}
.single-item-content {
	background-color:#000;
	display:inline;
	opacity:0;
	height:100%;
	top:0;
	width:100%;
	-webkit-transition:background-color .5s linear;
	-moz-transition:background-color .5s linear;
	-o-transition:background-color .5s linear;
	-ms-transition:background-color .5s linear;
	transition:background-color .5s linear
}
.portfolio-social-icon, .single-from-blog .blog-title h2 {
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s
}
.portfolio-social-icon {
	float:left;
	display:inline;
	padding:110px 50px;
	width:100%;
	-o-transition:all .5s;
	transition:all .5s
}
.single-item:hover .single-item-content {
	opacity:1
}
.single-item-content:hover {
	background-color:rgba(0,0,0,.8)
}
.portfolio-social-icon a {
	color:#fff;
	display:inline-block;
	font-size:14px;
	height:40px;
	line-height:15px;
	margin:0 8px;
	padding:12px;
	text-align:center;
	width:40px;
	transform:scale(.5);
	-webkit-transition:all .7s ease 0s;
	-o-transition:all .7s ease 0s;
	transition:all .7s ease 0s
}
.single-item-content:hover .fancybox, .single-item-content:hover .link-btn {
	transform:scale(.9)
}
.portfolio-title {
	bottom:0;
	display:inline;
	opacity:0;
	padding-bottom:12px;
	width:100%;
	-webkit-transition:all .7s ease 0s;
	-o-transition:all .7s ease 0s;
	transition:all .7s ease 0s
}
.single-item:hover .portfolio-title {
	opacity:1
}
.portfolio-title h4 {
	color:#fff7f7;
	font-size:16px;
	font-weight:700;
	margin-bottom:0
}
.portfolio-title span {
	color:#fff7f7;
	font-size:12px
}
#counter {
//display:inline;
//float:left;
	position:relative;
	width:100%;
	min-height:260px;
	overflow:hidden
}
.counter-overlay {
	background:url(images/counter-bg.jpg) no-repeat fixed;
	background-size:cover;
	min-height:260px;
//left:0;
//position:absolute;
//top:0;
	width:100%
}
#testimonial, .counter-area, .testimonial-area {
	position:relative
}
.testi {
	background:url(images/testimonial-bg.png) no-repeat fixed;
	background-size:cover;
	height:100%
}
.counter-area {
	display:block;
	padding:112px 0;
	width:100%;
	z-index:1
}
.single-counter {
	display:inline;
	float:left;
	padding:0 10px;
	width:100%
}
.single-counter>span {
	display:block;
	float:left;
	font-size:60px;
	text-align:center;
	width:60px
}
.single-counter .counter-count {
	float:left;
	margin-left:20px
}
.single-counter .counter-count>span {
	color:#fff;
	display:block;
	font-size:50px;
	font-weight:700;
	margin-bottom:-7px;
	margin-top:-16px
}
.single-counter .counter-count>p {
	color:#fff;
	font-size:16px;
	font-weight:600;
	margin-left:5px
}
#pricing-table {
//display:inline;
//float:left;
	padding:70px 0;
	width:100%
}
.feature-item {
	margin-bottom:50px
}
.feature-item .feature-img {
	float:left;
	width:72px;
	padding-right:15px;
	padding-top:5px
}
.feature-item .feature-content {
	float:left;
	width:calc(100% - 72px)
}
#testimonial, .single-slide, .single-testimonial, .testimonial-area, .testimonial-conten, .testimonial-slider {
//display:inline;
	width:100%;
//float:left
}
.feature-content h4 {
	font-weight:600;
	margin:0
}
.testimonial-area {
	padding:70px 0;
	z-index:1
}
.testimonial-area .tittle {
	color:#fff
}
.testimonial-area .tittle-line {
	background-color:#fff
}
.testimonial-conten {
	margin-top:11px
}
.testimonial-slider {
//position:absolute
}
.single-slide {
	padding:0 21px;
	text-align:center;
	margin-top:41px
}
.single-slide>p {
	color:#fff;
	font-size:18px;
	line-height:35px;
	margin-top:55px;
	position:relative
}
.single-slide>p::after {
	color:#fff;
	content:"";
	font-family:fontAwesome;
	font-size:50px;
	left:-44px;
	position:absolute;
	top:-29px
}
.testimonial-thumb {
	border-radius:50%;
	height:107px;
	margin:35px auto 0;
	width:107px
}
.single-testimonial p {
	color:#fff;
	font-size:20px;
	font-weight:700;
	margin-bottom:0
}
.single-testimonial span {
	color:#fff;
	display:inline-block;
	font-size:16px
}
.testimonial-slider .slick-next:before, .testimonial-slider .slick-prev::before {
	color:#fff;
	background:red;
	display:inline-block;
	font-family:fontAwesome;
	font-size:25px;
	line-height:31px;
	padding:0 10px;
	width:35px;
	height:35px;
	text-align:center
}
.testimonial-slider .slick-prev::before {
	border-radius:0;
	content:""!important
}
.testimonial-slider .slick-next:before {
	content:'\f105'!important
}
#client, .single-from-blog {
	background-color:#fff
}
.testimonial-slider .slick-prev {
	left:40.5%;
	z-index:99;
	bottom:-5%;
	top:auto;
	width:35px;
	height:35px
}
.testimonial-slider .slick-next {
	right:46.2%;
	z-index:99;
	bottom:-5%;
	top:auto;
	width:35px;
	height:35px
}
.testi-info {
	background:#fff;
	padding:0 30px 30px;
	position:relative;
	margin-bottom:50px;
	z-index:1;
	min-height:250px
}
.testi-info::after, .testi-info::before {
	content:'';
	position:absolute;
	z-index:1000
}
.testi-info::before {
	left:0;
	bottom:0;
	border-bottom:40px solid orange;
	border-right:40px solid transparent
}
.clientInfo {
	margin-bottom:30px
}
.testi-info::after {
	right:0;
	top:0;
	border-top:40px solid orange;
	border-left:40px solid transparent
}
.client-image {
	float:left;
	margin-right:15px
}
.client-image img {
	border:2px solid #fff;
	margin-top:-40px;
	border-radius:50%
}
.name {
	font-size:18px;
	color:#000;
	font-weight:700;
	float:left;
	margin-top:10px
}
.name span {
	display:block;
	text-transform:none;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400
}
#from-blog, .from-blog-area, .from-blog-content, .single-from-blog, .single-from-blog .blog-footer, .single-from-blog .blog-title, .single-from-blog figure {
	display:inline;
	float:left;
	width:100%
}
.contact-left h2, .contact-right h2, .error-no h2 {
	text-transform:uppercase
}
.testi-info p {
	position:relative;
	font-size:14px;
	line-height:24px;
	font-style:italic;
	color:#696969
}
.testi-info p::before {
	content:"\f10d";
	font-family:FontAwesome;
	position:absolute;
	top:-5px;
	left:-29px;
	color:rgba(237,28,36,.19);
	font-size:43px
}
.blog-banner-area .breadcrumb li, .blog-banner-area .breadcrumb li a {
	font-family:Raleway, sans-serif
}
#from-blog {
	background-color:#F6F6F6;
	padding:70px 0
}
.from-blog-content {
	margin-top:60px
}
.single-from-blog figure img {
	width:100%
}
.single-from-blog .blog-title {
	padding:20px
}
.single-from-blog .blog-title h2 {
	color:#3e3e3e;
	font-size:24px;
	padding-bottom:0;
	-o-transition:all .5s;
	transition:all .5s
}
.single-from-blog .blog-footer span, .single-from-blog .blog-title h2 a {
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s
}
.single-from-blog .blog-title h2 a {
	-o-transition:all .5s;
	transition:all .5s
}
.single-from-blog .blog-title h2 a:focus, .single-from-blog .blog-title h2 a:hover {
	text-decoration:none;
	outline:0
}
.single-from-blog .blog-title p {
	color:#7c7c7c;
	font-size:13px;
	font-style:italic
}
.single-from-blog>p {
	color:#757575;
	padding:20px 20px 10px
}
.single-from-blog .blog-footer {
	padding:0 20px 20px
}
.single-from-blog .blog-footer span {
	color:#818181;
	font-size:16px;
	margin-right:35px;
	-o-transition:all .5s;
	transition:all .5s
}
.single-from-blog .blog-footer a:focus, .single-from-blog .blog-footer a:hover {
	text-decoration:none;
	outline:0
}
.single-from-blog .blog-footer span i {
	border:1px solid;
	border-radius:50%;
	display:inline-block;
	line-height:14px;
	margin-right:3px;
	padding:4px 5px
}
#client, .client-area {
//display:inline;
//float:left;
	width:100%
}
#client {
	padding:70px 0 55px
}
.client-area {
	text-align:center
}
.client-table {
	display:inline-block;
	margin-bottom:0;
	text-align:left;
	width:100%
}
.client-table li {
	display:inline-block;
	margin-right:42px;
	border:1px solid #ddd;
	padding:10px
}
.client-table li:last-child {
	margin-right:0
}
#contact {
	background-image:url(images/counter-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
//display:inline;
//float:left;
	padding:70px 0;
	width:100%;
	position:relative
}
#contact::after, .counter-overlay:after {
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
	display:block;
	left:0;
	top:0;
	content:"";
	background:url(images/overlay-pattern3.png) rgba(0,0,0,.4)
}
.contact-left, .contact-right {
	float:left;
	width:100%;
	z-index:1;
	position:relative
}
.contact-left {
	background-color:rgba(0,0,0,.7);
	display:inline;
	padding:30px 40px 10px
}
.contact-left h2 {
	color:#fafafa;
	font-size:35px;
	margin-bottom:35px
}
.single-address {
	display:inline;
	float:left;
	margin-bottom:15px;
	padding-right:50px;
	width:100%
}
.single-address h4 {
	color:#fafafa;
	font-size:22px;
	font-weight:700;
	margin-bottom:17px
}
.single-address p {
	color:#fafafa;
	font-size:14px;
	margin-bottom:5px
}
.contact-right {
	background-color:rgba(0,0,0,.6);
	display:inline;
	padding:30px 40px
}
.contact-right h2 {
	color:#fafafa;
	font-size:35px;
	margin-bottom:48px
}
.contact-form .form-group input {
	background:0 0;
	color:#e1e1e1;
	font-size:20px;
	border:1px solid #fff;
	border-radius:0;
	height:45px;
	margin-bottom:24px
}
.contact-form .form-group textarea {
	color:#e1e1e1;
	background:0 0;
	border:1px solid #fff;
	border-radius:0;
	height:190px
}
.contact-form .form-control::-webkit-input-placeholder {
color:#e2e2e2;
font-size:20px
}
.contact-form .form-control:-moz-placeholder {
color:#e2e2e2;
font-size:20px
}
.contact-form .form-control::-moz-placeholder {
color:#e2e2e2;
font-size:20px
}
.contact-form .form-control:-ms-input-placeholder {
color:#e2e2e2;
font-size:20px
}
.contact-form button {
	float:right;
	margin-right:0;
	border-radius:0
}
#footer, .footer-social, .footer-top-area {
//float:left;
	width:100%
}
.contact-form .button-default>span, .contact-form.button-default::after {
	padding:12px 40px
}
#google-map, .footer-top {
	display:inline;
	float:left;
	width:100%
}
#footer {
	background-color:#000;
//display:inline;
	margin-top:-6px
}
.footer-top-area {
//display:inline;
	text-align:center
}
.footer-logo {
	display:block
}
.footer-social {
	display:block;
	margin:30px 0
}
.footer-social a {
	border:1px solid #505050;
	border-radius:50%;
	color:#b8b8b8;
	display:inline-block;
	font-size:18px;
	height:48px;
	line-height:48px;
	margin:0 9px;
	text-align:center;
	width:48px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
#blog, #blog-banner, .blog-area, .blog-banner-area, .blog-left, .blog-right, .blog-search, .follow-us, .footer-bottom, .single-widget {
	display:inline;
	float:left
}
.footer-social a.facebook:hover {
	background-color:#3b5998;
	border-color:#3b5998;
	color:#fff
}
.footer-social a.twitter:hover {
	color:#fff;
	background-color:#00aced;
	border-color:#00aced
}
.footer-social a.google-plus:hover {
	color:#fff;
	background-color:#dd4b39;
	border-color:#dd4b39
}
.footer-social a.youtube:hover {
	color:#fff;
	background-color:#b00;
	border-color:#b00
}
.footer-social a.linkedin:hover {
	color:#fff;
	background-color:#007bb5;
	border-color:#007bb5
}
.footer-social a.dribbble:hover {
	color:#fff;
	background-color:#ea4c89;
	border-color:#ea4c89
}
.footer-bottom {
	border-top:1px solid #434343;
	padding:40px 0;
	width:100%;
	text-align:center
}
.footer-bottom p {
	color:#fff;
	font-size:12px;
	margin-bottom:0
}
#blog-banner {
	position:relative;
	width:100%
}
.blog-overlay {
	background-color:rgba(0,0,0,.8);
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.blog-banner-area {
	padding:85px 0;
	width:100%
}
.blog-banner-area h2 {
	color:#fff;
	font-size:40px;
	padding-bottom:5px
}
.blog-banner-area .breadcrumb {
	background-color:transparent;
	border-radius:0;
	padding-left:0
}
.blog-banner-area .breadcrumb li a {
	color:#fff;
	font-size:18px;
	text-decoration:none
}
.blog-banner-area .breadcrumb>li+li::before {
	color:#ccc;
	content:"/ ";
	padding:0
}
#blog {
	background-color:#f8f8f8;
	padding:70px 0;
	width:100%
}
.blog-area {
	width:100%
}
.blog-archive .single-from-blog {
	margin-bottom:35px
}
.blog-archive .single-from-blog figure img {
	height:400px
}
.blog-left {
	width:100%
}
.blog-pagination>li>a, .blog-pagination>li>span {
	padding:8px 18px;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.blog-pagination>li>a:focus, .blog-pagination>li>a:hover, .blog-pagination>li>span:focus, .blog-pagination>li>span:hover {
	color:#fff
}
.blog-pagination>li:first-child>a, .blog-pagination>li:first-child>span {
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	margin-left:0
}
.blog-pagination>li:last-child>a, .blog-pagination>li:last-child>span {
	border-bottom-right-radius:0;
	border-top-right-radius:0
}
.blog-right {
	width:100%
}
.single-widget {
	background-color:#fff;
	border:1px solid #f0f0f0;
	margin-bottom:30px;
	padding:20px 30px;
	width:100%
}
.single-widget h2 {
	color:#444;
	font-size:25px;
	line-height:25px;
	margin-bottom:15px;
	margin-left:-31px;
	padding-bottom:0;
	padding-left:29px;
	padding-top:0
}
.blog-search {
	width:100%
}
.blog-search input[type=text] {
	background-color:#f5f5f5;
	border:1px solid #9d9d9d;
	color:#444;
	height:43px;
	padding:5px;
	width:100%
}
.blog-search .button-default {
	margin-bottom:10px;
	margin-left:0;
	margin-top:23px
}
.blog-search .button-default::after, .blog-search .button-default>span {
	padding:10px 30px
}
.follow-us {
	border-top:1px solid #d4d4d4;
	padding-bottom:10px;
	padding-top:24px;
	text-align:center;
	width:100%
}
.follow-us a {
	border:1px transparent;
	border-radius:50%;
	color:#fff;
	display:inline-block;
	font-size:16px;
	height:35px;
	line-height:35px;
	margin:0 5px;
	text-align:center;
	width:35px
}
.follow-us a.facebook {
	background-color:#3b5998;
	border-color:#3b5998
}
.follow-us a.twitter {
	background-color:#00aced;
	border-color:#00aced
}
.follow-us a.google-plus {
	background-color:#dd4b39;
	border-color:#dd4b39
}
.follow-us a.youtube {
	background-color:#b00;
	border-color:#b00
}
.follow-us a.linkedin {
	background-color:#007bb5;
	border-color:#007bb5
}
.follow-us a.dribbble {
	background-color:#ea4c89;
	border-color:#ea4c89
}
.instagram-feed, .popular-post-widget {
	border-top:1px solid #d4d4d4;
	padding-top:24px;
	text-align:left;
	display:inline;
	float:left
}
.error-message, .error-no, .hexagon-wrapper, .marketing span, .w-logo, .w-logo li {
	text-align:center
}
.popular-post-widget {
	padding-bottom:15px;
	width:100%
}
.popular-post-widget .media-left {
	float:left;
	height:100px;
	margin-right:20px;
	width:100px
}
.popular-post-widget .media-heading {
	color:#505050;
	font-size:18px
}
.popular-post-widget .media-heading a {
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.popular-post-widget .media-heading a:focus, .popular-post-widget .media-heading a:hover {
	text-decoration:none;
	outline:0
}
.popular-post-widget .media-body p {
	color:#7c7c7c;
	font-size:13px
}
.instagram-feed {
	padding-bottom:25px;
	width:100%
}
.single-instagram-feed {
	display:inline;
	float:left;
	width:100%
}
.single-instagram-feed img {
	width:100%
}
.instagram-feed .slick-next, .instagram-feed .slick-prev {
	font-size:0;
	height:20px;
	line-height:0;
	margin-top:-10px;
	padding:0;
	position:absolute;
	top:100%;
	width:20px;
	z-index:999
}
.instagram-feed .slick-prev {
	left:28%
}
.instagram-feed .slick-next {
	right:29%
}
.instagram-feed .slick-next::before, .instagram-feed .slick-prev::before {
	font-family:fontAwesome;
	font-size:28px;
	line-height:1;
	opacity:.75
}
.blog-comment h2, .error-no h2 {
	font-family:"Open Sans", sans-serif
}
.instagram-feed .slick-prev::before {
	content:'\f104'
}
.instagram-feed .slick-next::before {
	content:'\f105'
}
.instagram-feed .slick-dots {
	bottom:-22px
}
.instagram-feed .slick-dots li button {
	background:#eee;
	border:0;
	border-radius:50%;
	color:#eee;
	cursor:pointer;
	display:block;
	font-size:0;
	height:15px;
	line-height:0;
	outline:0;
	padding:5px;
	width:15px
}
.blog-comment, .blog-details-content {
	width:100%;
	display:inline;
	float:left
}
.instagram-feed li button::before {
	color:#eee
}
.blog-details {
	background-color:#fff
}
.blog-details-content {
	padding:40px
}
.blog-details-content blockquote {
	color:#1f1f1f;
	font-size:22px;
	margin-bottom:40px;
	margin-top:40px
}
.blog-details-content>span {
	color:#464646;
	font-size:20px;
	font-weight:700
}
.blog-details-content>a {
	color:#464646;
	font-size:18px;
	margin-right:4px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.blog-details-content h1, .blog-details-content h2, .blog-details-content h3, .blog-details-content h4, .blog-details-content h5, .blog-details-content h6 {
	color:#464646
}
.blog-details-content h3 {
	margin-top:10px
}
.blog-comment {
	padding:0 40px 50px
}
.blog-comment h2 {
	color:#464646;
	font-size:25px;
	margin-bottom:15px
}
.comment-form .form-group input {
	background-color:#f8f8f8;
	border:1px solid #aeaeae;
	border-radius:0;
	color:#858585;
	font-size:18px;
	height:40px;
	margin-bottom:20px
}
.comment-form .form-group textarea {
	color:#858585;
	background-color:#f8f8f8;
	border:1px solid #aeaeae;
	border-radius:0;
	font-size:18px;
	height:190px;
	width:80%
}
.comment-form .form-control::-webkit-input-placeholder {
color:#858585;
font-size:18px
}
.comment-form .form-control:-moz-placeholder {
color:#858585;
font-size:18px
}
.comment-form .form-control::-moz-placeholder {
color:#858585;
font-size:18px
}
.comment-form .form-control:-ms-input-placeholder {
color:#858585;
font-size:18px
}
.comment-form button {
	border-radius:0;
	float:left;
	margin-left:0;
	margin-right:0
}
.comment-form .button-default>span, .comment-form.button-default::after {
	padding:12px 40px
}
#error-page {
	background-color:#CEFFFE;
	display:inline;
	float:left;
	padding:150px 0;
	width:100%
}
.error-page-area {
	display:block;
	margin:0 auto;
	width:670px
}
#work, .error-message, .error-no, .error-no-area {
//float:left;
	width:100%
}
.error-no-area {
	background-color:#fff;
	display:inline;
	padding:20px
}
.error-no {
	display:inline;
	padding:50px
}
.error-no h2 {
	color:#727272;
	font-size:60px;
	font-weight:700
}
.error-message h4, .error-no p {
	font-family:Pacifico, cursive
}
.error-no p {
	font-size:80px;
	margin-bottom:0;
	-webkit-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
	transform:rotate(-20deg)
}
.error-message {
	display:inline;
	margin-top:70px
}
.hexagon, .hexagon-wrapper, .marketing span, .w-logo li {
	display:inline-block
}
.error-message h4 {
	color:#4b8181;
	font-size:65px;
	line-height:65px;
	margin-bottom:50px
}
.error-message p {
	color:#4b8181;
	font-size:30px;
	padding:0 138px
}
.error-message p a {
	color:#4b8181
}
.busniss:after {
//position:absolute;
//left:50%;
	font-size:25px;
	color:#fff;
	font-family:FontAwesome;
	content:"\f067"
}
.w-logo li {
	padding:10px
}
.w-logo li img {
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%)
}
.w-logo li:hover img {
	-webkit-filter:grayscale(0);
	filter:grayscale(0)
}
#work {
	background:#f5f5f5;
	padding:50px 0
}
#hex2 {
	height:100px;
	width:100px
}
.hexagon-wrapper {
	margin:20px;
	position:relative;
	transform-style:preserve-3d;
	transition:all 1s linear
}
#color1 {
	background-color:#3ea3a3
}
.hexagon {
	height:100%;
width:calc(100% * .57735)
}
.hexagon::after, .hexagon::before {
	background-color:inherit;
	content:"";
	height:inherit;
right:calc(100% / 2 - 100% * .57735 / 2);
	width:inherit
}
.hexagon::before {
	position:absolute;
	top:0;
	transform:rotateZ(60deg)
}
.bigweb-icon {
	color:#fff;
	font-size:18px;
	left:-3px;
	line-height:22px;
	position:relative;
	text-transform:capitalize;
	top:16px;
	z-index:1
}
.bigweb-icon i {
	font-size:30px
}
#f1_container h2, .div-cantent h2, .sms-title {
	text-transform:uppercase;
	color:#000;
	font-weight:600;
	font-size:22px;
	line-height:22px
}
.hexagon::after {
	position:absolute;
	top:0;
	transform:rotateZ(-60deg)
}
#f1_container a:hover {
	text-decoration:none;
	color:#000
}
#color2 {
	background-color:#fbac19
}
#color3 {
	background-color:#a7dbd1
}
.bigweb-icon {
	font-weight:700
}
.marketing span {
	background:#c00;
	height:3px;
	margin:20px 0;
	width:54px
}
.div-cantent {
	border-left:solid 1px #dfdfdf;
	border-right:solid 1px #dfdfdf
}
.video-box {
	background:#fff;
	height:250px;
	width:100%;
	border:5px solid #fff
}
.video-slider .slick-next {
	bottom:-20%!important;
	top:auto!important;
	right:45%!important
}
.video-slider .slick-prev {
	bottom:-20%!important;
	top:auto!important;
	left:45%!important
}
.linknav {
	float:right;
		margin-top: 22px;
		display:none;
}
.linknav li {
	display:inline-block;
}
@media(min-width:1199px) {
.linknav {
	display:block;	
		}
.logo {
	margin-top:10px
}
.navbar-fixed-top .logo {
	margin-top:0
}
}
@media(max-width:1199px) {
#navbar {
	width:75%;
	float:right
}
.logo {
	margin-top:10px;
	margin-right:0
}
.header-content {
	padding:70px
}
.header-content h2 {
	font-size:60px;
	line-height:58px
}
.download-btn, .knowmore-btn {
	font-size:18px;
	padding:20px 25px
}
.header-btn-area {
	margin-top:65px
}
.main-nav li a {
	padding:39px 16px
}
.search-area input[type=text]:focus {
	width:820px
}
.team-grid li {
	height:198px;
	margin:20px;
	width:20%
}
.team-img-1, .team-img-2, .team-img-3, .team-img-4 {
	background-position:center center
}
.team-info {
	padding:12px 0
}
.team-info p {
	margin:0 32px;
	padding:10px 0
}
.team-info a {
	margin:0 2px
}
.single-service {
	padding:45px 15px
}
.single-service .service-title {
	font-size:20px
}
.single-portfolio {
	width:31%
}
.single-counter>span {
	font-size:50px;
	width:50px
}
.single-counter .counter-count>span {
	font-size:40px
}
.single-counter .counter-count>p {
	font-size:14px
}
.single-from-blog .blog-title h2 {
	font-size:25px
}
.single-from-blog .blog-footer a {
	margin-right:18px
}
.contact-left h2, .contact-right h2 {
	font-size:26px
}
.single-address h4 {
	font-size:20px
}
.counter-area {
	padding:125px 0
}
.blog-archive .single-from-blog figure img {
	height:320px
}
}
@media(max-width:991px) {
.header-content {
	padding:50px
}
.header-content h2 {
	font-size:50px;
	line-height:50px
}
.download-btn, .knowmore-btn {
	font-size:16px;
	padding:18px 20px
}
.header-btn-area {
	margin-top:20px
}
#navbar {
	width:70%;
	float:right
}
.logo {
	margin-top:10px
}
.search-area {
	width:3%
}
.main-nav li a {
	font-size:14px;
	padding:39px 7px
}
.less-padding {
	padding:30px 7px!important
}
.search-area input[type=text]:focus {
	width:630px
}
.single-wc-content .wc-tittle {
	font-size:15px
}
.about-left {
	height:auto;
	width:100%
}
.about-left img {
	width:100%
}
.about-right .tittle {
	padding-bottom:10px;
	font-size:28px
}
.about-right .tittle-line {
	margin-bottom:15px
}
.about-right p {
	font-size:14px;
	margin-bottom:6px
}
.about-btn-area {
	margin-top:0
}
.call-to-content h2 {
	font-size:30px
}
.team-grid li {
	height:170px;
	margin:20px 10px;
	width:21%
}
.team-info p {
	font-size:10px
}
.team-info a {
	font-size:15px;
	height:25px;
	width:25px
}
.team-address p {
	font-size:16px
}
.team-address span {
	font-size:14px
}
.title-area {
	padding:0 100px
}
.single-portfolio {
	width:30.5%
}
.portfolio-social-icon {
	padding:85px 50px
}
.portfolio-title h4 {
	font-size:13px
}
.counter-area {
	padding:90px 0
}
.single-counter {
	margin-bottom:35px
}
.single-price .price-amount {
	font-size:25px
}
.single-price p {
	font-size:15px
}
.single-price a span {
	padding:12px 35px
}
.single-from-blog {
	margin-bottom:30px
}
.blog-right {
	margin-top:25px
}
.instagram-feed .slick-prev {
	left:40%
}
.instagram-feed .slick-next {
	right:41%
}
.error-message h4 {
	font-size:50px;
	line-height:50px
}
.error-message p {
	font-size:25px;
	padding:0 50px
}
.testimonial-slider .slick-prev {
	left:43.5%
}
}
@media(max-width:767px) {
.main-navbar {
	height:auto
}
.header-content h2 {
	font-size:35px;
	line-height:35px
}
.header-content h2 span {
	font-weight:400;
	line-height:55px
}
.download-btn, .knowmore-btn {
	font-size:15px;
	padding:15px 18px
}
.main-nav li {
	display:block;
	float:left;
	width:100%
}
.main-nav li a {
	display:block;
	padding:8px 7px
}
.less-padding {
	padding:8px 7px!important
}
#navbar {
	margin-right:0;
	width:104.5%
}
.main-nav {
	background:#ccc;
	display:block;
	margin:0;
	text-align:center;
	width:100%
}
.navbar-default .navbar-toggle {
	border-color:#ddd;
	margin-right:19px;
	margin-top:16px;
	border-radius:0;
	margin-bottom:10px
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:#e00;
	border-color:#e00;
	color:#fff
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background-color:#fff
}
.search-area {
	left:-3px;
	top:-100px;
	width:3%
}
.search-area input[type=text]:focus {
	height:36px;
	top:31px!important;
	width:550px
}
.navbar-fixed-top .search-area {
	top:-77px
}
.navbar-fixed-top .navbar-toggle {
	margin-top:25px
}
.navbar-fixed-top .search-area input[type=text]:focus {
	top:23px!important
}
.wc-table li {
	margin-bottom:20px;
	width:50%
}
#about {
	padding:0 0 50px
}
.about-left {
	width:96%
}
.about-left img {
	height:auto;
	width:100%
}
.about-right {
	margin-top:35px;
	padding-left:0
}
.title-area {
	padding:0 50px
}
.call-to-content h2 {
	font-size:28px
}
.team-grid li {
	height:230px;
	margin:20px 25px 70px;
	width:38%
}
.team-img-1, .team-img-2, .team-img-3, .team-img-4 {
	background-position:center center;
	background-size:100% auto
}
.team-info {
	padding:30px 18px
}
.team-info p {
	font-size:15px
}
.single-portfolio {
	width:45.3%
}
.button-default::after, .button-default>span {
	padding:12px 8px;
	font-size:12px
}
.single-slide>p {
	font-size:15px;
	line-height:28px;
	margin-top:37px
}
.contact-left {
	margin-bottom:30px
}
#blog-banner {
	margin-top:-60px
}
.instagram-feed .slick-prev {
	left:39%
}
.instagram-feed .slick-next {
	right:40%
}
#error-page {
	padding:100px 0
}
.error-page-area {
	width:500px
}
.error-message h4 {
	font-size:35px;
	line-height:35px
}
.error-message p {
	font-size:20px;
	padding:0 45px
}
.testimonial-slider .slick-prev {
	left:38.5%
}
.slick-prev {
	left:-11px
}
.slick-next {
	right:-4px
}
.logo {
	margin-top:0
}
}
@media(max-width:550px) {
.header-content {
	padding:50px 25px
}
.slick-slider {
	margin-bottom:15px
}
}
@media(max-width:480px) {
.header-content {
	padding:20px
}
.header-content h2 {
	font-size:25px;
	line-height:25px
}
.header-content h2 span {
	font-weight:400;
	line-height:43px
}
.download-btn, .knowmore-btn {
	font-size:14px;
	padding:10px 15px
}
#navbar {
	width:106%
}
.title-area {
	padding:0 15px
}
.search-area input[type=text] {
	font-size:15px
}
.search-area input[type=text]:focus {
	height:35px;
	top:32px!important;
	width:350px
}
.call-to-content h2 {
	font-size:20px
}
.team-grid {
	padding:0 75px
}
.team-grid li {
	height:300px;
	margin:20px 0 70px;
	width:100%
}
.team-info {
	padding:70px 18px
}
.team-info p {
	font-size:18px
}
.single-portfolio {
	margin-left:8px;
	width:100%
}
#counter img {
	height:354px;
	width:100%
}
.counter-area {
	padding:40px 0
}
.single-counter>span {
	font-size:50px;
	text-align:center;
	width:100%
}
.single-counter .counter-count {
	margin-left:0;
	margin-top:20px;
	text-align:center;
	width:100%
}
.single-price .price-header {
	font-size:20px;
	padding:10px 0
}
.single-price .price-header::after {
	bottom:-43%
}
.standard-price .price-header {
	padding:20px 0
}
.standard-price .price-header::after {
	bottom:-32%
}
.single-price .price-amount {
	font-size:16px
}
.single-price p {
	font-size:14px
}
.single-price a span {
	padding:12px 20px
}
.button-default::after, .button-default>span {
	font-size:10px
}
.single-slide {
	padding:0 34px
}
.single-slide>p {
	font-size:14px;
	line-height:26px;
	margin-top:20px
}
.single-slide>p::after {
	font-size:40px;
	top:-10px
}
.testimonial-thumb {
	margin:20px auto 0
}
.client-table {
	padding-left:30px
}
.instagram-feed .slick-prev {
	left:34%
}
.instagram-feed .slick-next {
	right:35%
}
#error-page {
	padding:80px 0
}
.error-page-area {
	width:350px
}
.error-no {
	padding:20px
}
.error-no h2 {
	font-size:45px
}
.error-no p {
	font-size:50px
}
.error-message h4 {
	font-size:35px;
	line-height:35px
}
.error-message p {
	font-size:20px;
	padding:0 45px
}
.small-couner {
	position:relative
}
.testimonial-slider .slick-next {
	right:39.5%
}
.testimonial-slider .slick-prev {
	left:40.5%
}
.slick-prev {
	left:-11px
}
.slick-next {
	right:-4px
}
.logo {
	margin-top:0;
	padding-top:5px
}
.slick-slider {
	margin-bottom:0
}
}
@media(max-width:360px) {
.about-left img, .small-couner {
	position:relative
}
.logo {
	margin-top:0
}
.slick-prev {
	left:-11px
}
.slick-next {
	right:-4px
}
.header-inner>img {
	height:250px;
	width:100%
}
.header-content {
	padding:30px
}
.header-content h2 {
	font-size:20px;
	line-height:18px
}
.header-content h2 span {
	font-weight:400;
	line-height:35px
}
.header-btn-area {
	margin-top:00px
}
.header-btn-area a {
	display:block;
	margin:10px 15px
}
.download-btn, .knowmore-btn {
	font-size:14px;
	padding:7px 8px
}
#navbar {
	width:108.3%
}
.title-area {
	padding:0 10px
}
.tittle {
	font-size:20px;
	padding-bottom:5px
}
.search-area input[type=text], .title-area p {
	font-size:14px
}
.search-area input[type=text]:focus {
	height:35px;
	top:32px!important;
	width:250px
}
.wc-table li {
	margin-bottom:20px;
	width:100%
}
.about-right {
	margin-top:45px
}
.about-right .tittle {
	font-size:20px;
	padding-bottom:5px
}
.about-right .tittle-line {
	width:60px
}
.call-to-content h2 {
	font-size:20px
}
.team-grid {
	padding:0 55px
}
.team-grid li {
	height:220px
}
.team-info {
	padding:20px 10px
}
.team-info p {
	font-size:14px
}
.portfolio-container {
	margin-left:0
}
.portfolio-menu ul li {
	font-size:12px;
	margin:0 7px 5px;
	padding:8px
}
.price-table li, .testi-info {
	margin-bottom:20px
}
.single-portfolio {
	width:100%;
	margin-left:0
}
.portfolio-social-icon {
	padding:105px 50px
}
#counter img {
	height:354px;
	width:100%
}
.counter-area {
	padding:40px 0
}
.single-counter>span {
	font-size:40px
}
.single-counter .counter-count>span {
	font-size:30px
}
.single-counter .counter-count>p {
	font-size:12px
}
.price-table li {
	width:100%;
	border:1px solid #e4e4e4
}
.single-price a span {
	font-size:14px
}
.single-price .price-amount {
	font-size:16px
}
.button-default::after, .button-default>span, .single-price p {
	font-size:14px
}
.standard-price {
	margin-top:0
}
.single-slide {
	padding:0 23px
}
.testimonial-slider .slick-prev {
	left:35.5%
}
.testimonial-slider .slick-next {
	right:39.5%
}
.introduction-btn {
	font-size:20px
}
.header-content h2 {
	margin-bottom:10px
}
.contact-left h2, .contact-right h2 {
	font-size:20px;
	margin-bottom:10px
}
.single-address h4 {
	font-size:18px
}
.single-address p {
	font-size:13px
}
.contact-right {
	padding:30px 20px
}
.contact-form .form-group input {
	font-size:16px;
	height:40px
}
.footer-social a {
	font-size:15px;
	height:40px;
	line-height:40px;
	margin:0 5px;
	width:40px
}
.blog-archive .single-from-blog figure img {
	height:250px
}
.instagram-feed .slick-prev {
	left:26%
}
.instagram-feed .slick-next {
	right:27%
}
.single-widget h2 {
	font-size:20px;
	line-height:20px
}
.blog-pagination>li>a, .blog-pagination>li>span {
	padding:6px 15px
}
.follow-us a {
	font-size:15px;
	height:32px;
	line-height:32px;
	margin:0 2px;
	width:32px
}
.blog-details-content {
	padding:25px
}
.blog-comment {
	padding:0 25px 40px
}
.blog-details-content blockquote {
	font-size:18px;
	margin-bottom:30px;
	margin-top:30px
}
#error-page {
	padding:60px 0
}
.error-page-area {
	width:250px
}
.error-no {
	padding:20px
}
.error-no h2 {
	font-size:35px
}
.error-no p {
	font-size:40px
}
.error-message h4 {
	font-size:25px;
	line-height:20px
}
.error-message p {
	font-size:16px;
	padding:0 15px
}
.header-content h2 img {
	width:100%
}
}
@media(max-width:320px) {
.search-area input[type=text]:focus {
	width:210px
}
.search-area input[type=text] {
	font-size:12px
}
#navbar {
	width:100%
}
.team-grid {
	padding:0 35px
}
.team-info {
	padding:25px 10px
}
.footer-social a {
	font-size:14px;
	height:35px;
	line-height:35px;
	margin:0 2px;
	width:35px
}
.footer-bottom p {
	font-size:15px
}
.blog-archive .single-from-blog figure img {
	height:200px
}
.instagram-feed .slick-prev {
	left:23%
}
.instagram-feed .slick-next {
	right:24%
}
.blog-pagination>li>a, .blog-pagination>li>span {
	padding:4px 13px
}
.follow-us a {
	font-size:14px;
	height:30px;
	line-height:30px;
	margin:0 2px;
	width:30px
}
.popular-post-widget .media-left {
	margin-right:0;
	text-align:center;
	width:100%;
	margin-bottom:15px
}
.popular-post-widget .media-left a {
	display:inline-block
}
.popular-post-widget .media-body {
	text-align:center
}
.about-left img {
	position:relative
}
}
@media (min-width:200px) and (max-width:767px) {
.p-menu {
	background:#ddd;
	padding:5px 0 0 8px
}
.p-menu .navbar-toggle {
	margin:-9px 0 0
}
.portfolio-menu ul li {
	display:block
}
}
.left-nav li {
	display: block;
	float: none;
}
.left-nav li a {
	border-bottom: dotted 1px #ddd;
	padding-left: 5px !important;
	padding-right: 5px !important;
	border-radius: 0;
}
.left-nav li a:hover {
	color:#000;
}
.left-nav > li.active > a, .left-nav > li.active > a:hover, .left-nav > li.active > a:focus {
	border: none;
	background: #e00;
	color:#fff;
}