@font-face {
	font-family: 'TR Architecture';
	src: url('mottoFont/TRArchitecture.eot');
	src: url('mottoFont/TRArchitecture.eot?#iefix') format('embedded-opentype'),
	url('mottoFont/TRArchitecture.woff2') format('woff2'),
	url('mottoFont/TRArchitecture.woff') format('woff'),
	url('mottoFont/TRArchitecture.ttf') format('truetype'),
	url('mottoFont/TRArchitecture.svg#TRArchitecture') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*=======================
Exhibit - Minimal Portfolio Template
Author: Condor
Version: 1.0
========================*/

/*=====  [Table of contents] ===== 
1. google fonts Import
2. default Style
3. Side Navigation
4. Page Header
5. Image Slider
6. Features area
7. Services area
8. About area
9. work area
10. Call to Action area
11. Pricing area
12. Facts area
13. Map area
14. Contact area
15. Team area
16. Clients area
17. Blog area
18. Shop area
19. Cart area
20. Single Pages
21. Responsive Style
*/


/*=======================
1. google fonts Import
========================*/
@import url('https://fonts.googleapis.com/css?family=Poppins:3001888,400,500,700,800');

/*=======================
2. default Style
========================*/
body {
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #222222;
	background: white;
}

html, body {
	height: 100%;
	margin: 0;
}
::-webkit-scrollbar {
	width: 8px;
	background-color: #eaeaea;
	border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
	background-color: #596971;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #2E3944;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Poppins",sans-serif;
	/* font-weight: 700; */
	letter-spacing: 0;
	margin-bottom: 10px;
	margin-top: 0;
}

a {
	color: #000;
	-moz-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	letter-spacing: 0;
	outline: 0 !important;
}
a:hover, a:active, a:focus {
	color: #000;
	/* opacity: 0.6; */
	text-decoration: none;
}

p {
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 25px;
	margin-bottom: 10px;
}

ul {
	list-style: none;
	padding: 0;
}

li {
	color: #222222;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
}

img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote {
	border-left: 5px solid #000000;
	padding-left: 10px;
}

blockquote p {
	font-size: 16px;
	font-weight: 700;
}

strong {
	font-weight: 700;
}

cite {
	color: #cccccc;
	font-size: 14px;
}

.txtA-L {text-align: left !important; }
.txtA-C {text-align: center !important; }
.txtA-R {text-align: right !important; }
.headerBgColor { 
	background-color: #ffffff !important; 
	opacity: .90 !important;
}
.dNone { display: none; }

#st-1 .st-btn > img { top: -12px !important;  }

/* End default */
/* Custom CSS */


.logo{position: relative; z-index: 2;}
.menu-area{ position: relative; }
.menu-area .arama1 {
	position: absolute;
	bottom: 0;
	right: 17px;
}
.menu-area .arama1 form{ min-width: 350px; }
.menu-area .arama1 input[type="text"] { 
	width: 100%; 
	height: 28px;
	border: thin solid #ccc;
	border-radius: 5px;
	padding-left: 10px;
	font-size: 12px;
}
.menu-area .arama1 .araButon {
	position: absolute;
	background: #ccc;
	height: 28px;
	width: 28px;
	right: 0;
	border-radius: 0 5px 5px 0;
	color: #eee;
	margin-top: -1px;
}
.menu-area .arama1 .araButon i{
	padding: 7px;
	font-size: 15px;
}
.aramaListele .portfolio-item {
	min-height: 400px;
}
.aramaListele .portfolio-thumb { overflow: hidden; }
.arama1 .aramaButon {
	position: absolute;
	background: #0b1922;
	height: 28px;
	width: 51px;
	right: 0;
	color: #eee;
	margin-top: 0px;
	border: none;
	font-size: 12px;
	border-radius: 0 5px 5px 0; 
}

.arama2 form{ min-width: 350px; }
.arama2 input[type="text"] { 
	width: 97%;
	height: 30px;
	padding-left: 0px;
	font-size: 12px;
}
.arama2 .aramaButon {
	position: absolute;
	background: #0b1922;
	height: 35px;
	width: 55px;
	right: 0;
	color: #eee;
	margin-top: 0px;
	border: none;
}
.arama2 .aramaButon i{
	padding: 7px;
	font-size: 15px;
}

.motto{
	font-family: 'TR Architecture';
	font-weight: normal;
	font-style: normal;
	position: relative;
	height: 90px;
}
.motto div{
	font-size: 116px;
	color: #ccc;
	text-align: center;
	position: absolute;
	top: 30px;
}
.sayfa {
	padding: 15px;
	background: #000;
	margin: 0 3px;
	color: #fff;
	min-width: 26px;
	display: inline-block;
	font-size: 19px;
	border-radius: 5px;
}
.sayfa:hover {
	background: #ffe01e;
	opacity: 1;
	color: #000;
}
.actifSayfa{
	background: #ffe01e;
	opacity: 1;
	color: #000;
}
.clr{ clear: both; }
.ptb-90{ padding-bottom: 90px; }
.ofisimInfo{ margin: 90px 0; }
.ofisimInfo h2{
	border-bottom: thin solid #ccc;
	margin-bottom: 12px;
	font-weight: 500;
}
.ofisimInfo iframe{
	margin-top: 12px;
	width: 100%;
	height: 290px;
}
.ofisimInfo p{ font-size: 14px; }
.neDediler{ 
	background: #f9f9f9;
	/* padding: 80px 0; */
	text-align: center;
	padding-top: 50px;
}
.neDediler img{ 
	border:thin solid #ccc; 
	margin-bottom: 20px;
	width: 100%;
}
.neDediler h5{
	padding: 13px 0;
	font-size: 19px;

}
.neDediler h6{
	padding: 6px 0;
	font-size: 16px;
	font-weight: 500;
}
.neDediler p {
	font-size: 16px;  
}
.outlooks{
	margin-bottom: 100px;
	display: inline-block;
}
.outlooks div{
	margin-bottom: 20px;
}
.outlooks div img{
	border: thin solid #ccc;
	padding: 23px 80px;
}
.outlooks div img:hover{ border: thin solid #333; }
.outlook{ text-align: center; }
.outlook div{ 
	border-bottom: thin solid #666; 
	padding-bottom: 40px;
}
.outlook label{ 
	font-size: 18px;
	margin: 50px 0 30px 0; 
	font-weight: bold;
}

.parallax {
	width: 100%;
	height: auto;
	color: white;
	text-align: center;
	background-position: center !important;
	background-attachment: fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.scroll {
	width: 100%;
	height: auto;
	text-align: center;
	color: white;
}

.dark-overlay {
	background-blend-mode: color;
	background-color: rgba(0, 0, 0, 0.5);
}
.cd-headline.clip .cd-words-wrapper::after {
	background-color: #fff;
	content: "";
	height: 67%;
	position: absolute;
	right: 0;
	top: 9px;
	width: 2px;
}
.light-overlay {
	background-blend-mode: color;
	background-color: rgba(255, 255, 255, 0.5);
}

.first {
	margin-top: 100px !important;
}

.separator-line {
	color: white;
	border-bottom: 3px solid #000000;
	width: 60px;
	margin: 20px auto;
}
.dil { text-align: right; }
.dil a { font-size: 15px !important; }

.kartela { font-family: Tahoma, Geneva, sans-serif; }
.kartela .transparan {background: url("../images/transparan.jpg") 0 0 repeat;}
.kartela div { display: block; min-height: 74px; min-width: 88px; margin-top: 15px; padding: 5px; }
.kartela span { display: block; font-size: 17px; font-weight: bold;  margin-bottom: 4px; }
.kartela label { display: block;font-weight: bold; margin : 0;}
.kartela .renkYazi { font-size: 10px; padding: 0 5px; text-align: center; line-height: 14px;}

/* End Custom CSS */

/*=======================
3. Side Navigation
========================*/
#wrapper {
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#wrapper.toggled {
	padding-left: 250px;
}

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

.copyright-area a { color: #fff; white-space: nowrap;}
.footerMenu a { font-size: 12px; }
.footerMenu a:hover { color: #edd82e; }
.footerMenu li.menuItem:after { 
	content: "|";
	padding: 0 5px; 
	color: #fff;
}
.footerMenu li.menuItem:last-child:after  { content: " "; }
.copyright { text-align: left; }
/*=======================
4. Page Header
========================*/

.parallax-header {
	background-image: url("../images/main-demo.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.parallax-project-header {
	background-image: url("../images/portfolio-demo.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.parallax-project-header .header-content {
	background-color: rgba(64, 191, 255, 0.6);
	color: white !important;
}

.parallax-project-header .header-content h3 {
	color: white !important;
}

.parallax-project-header .header-content h5 {
	color: white !important;
}

.freelancer-header .header-content {
	background-color: rgba(64, 191, 255, 0.6);
	color: white !important;
}

.freelancer-header .header-content h3 {
	color: white !important;
}

.freelancer-header .header-content h5 {
	color: white !important;
}

.freelancer-header .header-content {
	padding: 245px 0;
}

.header-content {
	background-color: rgba(54, 215, 183, 0.6);
	color: white;
	padding: 180px 0;
}

.header-content h3 {
	color: white;
	font-size: 36px;
	margin-bottom: 0;
}

.header-content h5 {
	color: white;
	font-size: 18px;
	margin-top: 25px;
}

.header-content .btn {
	margin-top: 20px;
}

.about-header {
	background: url("../images/about-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.services-header {
	background: url("../images/services-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.portfolio-header {
	background: url("../images/portfolio-demo.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.shop-header {
	background: url("../images/shop-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.cart-header {
	background: url("../images/cart-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.blog-header {
	background: url("../images/blog-page.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.contact-header {
	background: url("../images/contact-page.html");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

.freelancer-header {
	background-image: url("../images/freelancer-demo.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	text-align: center;
}
#shopping-cart {
	color: white;
	position: absolute;
	top: 40px;
	right: 40px;
	font-size: 20px;
}

#shopping-cart:hover {
	color: #f9f9f9;
}

.cart-items {
	color: white;
	background: #000000;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 40%;
	right: -10px;
	text-align: center;
	line-height: 16px;
	font-size: 8px;
	font-weight: 700;
	margin-top: -13px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}


/* 2. header */
.header-fixed {
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1030;
}
.header-transparent {
	background: transparent none repeat scroll 0 0;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
	transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0s ease-out 0s;
}
.sticky {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 -1px 0 #f5f5f5 inset;
	transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s;
	z-index: 1030;
}
.breadcrumb-2-area {
	background-position: 50% 0;
	height: 70vh;
	overflow: hidden;
	padding: 0;
}
.hero-caption {
	display: table;
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 80%;
	z-index: 2;
}
.hero-text {
	display: table-cell;
	height: 100%;
	position: relative;
	vertical-align: middle;
}
h1.breadcrumb-2 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin-top: 104px;
}

.h7vh{ height: 7vh !important; }

.header.logo {
	padding: 15px 0 24px;
	transition: all 0.3s ease 0s;
	float: left;
	position: relative;
}
.header.logo ul{
	position: absolute;
	width: max-content;
	z-index: 3;
	margin-top: 8px;
}
.header.logo li{
	float: left;
	margin-right: 8px;
}
.header.logo li:after {
	content: "|";
	padding-left: 6px;
}
.header.logo li:last-child:after {
	content: "";
}

.header.logo.text-upper a {
	color: #000;
	font-family: "Poppins",sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-transform: capitalize;
}

.header.logo {
	padding: 15px 0 24px;
	transition: all 0.3s ease 0s;
	float: left;
}

.referanslar li{ padding: 5px;  }
.referanslar li img { border: thin solid #ddd; padding: 5px; } 


.logo-anim {
	background: url(logo-colors.jpg);
	position: absolute;
	top: 16px;
	z-index: -1;
	margin-left: 2px;
	width: 99%;
	height: 61px;
	-webkit-animation-name: logo-animation;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
	-moz-animation-name: logo-animation;
	-moz-animation-duration: 10s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-direction: alternate;
	-ms-animation-name: logo-animation;
	-ms-animation-duration: 10s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-direction: alternate;
	-o-animation-name: logo-animation;
	-o-animation-duration: 10s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-direction: alternate;
	animation-name: logo-animation;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}

@-moz-keyframes logo-animation {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 199.9% 0;
	}
}

@-ms-keyframes logo-animation {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 199.9% 0;
	}
}

@-o-keyframes logo-animation {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 199.9% 0;
	}
}

@keyframes logo-animation {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 199.9% 0;
	}
}





















.logo {
	padding: 15px 0 24px;
	transition: all 0.3s ease 0s;

}
.logo h4 {
	font-weight: 600;
	margin: 0;
}
.header-transparent .logo h4 {
	color: #fff;
}
.sticky .logo h4 {
	color: #222;
}
.sticky .logo {
	padding: 19px 0;
}
.basic-area {
	position: relative;
}
.basic-menu {
	float: right;
	margin-right: 20px !important;
}
.basic-menu li {
	float: left;
	margin-bottom: 0;
	margin-left: 19px;
	position: relative;
	transition: all 0.3s ease 0s;
}
.basic-menu li.flag { margin-left: 13px; }
.basic-menu li.flag a{ padding: 28px 0 35px; }
nav ul.basic-menu {
	margin: 0;
}
.header-area {
	position: relative;
}
.header-area.headroom {
	background-color: #fff;
}
.logo.text-upper a {
	color: #000;
	font-family: "Poppins",sans-serif;
	font-size: 32px;
	font-weight: 400;
	text-transform: capitalize;
}
.basic-menu > li:last-child:after{display:none}
.basic-menu li a {
	color: #222222;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
}
.basic-menu > li > a {
	padding: 35px 0 35px;
}




.basic-menu li:hover > a {
	color: #000;
	/* opacity: 0.6; */
}

.banar_button > a:hover {
	/* opacity: 0.6; */
}
.banar_button > a {
	color: #000;
	font-weight: bold;
	letter-spacing: 0;
	position: relative;
}
.basic-menu li ul {
	background: #f8f8f8 none repeat scroll 0 0;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.176);
	float: none;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: left;
	top: 100%;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.4s ease 0s;
	visibility: hidden;
	width: 250px;
	z-index: 11;
}
.basic-menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.basic-menu li ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	display: block;
	float: none;
	margin: 0;
}
.basic-menu li ul li:last-child {
	border-bottom: 0 none;
	margin: 0;
}
.basic-menu li ul li a i{float:right}
/* --------------------------
Child Sub menu
-----------------------------*/
.basic-menu li ul li ul {
	left: 100%;
	opacity: 0;
	position: absolute;
	top: 10%;
	visibility: hidden;
	z-index: 999;
}
.basic-menu li ul li:hover > ul {
	opacity: 1;
	top: 0;
	visibility: visible;
}
.basic-menu li ul li a {
	color: #222222;
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding: 17px 15px;
	text-transform: capitalize;
}

.basic-menu li ul li:hover > a:after {
	top: 0;
	height: -webkit-calc(100% + 1px);
	height: -moz-calc(100% + 1px);
	height: calc(100% + 1px);
	opacity: 1;
	visibility: visible;
}

.basic-menu li ul li a:after {
	content: '';
	display: inline-block;
	height: 0;
	width: 4px;
	vertical-align: middle;
	margin-right: 0;
	opacity: 0;
	visibility: hidden;
	background: #111;
	-webkit-transition: height .4s,opacity .4s ease,top .4s ease;
	-o-transition: height .4s,opacity .4s ease,top .4s ease;
	-moz-transition: height .4s,opacity .4s ease,top .4s ease;
	transition: height .4s,opacity .4s ease,top .4s ease;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}



.basic-menu > li.active > a {
	color: #eee;
	/* opacity: 0.6; */
}
.basic-menu li ul li:hover > a {
	background: #eee none repeat scroll 0 0;
	color: #212121;
}
.basic-menu li ul li a span {
	float: right;
}
.member-img img {
	width: 100%;
}
.menu-area .menu-p-right ul {
	left: auto;
	right: 0;
}
.basic-menu .menu-p-right ul li ul {
	right: 100%;
}

.headroom {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	padding-bottom: 10px;
}
.headroom--pinned {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 -1px 0 #f5f5f5 inset;
	transform: translateY(0px);
}
.headroom--unpinned {
	transform: translateY(-100%);
}
.headroom {
	transition: transform 0.25s ease-in-out 0s;
	will-change: transform;
}
.basic-space{height:78px}
.header-transparent .basic-menu li a {
	color: #fff;
}
.header-transparent.sticky .basic-menu > li > a {
	color: #232332;
}
.sticky .basic-menu > li > a {
	padding: 23px 0;
}
.sticky .basic-menu > li::after {
	top: 25px;
}
.header-transparent .basic-menu > li > a::before {
	background: #f6f6f6 none repeat scroll 0 0;
}
.header-transparent.sticky .basic-menu > li > a::before {
	background: #666 none repeat scroll 0 0;
}
.sticky .basic-menu > li > a::before {
	bottom: 17px;
}
.hamburger {
	float: right;
	margin-left: 20px;
	margin-top: 24px;
	padding: 0;
	transition: all 0.3s ease 0s;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	height: 2px;
	width: 30px;
}
.hamburger-inner::before {
	top: -8px;
}
.hamburger--collapse .hamburger-inner::after {
	top: -16px;
}
.hamburger-menu {
	float: right;
	margin-right: -30px;
	opacity: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
}
nav.nav-menu-show {
	margin-right: 0;
	opacity: 1;
	visibility: visible;
}
.sticky .hamburger {
	margin-top: 17px;
}
.menu-area {
	margin-top: 5px;
}


.slider-screen .slider-content.ct-text-align-right {
	padding-right: 20%;
	text-align: right;
}
.slider-content h2 {
	font-weight: 500;
	letter-spacing: 5px;
}
.dot {
	background: #222222 none repeat scroll 0 0;
	display: inline-block;
	height: 5px;
	width: 5px;
}
.slider-content.text-white h2 {
	color: #000;
	font-size: 60px;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.slider-content.text-white {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	text-align: center;
	width: 100%;
}
.slider-content.text-white p {
	color: #000;
	font-size: 15px;
	font-style: italic;
	font-weight: 500;
	line-height: 28px;
}
.slider-content.text-white h2 span {
	font-size: 30px;
	margin-top: 19px;
	text-transform: capitalize;
}
.slider-content.text-white p {
	color: #000;
	margin-bottom: 33px;
}
.slider_button a {
	background: #000000 none repeat scroll 0 0;
	border: 1px solid #000000;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 4px;
	padding: 13px 47px;
	transition: all 0.3s ease 0s;
}
.slider_button a:hover {
	background: #222222 none repeat scroll 0 0;
	border: 1px solid #222222;
}
.slider-content.black-bg-opacity {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	display: inline-block;
	padding: 70px 50px;
	text-align: center;
	outline: 1px solid rgba(0, 0, 0, 0.2);
	outline-offset: -15px;
	position:relative;
}
.slider-content.black-bg-opacity > h2 {
	font-size: 30px;
	line-height: 40px;
	position: relative;
}
.slider-content.text-white.black-bg-opacity::before {
	border: 1px solid #000000;
	bottom: 15px;
	content: "";
	left: 15px;
	position: absolute;
	right: 15px;
	top: 10px;
}
.slider-content.text-white span {
	color: #000000;
}
.slider-white {
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	padding: 140px 0;
}
.slider-white .slider-content{}
.slider-white .slider-content h3 {
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 50px;
	margin: 0;
}
.single-slider {
	background-size: cover;
	padding: 200px 0;
	background: repeat scroll right center;
}
.single-slider iframe{ height: 100vh }
.border-t-b{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}
.slider-screen {
	background-position: center center;
	background-size: cover;
	height: 500px;
	padding: 0;
	position: relative;
}
.slider-screen .slider-content {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 65%;
	transform: translateY(-88%);
	z-index: 99;
}
.nrbop.bg-black-alfa-40::before {
	background: rgba(25, 25, 25, 0.38) none repeat scroll 0 0;
}
.slider-screen .slider-content.ct-text-align-left {
	padding-left: 20%;
	text-align: left;
}
.slide-2 .slider-content h2 ,.slide-2 .slider-content.text-white p{
	color: #fff;
}
.slide-2 .btn.white-btn {
	background: #000000 none repeat scroll 0 0;
	border-color: #000000;
	padding: 12px 59px;
}
.slide-2 .btn.white-btn:hover {
	background: #222222 none repeat scroll 0 0;
	border-color: #222222;
	color: #fff;
	padding: 12px 59px;
}
.slider-active  .owl-dots, .slider-active  .owl-nav {
	text-align: center;
}
.slider-active  .owl-nav {
	margin-top: 10px;
}
.slider-active  .owl-nav [class*="owl-"] {
	background: #d6d6d6 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
}
.slider-active  .owl-nav [class*="owl-"]:hover {
	background: #869791 none repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
}
.slider-active  .owl-nav .disabled {
	cursor: default;
	opacity: 0.5;
}
.slider-active .owl-nav.disabled + .owl-dots {
	bottom: 36px;
	left: 50%;
	margin-top: -43px;
	position: absolute;
	margin-left: -44px;
}
.slider-active .owl-dots .owl-dot {
	display: inline-block;
}
.slider-active .owl-dots .owl-dot span {
	backface-visibility: visible;
	background: #fff none repeat scroll 0 0;
	border-radius: 30px;
	display: block;
	height: 15px;
	margin: 10px 7px;
	transition: opacity 0.2s ease 0s;
	width: 15px;
}
.slider-active .owl-dots .owl-dot.active span, .slider-active .owl-dots .owl-dot:hover span {
	background: #000000 none repeat scroll 0 0;
}
.slider-3 .slider-content.text-white.black-bg-opacity > h2 {
	color: #fff;
}
.bg-black-alfa-40::before{
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.bg-black-alfa-40::before {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}



/* 4. portfolio */
.filter-menu{}
.filter-menu button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #666;
	display: inline;
	font-family: 'Poppins', sans-serif;;
	font-weight: 500;
	letter-spacing: 2px;
	margin: 0 2px;
	padding: 6px 15px;
	position: relative;
	text-transform: uppercase;
}
.filter-menu button:last-child:before{display:none}
.filter-menu button.active, .filter-menu button:hover {
	color: #000;
	opacity: 0.6;
}
.row-portfolio{margin:0 -10px}
.row-portfolio .portfolio-item{padding: 0 10px;}
.portfolio-wrapper {
	position: relative;
}
.related-wk .portfolio-item {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
.portfolio-item {
	margin-bottom: 20px;
}
.portfolio-thumb img {
	width: 100%;
}
.portfolio-thumb {
	position: relative;
}
.portfolio-thumb::before {
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 1;
}
.portfolio-caption.caption-border.text-center {
	text-align: left;
	z-index: 2;
}
button:focus {
	outline: none;
}
.portfolio-wrapper:hover .portfolio-thumb::before{opacity:.15}
.view-icon {
	height: 42px;
	left: 0;
	margin-top: -21px;
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: scale(0);
	transition: all 0.3s ease 0s;
	visibility: visible;
	width: 100%;
	z-index: 9;
}
.portfolio-wrapper:hover .view-icon {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}
.view-icon > a {
	background: #000 none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 41px;
	width: 40px;
}
.view-icon > a:hover {
	background: #000 none repeat scroll 0 0;
	color: #fff;
	opacity: 0.6;
}
.view-icon > a img { padding: 5px; }
.portfolio-caption {
	padding: 15px;
}
.portfolio-caption a{ color: #272424 !important; }
.portfolio-caption > h4 {
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
	position: relative;
}
.work-tag > a {
	color: #555;
	font-size: 13px;
	letter-spacing: 1px;
}
.portfolio-caption {
	padding: 15px;
}
.portfolio-caption {
	padding: 15px;
}
.caption-border {
	box-shadow: 0 1px 3px 2px rgba(1, 152, 117, 0.03);
}
/* portfolio style 2 */
.portfolio-style-2{}
.portfolio-style-2 .portfolio-caption {
	bottom: 31px;
	left: 0;
	opacity: 0;
	padding: 15px;
	position: absolute;
	right: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
}
.portfolio-wrapper:hover .portfolio-caption {
	bottom: 15px;
	opacity: 1;
	visibility: visible;
}

/* call to action */
.call-to-action > h3 {
	font-weight: 500;
	letter-spacing: 1.5px;
}
.call-to-action > p {
	margin: 0;
}
.call-to-action a {
	margin-top: 12px;
}
/* portfolio-style-3 */
.portfolio-style-3{}
.portfolio-style-3 .portfolio-caption {
	bottom: 20px;
	top: inherit;
}
.portfolio-style-3 .portfolio-wrapper:hover .portfolio-caption {
	bottom: 0;
	top: inherit;
}
.row-portfolio.m-0{margin:0;}
.portfolio-style-4 .portfolio-thumb::before {
	background: #222222 none repeat scroll 0 0;
}
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-thumb::before {
	opacity: 0.7;
}
.portfolio-style-4 .portfolio-caption > h4 {
	color: #fff;
}
.portfolio-style-4 .work-tag > a {
	color: #fff;
}
.portfolio-style-4 .portfolio-caption {
	bottom: 50%;
	top: inherit;
}
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-caption {
	transform:translateY(50%);
	bottom:50%;
}
.portfolio-grid-2 .portfolio-item {
	width: 50%;
}
.portfolio-grid-4 .portfolio-item{width:25%}
.no-space .portfolio-item{margin-bottom:0;}
.width-8{width: 66.6667%;}


.portfolio-style-2 .portfolio-caption > h4,.portfolio-style-2 .work-tag > a,.portfolio-style-2 .work-tag  {
	color: #000;
}
.portfolio-style-2 .portfolio-caption > h4:hover a, .portfolio-style-2 .work-tag > a:hover {
	color: #22222233;
}
.portfolio-style-2  .portfolio-wrapper:hover .portfolio-thumb::before {
	opacity: 0.64;
}
.portfolio-caption > h4 a:hover, .work-tag > a:hover {
	color: #000;
	opacity: 0.6;
}
#contactForm .btn.btn-primary.btn-md.btn-form-submit:hover{
	background:#222!important;
	border-color:#222!important;

}
.blog-post-small .embed-responsive-16by9 {
	min-height: 228px;
}

/*=======================
5. Image Slider
========================*/
#image-slider .carousel-inner {
	height: 100%;
}

.carousel-item img {
	height: auto;
	max-height: auto;
	width: 100%;
}

#blog-carousel {
	height: auto;
	width: auto;
	overflow: hidden;
}

#image-slider .slide1 {
	background-image: url("../images/slide1.jpg");
	padding: 362px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}

#image-slider .slide2 {
	background-image: url("../images/slide2.jpg");
	padding: 362px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}

#image-slider .slide3 {
	background-image: url("../images/slide3.jpg");
	padding: 362px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}

#image-slider .slide4 {
	background-image: url("../images/slide4.jpg");
	padding: 362px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}

#image-slider .carousel-control.left, #image-slider .carousel-control.right {
	background-image: none !important;
	opacity: 1;
	text-shadow: none !important;
	font-size: 30px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	background-image: none !important;
	opacity: 1;
	text-shadow: none !important;
	font-size: 30px;
}

#blog-carousel .carousel-control-next-icon, #blog-carousel .carousel-control-prev-icon {
	margin-top: -25px;
}

#project-carousel .carousel-control-next-icon, #project-carousel .carousel-control-prev-icon {
	margin-top: -25px;
}

.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img {
	line-height: 1;
}

.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
	display: block;
	max-width: 100%;
	height: auto;
}

#image-slider .carousel-caption {
	height: auto;
	margin-top: -108px;
	text-align: center;
	text-shadow: none;
	top: 50%;
}
.scroll-down {
	display: none;
}
#image-slider .carousel-item {
	height: 100vh;
}
#image-slider .carousel-caption h2 {
	color: white;
	font-size: 46px;
	font-weight: 700;
	margin-bottom: 15px;
}
#image-slider .carousel-item.active {
	position: relative;
}
#image-slider .carousel-item.active::after {
	background: #222222 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.37;
	position: absolute;
	top: 0;
	width: 100%;
} 
#image-slider .slider-content {
	background: transparent;
	border-radius: 5px;
	display: inline-block;
	padding: 60px 55px;
}
.slider-content > p {
	color: #eee;
	margin-bottom: 22px;
	margin-top: 18px;
}
#image-slider p.caption {
	padding: 6px;
	color: white;
}

#image-slider h4 {
	color: white;
	margin: 40px auto;
}

#image-slider .carousel-caption {
	padding-bottom: 0;
}

.scroll-down {
	color: white;
	font-size: 32px;
	position: absolute;
	margin-top: 230px;
}

.scroll-down:hover {
	color: rgba(200, 200, 200, 0.8) !important;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

/*=======================
6. Features area
========================*/
#feature {
	margin-bottom: 0;
	padding: 40px 0 78px;
}

.feature-icon {
	color: #000;
	padding: 23px;
	margin-bottom: 30px;
	display: inline-block !important;
	font-size: 30px;
	height: 80px;
	width: 80px;
	text-align: center;
	border: 2px solid #000;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-moz-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.feature-icon:hover, .feature-icon:active, .feature-icon:focus {
	color: white;
	background-color: #000;
	opacity:0.6;
	text-decoration: none;
}

.feature-title {
	color: #22222233;
	font-size: 16px;
	margin-bottom: 15px;
}

.feature {
	text-align: center;
	margin-top: 50px;
}

/*=======================
7. Services area
========================*/
#service {
	background: #f1f1f1 none repeat scroll 0 0;
	margin-bottom: 0;
	padding-bottom: 92px;
	padding-top: 31px;
}

#service .page-header {
	margin-bottom: 0;
}

.service-icon {
	color: #000000;
	display: inline-block;
	font-size: 45px;
	height: 80px;
	margin-bottom: 10px;
	padding: 23px 0 0;
	position: relative;
	text-align: center;
	width: 80px;
	z-index: 2;
}
.serial-service {
	display: block;
	transform: scale(0);
	transition: all 0.4s ease 0s;
}
.single-service:hover .serial-service {
	transform: scale(1);
}

.basic-portfolio-area {
	background: #fff none repeat scroll 0 0;
	padding-bottom: 90px;
}

.service-title {
	color: #22222233;
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.service {
	margin-top: 33px;
	text-align: left;
}
.service-wrapper2 {
	margin: 10px;
	padding: 0 15px 10px;
	position: relative;
	z-index: 1;
}
.ico-wrap2 {
	height: 60px;
	position: relative;
	width: 80px;
	z-index: 100;
}
.service-nb {
	color: hsl(210, 3%, 87%);
	float: left;
	font-family: 'Poppins', sans-serif;
	font-size: 44px;
	margin-right: -10px;
	position: relative;
	z-index: 10;
}
.service-wrapper2 h3 {
	font-size: 24px;
	margin-bottom: 15px;
	margin-top: 20px;
	position: relative;
	z-index: 10000;
}




/*=======================
8. About area
========================*/
#about {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 86px 0 69px;
}
.company-info .about-company-title,.skills-bars .about-company-title {
	color: #22222233;
	font-size: 35px;
	margin-bottom: 30px;
}
.skills .progress-title h6 {
	color: #222222;
	font-size: 16px;
}
.skills .company-info p  {
	color: #22222233;
}
.about-company-title {
	color: white;
	font-size: 35px;
	margin-bottom: 30px;
}

.company-info p {
	color: white;
}

.progress {
	height: 16px !important;
	background-color: #eee !important;
}

.progress-title h6 {
	color: white;
	font-size: 16px;
}

.progress-bar-success {
	background-color: #86d244 !important;
}

.progress-bar-primary {
	background-color: #000000 !important;
}

.progress-bar-warning {
	background-color: #ffbf25 !important;
}

.progress-bar-danger {
	background-color: #f11a1a !important;
}

#about-freelancer {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	padding: 162px 0 91px;
}
.heighlight-color {
	color: #000000;
}
#about-freelancer .row {
	position: relative;
}

.freelancer-image {
	position: absolute;
	background: url(../images/freelancer-image.jpg) scroll center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

#about-freelancer .company-info {
	padding: 83px 61px 54px;
}

#about-freelancer .company-info p {
	color: #222222;
	margin-bottom: 20px;
}

#about-freelancer .about-company-title {
	color: #22222233;
	margin-bottom: 20px;
}

#about-freelancer .about-box {
	margin: 15px 0;
	padding: 0;
}

#about-freelancer .about-text {
	padding-left: 50px;
}

#about-freelancer .about-title {
	color: #22222233;
	font-weight: 700;
	font-size: 16px;
}
.freelancer-image {
	right: 0;
}
#about-freelancer .about-company-title {
	color: #222;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#about-freelancer .about-icon {
	color: #000000;
	font-size: 26px;
	float: left;
	margin-bottom: 0;
	width: 40px;
	height: 40px;
}
#team {
	margin-bottom: 0;
	padding: 32px 0 0;
}
#facts.fanfact {
	padding: 40px 0 41px;
}
#service.service-area {
	padding: 42px 0 91px;
}
#pricing.price-area {
	padding: 0 0 40px;
}
/* End Skills Section */

/*=======================
9. work area
========================*/
#work.full-width .container {
	width: 100%;
	padding: 0;
}
#work {
	background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
	margin-bottom: -20px;
	padding: 16px 0 0;
}
.portfolio-filter {
	margin: 40px;
}

.portfolio-items .col-md-4 {
	padding: 0;
	margin: 0;
}

.portfolio-items.gutter .col-md-3 {
	padding: 12px;
}

.portfolio-items.gutter .col-md-4 {
	padding: 12px;
}

.portfolio-filter li a {
	color: #222222;
	font-size: 16px;
	font-weight: 700;
	margin: 10px;
	padding-bottom: 6px;
	position: relative;
}

.portfolio-filter li a.active:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.portfolio-filter li a:hover,
.portfolio-filter li a.active {
	color: #000000;
}

.portfolio-filter li {
	display: inline-block;
	margin-bottom: 0;
}

.portfolio-items .col-md-3 {
	margin-bottom: 0 !important;
}

ul.portfolio-items {
	margin-bottom: 0 !important;
}

.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.hovereffect .overlay {
	background-color: rgba(54, 215, 183, 0.6);
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: all 0.4s ease-in-out 0s;
	width: 100%;
}
.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}

.hovereffect-title h2 {
	color: white;
	background: transparent;
	text-align: center;
	position: absolute;
	top: 43%;
	width: 100%;
	font-size: 18px;
	-webkit-transform: translatey(-100px);
	-ms-transform: translatey(-100px);
	transform: translatey(-100px);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 10px;
}

.hovereffect a.info {
	text-decoration: none;
	display: inline-block;
	color: white;
	border: 1px solid white;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin: 20px 0;
	padding: 10px 20px;
}

.hovereffect a.info:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.hovereffect:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}

.hovereffect:hover h2, .hovereffect:hover a.info {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}

.hovereffect:hover a.info {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.filter-menu button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #222222;
	display: inline;
	font-family: "Poppins",sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	margin: 0 2px;
	padding: 6px 15px;
	position: relative;
	text-transform: capitalize;
}
.basic-portfolio-area .filter-menu {
	margin-bottom: 52px;
	margin-top: 10px;
}
.portfolio-caption > h4 a {
	color: #000;
}



/*=======================
10. Call to Action area
========================*/
#call-to-action {
	background-color: white;
}

.stacked {
	margin-top: -51px !important;
}

#call-to-action.stacked {
	background:#fff;
	margin-top: 0 !important;
	padding: 30px 0;
}

.cta-text {
	font-family: 'Poppins', sans-serif;
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 60px;
	padding: 30px 0;
}

.cta-right {
	float: right;
}

.cta-content {
	padding: 30px 0;
}

#call-to-action p {
	margin-bottom: 0;
}

.cta-content .btn {
	margin-top: 9px;
}

/* breadcrumb area */

.bg-black-alfa-40::before {
	background: rgba(25, 25, 25, 0.28) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.breadcrumb-2-area {
	background-position: 50% 0;
	height: 35vh;
	overflow: hidden;
	padding: 0;
}
h1.breadcrumb-2 {
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 30px;
	font-weight: 500;
	margin-top: 118px;
	text-transform: capitalize;
	width: 60%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.breadcrumb-list {
	display: inline-block;
	float: right;
	margin-top: 123px;
}
.breadcrumb-list .breadcrumb {
	background-color: transparent;
	padding: 0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.breadcrumb-list > li {
	display: inline-block;
}
.breadcrumb-list .breadcrumb > li + li::before {
	color: #fff;
	content: "-";
	padding: 0 5px;
}
.breadcrumb-list .breadcrumb a {
	color: #fff;
}
.breadcrumb > .active, .breadcrumb-list .breadcrumb a:hover {
	color: #fff;
	opacity: 0.6;
}
.bg-2 {
	/* background: url("../images/webbg.jpg") no-repeat top center !important; */
	background-attachment: fixed;
	background-clip: initial;
	background-color: #333;
	background-origin: initial;
	background-position: center bottom;
	background-repeat: repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
}
.hero-caption {
	display: table;
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 80%;
	z-index: 2;
}
.hero-text {
	display: table-cell;
	height: 100%;
	position: relative;
	vertical-align: middle;
}

.single-feature {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 50px 22px;
	transition: all 0.3s ease 0s;
}
.feature-title {
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.single-feature:hover .feature-icon, .single-feature.active, .single-feature:focus {
	background-color: #000;
	color: white;
	text-decoration: none;
}
.single-feature.active .feature-icon {
	border-color: #fff;
	color: #fff;
}
.single-feature.active > p {
	color: #fff;
}
.company-info .about-company-title, .skills-bars .about-company-title {
	font-size: 35px;
	margin-bottom: 30px;
}
.about-company-title {
	color: #222;
	font-size: 35px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.skills .progress-bar {
	background-color: #000000!important ;
	border-radius: 5px;
}
.progress-bar {
	height: 8px;
}
.progress {
	background-color: #f9f9f9;
	border-radius: 6px;
	box-shadow: none;
	height: 8px!important;
	margin-bottom: 20px;
}
.signature {
	float: left;
}
.single-member-wrapper {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	padding: 20px;
	position: relative;
}
.home-team .single-member-wrapper {
	background:#fff;
}
#team.home-team {
	background: #f1f1f1;
}
.single-member-wrapper .social-icon {
	margin-top: 4px;
	text-align: center;
}
.members-details {
	padding-top: 20px;
	text-align: center;
}
.member-details h3 {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 5px;
}
.members-details p {
	color: #a1a1a1;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 0;
	margin: 0;
	text-transform: uppercase;
}
.member-details {
	background: #fff none repeat scroll 0 0;
	position: relative;
	z-index: 9999;
}
#team {
	margin-bottom: 0;
	padding: 92px 0 90px;
}
.single-member-wrapper .social-icon {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	border-radius: 5px;
	bottom: 24px;
	left: 0;
	margin-left: 0;
	margin-top: 4px;
	padding: 14px 0 11px;
	position: absolute;
	text-align: center;
	transition: all 0.4s ease 0s;
	width: 100%;
	opacity:0;
}
.single-member-wrapper:hover .social-icon {
	bottom: 84px;
	opacity:1;
}
.video-area {
	background:  url("../images/slide3.jpg") repeat scroll 0 0;
	background-attachment: fixed;
	background-clip: initial;
	background-color: hsla(0, 0%, 0%, 0);
	background-origin: initial;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
	padding: 150px 0;
	position: relative;
}
.we_are_gallarys .video-area {
	background-attachment: scroll;
	background-clip: initial;
	background-color: hsla(0, 0%, 0%, 0);
	background-image: url("../images/about_1.jpg");
	background-origin: initial;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 8px 0;
	position: relative;
	z-index: 0;
}
.video-area::before {
	background: hsl(0, 0%, 0%) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
}
.video-icon-view.text-center {
	margin: 60px 0;
	text-align: center;
}
.play-btn {
	animation: 1.2s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running pulse;
	background-color: hsla(0, 0%, 0%, 0);
	border: 2px solid hsl(0, 0%, 100%);
	border-radius: 50%;
	box-shadow: 0 0 0 0 hsla(182, 74%, 86%, 0.7);
	color: hsl(0, 0%, 100%);
	display: inline-block;
	font-size: 18px;
	height: 75px;
	line-height: 72px;
	margin: 0 20px;
	padding: 0 0 0 5px;
	position: relative;
	text-align: center;
	width: 75px;
}
@keyframes pulse {
	100% {
		box-shadow: 0 0 0 45px hsla(182, 74%, 86%, 0);
	}
}
@keyframes pulse {
	100% {
		box-shadow: 0 0 0 45px hsla(182, 74%, 86%, 0);
	}
}

#pricing.price-area.home-price-plan {
	padding-bottom: 68px;
	padding-top: 33px;
}
#service.service-area .page-header {
	margin-bottom: 18px;
}
#feature {
	padding: 40px 0 90px;
}
.members-details h3:hover a {
	color: #222222;
}
#pricing.price-area {
	background: #f1f1f1;
	padding: 91px 0 40px;
}
.pricing-table.featured-p-t {
	transform: scaleY(1.1);
}
.basic-testimonial-area .page-header > h2 {
	color: #fff;
}
.testimonial-name,.testimonial-pos {
	color: #fff;
}
.basic-testimonial-area::after {
	background: hsl(201, 57%, 12%) none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.basic-testimonial-area {
	background: hsla(0, 0%, 0%, 0) url("../images/bg5.jpg") repeat fixed center center / cover ;
	position: relative;
}
/*=======================
11. Pricing area
========================*/
.pricing-table {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	margin-bottom: 50px;
	padding-bottom: 10px;
	text-align: center;
}
.pricing-title {
	background-color: #222;
	color: white;
	font-size: 16px;
	font-weight: 700;
	padding: 20px;
}
.featured.pricing-title {
	background-color: #000000;
}
#work.pot-area {
	padding: 46px 0 90px;
}
#shop {
	margin-top: 70px;
	padding: 44px 0 6px;
}
.pricing-table-price {
	font-weight: 700;
	padding: 30px 20px;
}
#blog.blog-page-area {
	padding: 91px 0 67px;
}
.blog-page-area .blog-post-small {
	margin:  0;
}
.pricing-circle {
	color: #22222233;
}

.pricing-currency {
	color: #22222233;
	font-size: 16px;
	font-weight: 700;
	vertical-align: 25px;
}

.pricing-price {
	color: #22222233;
	font-size: 50px;
	font-weight: 700;
}

.pricing-table-content li {
	margin-bottom: 15px;
}

.pricing-table-button {
	padding: 20px 0 30px;
}
.no-image-blog .blog-box-layout4 {
	margin-bottom: 16px;
	margin-top: 13px;
}
/*=======================
12. Facts area
========================*/
#facts {
	padding-bottom: 0;
	padding-top: 88px;
	text-align: center;
}

.facts-icon {
	color: hsl(193, 85%, 55%);
	display: block;
	font-size: 51px;
	margin-bottom: 18px;
}
#facts p {
	color: #fff;
	font-size: 39px;
	font-weight: 900;
	font-family: 'Poppins', sans-serif;
	padding: 5px 0;
}

.facts-title {
	color: #000000;
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 50px;
}
.facts-title {
	color: #fff;
	font-weight: 500;
	margin-bottom: 37px;
	text-transform: uppercase;
}


/*=======================
13. Map area
========================*/
#map {
	width: 100%;
	height: 400px;
	margin-top: 50px;
}

#map.big {
	height: 450px;
	margin-top: 0;
}

/*=======================
14. Contact area
========================*/
#contact {
	margin-bottom: 26px;
	margin-top: 45px;
}

#contact .form-group {
	margin-bottom: 0;
}

#contact #contactForm {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.form-control {
	font-size: 14px;
	line-height: 21px;
	font-family: 'Poppins', sans-serif;
}

#contactForm .form-control {
	background: #f9f9f9 none repeat scroll 0 0;
	border: 2px solid #f9f9f9;
	border-radius: 5px;
	box-shadow: none;
	color: #222222;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-bottom: 30px;
	min-height: 50px;
	padding: 10px 20px;
}
button.btn.btn-md {
	background: #000000 none repeat scroll 0 0;
	border-color: #000000;
	text-transform: uppercase;
}
#contactForm #message {
	min-height: 130px;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: none;
}
.btn-form-submit {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	border-radius: 5px;
	margin: 0;
	padding: 14px;
	width: 100%;
}

#contact .btn-form-submit:hover {
	background: #000000 !important;
	border-color: #000000 !important;
}

.has-error .form-control {
	color: #f11a1a !important;
	border: 2px solid #f11a1a !important;
}

.help-block.with-errors li {
	color: #f11a1a;
	margin-top: -30px;
	margin-bottom: 0;
}

.text-danger {
	color: #f11a1a;
	font-size: 14px;
	font-weight: 700;
}

#msgSubmit.h3 {
	font-size: 14px;
	margin-top: 5px;
}

.contact-info {
	margin-top: 50px;
}

.contact-info .contacts {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 33px;
	text-align: center;
}

.contact-info img {
	max-width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
}

.contact-info-title i {
	color: #000000;
	font-size: 24px;
	margin-right: 10px;
}

.info {
	margin-bottom: 20px;
}

.info.last {
	margin-bottom: 0;
}
.cont-logo > a {
	color: #000000;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.contact-info-title {
	color: #22222233;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.contact-info.contact-page-area-info {
	padding-top: 45px;
}
.no-padding-right {
	padding-right: 0;
}
.contact-page-area-form {
	padding-bottom: 32px;
}
.contact-info-text {
	margin-bottom: 40px;
}
#work.related-wk {
	padding-bottom: 50px;
}
a.contact-info-text {
	font-weight: 700;
}

#contact.full-width #contactForm {
	width: 100%;
}
/*=======================
15. Team area
========================*/
.team-info {
	border: 5px solid #f9f9f9;
	margin-bottom: 50px;
}

.team img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.team-rounded img {
	border: 0;
	border-radius: 100%;
	width: 220px;
	height: 220px;
	margin-bottom: 30px;
}

.team-title {
	color: #22222233;
	font-size: 24px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 3px;
}

.team-role {
	text-align: center;
	font-size: 12px;
}

.subscribe-area .error {
	text-align: left;
}
.newsletter-form input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 5px 0 0 5px;
	display: inline-block;
	float: left;
	height: 50px;
	margin-left: 21px;
	padding: 5px 10px;
	width: 76%;
}
.newsletter-form .mc-submit {
	background-color: #000000;
	border: medium none;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 24px;
	font-weight: bold;
	height: 50px;
	position: relative;
	text-align: center;
	width: 20%;
	border-radius: 0px 5px 5px 0px;
	transition: all 0.3s ease 0s;
}
.subscribe-area.section-small {
	background: #f1f1f1 none repeat scroll 0 0;
	padding: 30px 0;
}
.newsletter-form {
	margin-top: 7px;
}
.subscribe-box h2 {
	font-size: 35px;
}
.form-control:focus {
	border-color: transparent;
	box-shadow: none;
	outline: 0 none;
}
.newsletter-form button.mc-submit:hover {
	background: #222 none repeat scroll 0 0;
	color: #fff;
}



/*=======================
16. Clients area
========================*/
#clients {
/* background-color: #fff;
padding-bottom: 65px;
padding-top: 91px; */
}
.client {
	/* margin-bottom: 20px; */
}

/*=======================
17. Blog area
========================*/
.blog-header {
	margin-bottom: 20px;
}

.blog-post-small {
	margin: 50px 0;
}

.blog-post-small .post-title {
	font-size: 20px;
	margin-bottom: 5px;
}

.blog-post-small .post-meta {
	font-size: 12px;
	margin-bottom: 7px;
}

.blog-post-small .post-meta-link {
	font-weight: 700;
}

.blog-post-small .post-excerpt {
	font-size: 14px;
}
.blog-post-small .read-more {
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0;
	padding: 9px 27px;
	text-transform: uppercase;
}
.blog-post-small .carousel-control {
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.1);
}

.blog-post-small .embed-responsive-item {
	background-color: #f9f9f9;
}

.blog-post-small .embed-responsive-16by9 {
	padding-bottom: 9.1%;
}

/*=======================
18. Shop area
========================*/
#shop {
	margin-top: 70px;
}

.product {
	margin-bottom: 70px;
	text-align: center;
}

.product img {
	width: 95%;
}

.product img:hover {
	opacity: 0.8;
}

.product-price {
	color: white;
	background: #000000;
	border-radius: 100%;
	width: 70px;
	height: 70px;
	line-height: 44px;
	padding: 15px 20px;
	font-size: 18px;
	position: absolute;
	top: -25px;
	right: 0px;
	font-weight: 700;
	text-align: center;
	z-index: 99;
}

.product-title {
	color: #22222233;
	font-size: 24px;
	padding-top: 20px;
	text-align: center;
}

a .product-title:hover {
	opacity: 0.6;
	-moz-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.blog-title-primary a {
	color: #222;
}

/*=======================
19. Cart area
========================*/
.shopping-cart {
	margin-top: 50px;
}

table {
	margin: 0 0 30px;
	width: 100%;
}

.shopping-cart thead {
	background: #f9f9f9;
}

.shopping-cart thead th {
	color: #22222233;
	padding: 10px 0;
	font-size: 16px;
	line-height: 30px;
}

.shopping-cart tbody td {
	color: #222222;
	padding: 10px 0;
	vertical-align: middle;
	font-size: 14px;
}

.shopping-cart img {
	max-width: 50px;
}

.cart-item {
	border-bottom: 1px solid #f9f9f9;
}

.cart-item a img:hover {
	opacity: 0.6;
}

.qty input[type="number"] {
	max-width: 50px;
	max-height: 50px;
	padding: 14px 4px 10px 8px;
	float: left;
	outline: none !important;
}

.x-remove {
	padding: 0 3px !important;
	font-size: 15px;
	line-height: 14px;
	border-radius: 100% !important;
	float: right;
}

.coupon {
	margin: 30px 0;
	float: left;
}

.coupon #coupon-code {
	color: #777777 !important;
	font-weight: 700;
	letter-spacing: 0.5px;
	border: 2px solid #f9f9f9;
	border-radius: 5px;
	padding: 10px 20px;
	min-height: 50px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.coupon .btn {
	min-height: 50px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px !important;
	border-radius: 5px !Important;
	font-size: 14px !important;
}

.update-cart {
	margin: 30px 0;
}

.update-cart .btn {
	float: right;
	min-height: 50px;
	margin-top: 0;
	margin-right: 5px;
	border-radius: 5px !Important;
	font-size: 14px !important;
}

#checkout {
	margin-top: 70px;
	margin-bottom: 50px;
}

#checkout .title {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f9f9f9;
}

#checkout p {
	font-weight: 700;
	margin: 30px 0;
}

#checkout p span {
	font-weight: 400;
	font-size: 14px;
}

#checkoutForm .form-control {
	color: #222222 !important;
	font-weight: 700;
	letter-spacing: 0.5px;
	border: 2px solid #f9f9f9;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 10px 20px;
	min-height: 50px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#checkoutForm .btn-form-submit {
	border-radius: 5px;
	margin: 0;
	padding: 13px;
	width: 100%;
}
#home {
	top: 0;
}

.scroll-to-top {
	background: #000000;
	color: white;
	width: 35px;
	height: 35px;
	bottom: 20px;
	right: 20px;
	font-size: 30px !important;
	line-height: 32px;
	border: 2px solid #000000;
	border-radius: 5px;
	position: fixed;
	text-align: center;
	font-size: 24px !important;
	z-index: 99;
}

.scroll-to-top:hover {
	background: #000000;
	color: white;
	border: 2px solid #000000;
}


.evaluation_area {
	background: hsl(0, 0%, 95%) none repeat scroll 0 0;
	padding: 29px 0 71px;
}
.evaluation_area .default-form-area {
	background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
}
.left-call-back {
	padding-top: 62px;
}
.evaluation_area .form-control {
	background-clip: padding-box;
	background-color: hsl(0, 0%, 98%);
	border: 1px solid hsl(0, 0%, 93%);
	border-radius: 5px;
	box-shadow: 0 0 0 hsla(0, 0%, 0%, 0) inset;
	color: hsl(0, 0%, 33%);
	display: block;
	font-size: 15px;
	height: 45px;
	line-height: 1.42857;
	margin-bottom: 20px;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}
.evaluation_area .form-control:focus {
	border: 1px solid #000000;
}
.evaluation_area textarea {
	min-height: 125px;
}
.default-form-area .clearfix.row {
	margin: 0 -15px;
}
.default-form-area .page-header {
	margin-bottom: 57px;
	text-align: left;
}
.evaluation_area .form-group .btn.btn-primary.md {
	padding: 15px 43px;
	text-transform: uppercase;
}


.blog-box-layout4 {
	margin-bottom: 33px;
	position: relative;
}
.blog-box-layout4 .item-content {
	background-color: hsla(0, 0%, 100%, 0.9);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	padding: 30px 30px 29px 35px;
	position: relative;
}
ul.published-date-dark li {
	color: hsl(0, 0%, 50%);
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 15px;
	margin-right: 4px;
	padding-right: 10px;
}
ul.published-date-dark li span {
	display: inline-block;
	float: left;
	font-size: 15px;
	margin-right: 6px;
	margin-top: -1px;
}
ul.published-date-dark li:last-child {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0;
}
ul.published-date-dark {
	margin-bottom: 0;
}
.blog_area {
	/* padding: 90px 0 60px; */
	padding: 15px 0 0px;
}
.blog_area iframe{
	width: 100%;
	height: 550px;
}
.blog-title-primary > a:hover {
	color: #000;
}
.blog-header.blog-img-side {
	margin: 0;
}
.pagination-bar {
	clear: both;
	text-align: center;
}
.pagination {
	border-radius: 4px;
	display: inline-block;
	margin: 20px 0;
	padding-left: 0;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination .pagination > li > span {
	border: 1px solid #eee;
	border-radius: 5px;
	color: #2d2d2d;
	font-size: 15px;
	height: 48px;
	line-height: 36px;
	float: left;
	margin-right: 10px;
	margin-left: -1px;
	padding: 6px 12px;
	min-width: 48px;
	text-align: center;
}
.pagination-bar .pagination > li:first-child > a, .pagination-bar .pagination > li:first-child > span {
	background: #000 none repeat scroll 0 0;
	border-color: #000;
}
.pagination-bar .pagination > li a:hover,.pagination-bar .pagination > li:hover span {
	background: #000 none repeat scroll 0 0;
	border-color: #000;
	color:#fff;
}


/*=======================
20. Single Pages
========================*/
.single-post-content {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.single-post-content .post-meta {
	padding: 20px 0;
	margin-bottom: 0;
}

.single-post-content .post-content {
	padding: 30px 20px;
	margin-bottom: 50px;
}

.first-post-paragraph:first-child:first-letter {
	float: left;
	color: #000000;
	font-size: 65px;
	line-height: 50px;
	padding: 3px 6px 8px 6px;
}

.single-post-content .social-share {
	display: block;
	margin-bottom: 54px;
	overflow: hidden;
	padding-left: 0;
}

.single-post-content .social-share i {
	margin-right: 10px;
}

.single-post-content .social-share a {
	color: white;
	background-color: #000000;
	padding: 10px 15px 10px 15px;
	margin-top: 20px;
	margin-right: 10px;
	border-radius: 5px;
	float: left;
}

.post-nav {
	width: 90%;
	margin: 0 auto 50px auto;
}

.post-nav .left {
	float: left;
}

.post-nav .right {
	float: right;
}

.post-nav .left i {
	margin-right: 10px;
	font-size: 12px;
}
.basic-testimonial-area {
	padding-bottom: 87px;
	padding-top: 33px;
}
.post-nav .right i {
	margin-left: 10px;
	font-size: 12px;
}
.basic-testimonial-area .container {
	position: relative;
	z-index: 4;
}
.single-post-content .social-share a:hover {
	background-color: #000000;
}

.single-post-content .skills {
	margin: 30px 0 0 0;
}

#single-project .single-post-content {
	width: 100% !important;
}
#single-project .single-post-content iframe{
	width: 80% ;
	height: 500px ;
}

#single-project .single-post-content .post-content {
	padding: 30px 0;
}

#single-project .about-project {
	background: #f9f9f9;
	padding: 20px;
	margin-bottom: 10px;
}
#single-project .about-project img { width: auto; margin: 20px 0px;}
#single-project .project-info {
	padding: 20px;
	margin-bottom: 10px;
}

#single-project .single-post-content h3 { 	margin: 30px 0; }
.info-text { 	margin-bottom: 18px; }
.info-text label { 	font-weight: 500; }
.info-text span:after {  content: ", "; }
.info-text span:last-child:after {  content: " "; }
#single-product {  margin-top: 50px;}
#single-product .product {  margin-bottom: 30px; }

#single-product .product-title {
	text-align: left;
	padding-top: 0;
	margin-bottom: 25px;
}

.product-text {
	margin-top: 50px;
}

#single-product .product img {
	width: 100%;
}

#single-product .product-description {
	background: #f9f9f9;
	padding: 20px;
	text-align: left;
}

p.product-button {
	text-align: left;
	margin: 30px 0;
}
.btns {
	color: #000;
	font-weight: 500;
	text-transform: capitalize;
}
.add-to-cart i {
	margin-right: 20px;
}
#scrollUp {
	background: hsl(168, 67%, 53%) none repeat scroll 0 0;
	border-radius: 5px;
	bottom: 15px;
	box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.05);
	color: hsl(0, 0%, 100%);
	font-size: 17px;
	height: 40px;
	line-height: 45px;
	position: fixed;
	right: 15px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 40px;
	z-index: 200;
}
#scrollUp:hover {
	background: #222222 none repeat scroll 0 0;
}
.demo-parallax-header {
	background-image: url("../images/demo-header.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

#demo-header .header-content {
	margin: 95px 0;
}

header#demo-header h2 {
	margin-top: 0;
	font-size: 30px;
	margin-bottom: 20px;
}

.demo-top-space {
	margin-top: 100px;
}

#demos h3 {
	background-color: #f3f3f3;
	color: #777;
	padding: 20px;
	font-size: 16px;
	margin-top: 0;
}

#demos a img:hover {
	opacity: 0.8;
}
.footer-info .logo a {
	color: hsl(168, 67%, 53%);
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
}
.social-icon a {
	border: 1px solid #000;
}
.social-icon a {
	border-radius: 50%;
	display: inline-block;
	height: 35px;
	line-height: 33px;
	margin: 0 5px;
	text-align: center;
	width: 35px;
}
.social-icon a:hover {
	background: #222222;
	border-color:#222222;
	color: #fff;
}
footer.footer-bg {
	background: #fff none repeat scroll 0 0;
	border-top: 0 solid #000000;
	padding: 69px 0 78px;
}
.footer-bottom {
	margin-top: 23px;
}

.portfolio-wrapper:hover .portfolio-thumb img {
	transform: scale(1.2);
}
.portfolio-wrapper .portfolio-thumb img {
	transition: all 0.4s ease 0s;
	/* border: thin solid #ccc; */
}
.portfolio-wrapper {
	overflow: hidden;
}






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

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

	#wrapper.toggled {
		padding-left: 0;
	}

	#sidebar-wrapper {
		width: 255px;
	}

	#wrapper.toggled #sidebar-wrapper {
		width: 0;
	}


}
/* Max Widths */
@media (max-width: 1366px) {
	.slider-screen { height: 90vh; }
}

@media (max-width: 992px){
	.motto div { font-size: 95px; }
}
@media only screen and (max-width: 991px) {
	.freelancer-image {
		position: relative;
		height: 420px;
	}
}

@media only screen and (max-width: 768px) {
	.parallax {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.demo-parallax-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.parallax-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.parallax-project-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.about-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.services-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.portfolio-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.shop-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.cart-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.blog-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.contact-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	.freelancer-header {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}

	#image-slider .slide1 {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
		padding: 260px 0;
	}

	#image-slider .slide2 {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
		padding: 260px 0;
	}

	#image-slider .slide3 {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
		padding: 260px 0;
	}

	#image-slider .slide4 {
		background-attachment: scroll !important;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
		padding: 260px 0;
	}

	#image-slider .carousel-caption {
		top: -80px;
	}

	.scroll-down {
		margin-top: 110px;
	}
	.ofisimInfo h2{ 
		text-align: center; 
		padding-bottom: 15px;
	}
	.ofisimInfo iframe { margin: 25px 0; }
	.ofisimInfo p { text-align: justify; }
}
@media only screen and (max-width: 767px) {
	#menu-toggle {
		background: rgba(245, 245, 245, 0.8) none repeat scroll 0 0 !important;
		display: block;
		font-size: 30px;
		margin-left: 30px;
		margin-top: 30px;
		padding: 4px;
		position: absolute;
	}

	.menu-footer {
		position: relative;
		margin-top: 60px;
	}

	#contact #contactForm {
		width: 100%;
	}
}
@media only screen and (max-width: 575px) {
	#image-slider .carousel-caption {
		top: 0;
		position: relative;
		left: 0;
		padding: 0;
	}

	#image-slider .slider-content {
		padding: 30px;
	}

	#image-slider .slide1 {
		padding: 180px 0;
	}

	#image-slider .slide2 {
		padding: 180px 0;
	}

	#image-slider .slide3 {
		padding: 180px 0;
	}

	#image-slider .slide4 {
		padding: 180px 0;
	}
	.footerMenu li a:after { 
		content: " ";
	}
	.copyright { text-align: center; }
}
@media only screen and (max-width: 560px) {
	#call-to-action p {
		margin-bottom: 0;
		text-align: center;
	}

	.cta-content .btn {
		float: none;
		margin: 20px auto;
	}
}
@media only screen and (max-width: 480px) {
	.portfolio-items .col-xs-6 {
		width: 100%;
	}

	.post-nav {
		text-align: center;
	}

	.post-nav .left {
		float: none;
		margin-top: 50px;
		margin-bottom: 30px;
	}

	.post-nav .right {
		float: none;
	}

	#map.big {
		height: 300px;
	}
}
/* Bootstrap Elements */
/* Jumbotron */
.jumbotron {
	background-color: #f9f9f9;
}
.single-post-content .social-share a:hover {
	background: #222222;
}
.jumbotron h1 {
	color: #000000;
}

/* Page Header */
.page-header {
	padding-bottom: 3px;
	margin: 50px 0 30px;
	text-align: center;
	position: relative;
	border-bottom: 0;
}

.page-header h2 {
	display: inline-block;
	font-size: 35px;
	margin-bottom: 5px;
	position: relative;
	text-transform: uppercase;
}
/* .page-header h2::after {
background: #000 none repeat scroll 0 0;
bottom: -12px;
content: "";
height: 5px;
left: 50%;
position: absolute;
width: 90px;
margin-left: -45px;
} */
.single-service {
	background: #fff none repeat scroll 0 0;
	padding: 29px 11px 40px;
	position: relative;
	text-align: center;
	transition: all 0.4s ease 0s;
}
.single-service:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.serial-service > span {
	color: #f6f6f6;
	font-size: 97px;
	font-weight: bold;
	left: 50%;
	margin-left: -80px;
	position: absolute;
	top: 25px;
	width: 160px;
	z-index: 1;
}


.h2-c-ifo .provide_images::after {
	border: 10px solid rgba(0, 0, 0, 0.05);
	content: "";
	display: block;
	height: 100%;
	left: -70px;
	position: absolute;
	top: -70px;
	transition: all 300ms linear 0s;
	width: 100%;
	z-index: 1;
}

.h2-c-ifo .provide_images {
	cursor: pointer;
	float: right;
	max-width: 502px;
	position: relative;
	transition: all 300ms linear 0s;
}
/* .h2-c-ifo:hover .provide_images::after, .h2-c-ifo:focus .provide_images::after {
left: 0;
top: 0;
z-index: 3;
} */
.provide_images .imagese {
	position: relative;
	z-index: 2;
}

/* Buttons */
.btn {
	border-radius: 5px;
	font-weight: 500;
	letter-spacing: 0;
	margin: 5px;
	padding: 10px 44px;
	transition: all 0.2s ease-in 0s;
}

.btn-sm {
	font-weight: 700;
	letter-spacing: 0.5px;
	border-radius: 5px;
	padding: 8px 20px;
}

.btn-md {
	padding: 10px 27px;
}

.btn-default {
	color: white;
	background-color: #777777;
	border-color: #777777;
}

.btn-default:hover, .btn-default:focus {
	color: white;
	background-color: #222222;
	border-color: #222222;
	outline: none;
}

.btn-primary {
	color: white;
	background-color: #000 ;
	border-color: #000 ;
}
.portfolio-pg-area.ex-p-area1.ex-p-area2 {
	padding-bottom: 111px;
}
.btn-primary:hover, .btn-primary:focus {
	color: white;
	background-color: #222222 !important;
	border-color: #222222 !important;
	outline: none;
}

.btn-success {
	color: white;
	background-color: #86d244;
	border-color: #86d244;
}

.btn-success:hover, .btn-success:focus {
	color: white;
	background-color: #68b624;
	border-color: #68b624;
	outline: none;
}

.btn-info {
	color: white;
	background-color: #009eef;
	border-color: #009eef;
}

.btn-info:hover, .btn-info:focus {
	color: white;
	background-color: #0084c9;
	border-color: #0084c9;
	outline: none;
}

.btn-warning {
	color: white;
	background-color: #ffbf25;
	border-color: #ffbf25;
}

.btn-warning:hover, .btn-warning:focus {
	color: white;
	background-color: #eeab09;
	border-color: #eeab09;
	outline: none;
}

.btn-danger {
	color: white;
	background-color: #f11a1a;
	border-color: #f11a1a;
}

.btn-danger:hover, .btn-danger:focus {
	color: white;
	background-color: #d90707;
	border-color: #d90707;
	outline: none;
}

.btn-link {
	color: #000000;
	background-color: transparent;
	border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
	color: #000000;
	background-color: transparent;
	border-color: transparent;
	text-decoration: none;
	outline: none;
}

/* Thumbnails */
.img-thumbnail {
	padding: 0;
	background-color: transparent;
	border: 1px solid #ddd;
	border-radius: 0;
	margin-right: 20px;
	margin-bottom: 20px;
}

.center {
	text-align: center;
}

/* Labels */
.label {
	padding: 12px 24px;
	font-size: .5em;
	font-weight: 700;
	color: white;
	border-radius: 5px;
}

.label-default {
	background-color: #777777;
}

.label-primary {
	background-color: #000000;
}

.label-success {
	background-color: #86d244;
}

.label-info {
	background-color: #009eef;
}

.label-warning {
	background-color: #ffbf25;
}

.label-danger {
	background-color: #f11a1a;
}

h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label, p .label {
	line-height: 40px;
}



/* Badges */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: white;
	background-color: #000000;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: #000000;
}

.badge {
	color: white;
	background-color: #000000;
}

/* Alerts */
.alert-success {
	color: white;
	background-color: #86d244;
	border-color: #68b624;
}

.alert-info {
	color: white;
	background-color: #009eef;
	border-color: #0084c9;
}

.alert-warning {
	color: white;
	background-color: #ffbf25;
	border-color: #eeab09;
}

.alert-danger {
	color: white;
	background-color: #f11a1a;
	border-color: #d90707;
}

/* Progress Bars */
.progress-title span {
	float: right;
}

.progress {
	height: 20px;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.progress-bar-default {
	background-color: #777777;
}

.progress-bar {
	background-color: #000000;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.progress-bar-success {
	background-color: #86d244;
}

.progress-bar-info {
	background-color: #009eef;
}

.progress-bar-warning {
	background-color: #ffbf25;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
	-webkit-transition-duration: 10s;
	transition-duration: 10s;
}

.progress-bar-danger {
	background-color: #f11a1a;
}
/* Animations */
.animated {
	-webkit-animation-duration: 1.5s !important;
	animation-duration: 1.5s !important;
}

.second.animated {
	-webkit-animation-duration: 2.5s !important;
	animation-duration: 2.5s !important;
}

.third.animated {
	-webkit-animation-duration: 2.6s !important;
	animation-duration: 2.6s !important;
}

.fourth.animated {
	-webkit-animation-duration: 2.8s !important;
	animation-duration: 2.8s !important;
}

.fifth.animated {
	-webkit-animation-duration: 3s !important;
	animation-duration: 3s !important;
}

.sixth.animated {
	-webkit-animation-duration: 3.2s !important;
	animation-duration: 3.2s !important;
}

.seventh.animated {
	-webkit-animation-duration: 3.4s !important;
	animation-duration: 3.4s !important;
}

.eighth.animated {
	-webkit-animation-duration: 3.5s !important;
	animation-duration: 3.5s !important;
}

.nineth.animated {
	-webkit-animation-duration: 3.6s !important;
	animation-duration: 3.6s !important;
}
/* List Groups */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	color: white;
	background-color: #000000;
	border-color: #000000;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
	color: #cccccc;
}
.footer_top .logo.text-upper {
	padding-bottom: 10px;
	padding-top: 0;
}
.footer_top .widget_title {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 16px;
	text-transform: capitalize;
}
.footer_top {
	background: #2b2b2b none repeat scroll 0 0;
	padding: 84px 0 74px;
}
.footer_top .logo.text-upper a {
	color: #ffe01e;
}
.com_info > p {
	color: #fff;
}
.quick_link li a::before {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 9px;
	margin-right: 8px;
	transition: all 0.3s ease 0s;
	width: 9px;
}
.touch li h6 {
	color: #222;
	font-size: 16px;
	margin-bottom: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	position: relative;
	text-transform: capitalize;
}
.blog-title-primary {
	font-size: 16px;
}
.touch li h6 i {
	background: #000000 none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	height: 31px;
	left: 0;
	line-height: 32px;
	position: absolute;
	text-align: center;
	top: -5px;
	width: 31px;
}
.touch li p {
	padding-left: 40px;
}
.quick_link li {
	margin-bottom: 14px;
	transition: all 0.3s ease 0s;
}
.quick_link li:hover {
	padding-left: 5px;
}
.quick_link li:hover a::before {
	background-color: #fff;
	opacity: 0.6;
}
.footer_top p {
	color: #fff;
	line-height: 28px;
}
.touch li p {
	padding: 0;
}
.business_hour a {
	color: #fff;
}
.business_hour a:hover {
	opacity:0.6;
}
.social-icon.Footer-social-icon {
	margin-top: 10px;
}
.quick_link li a {
	color: #fff;
	position: relative;
	text-transform: capitalize;
	transition: all 0.4s ease 0s;
}
.quick_link li a:hover {
	color: #fff;
	opacity: 0.6;
}
.business_hour ul li {
	color: #222;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 8px;
	margin-top: 15px;
	width: 100%;
}
.business_hour ul li label {
	color: #000000;
	float: right;
}
.social-icon.Footer-social-icon > a {
	border-color: #fff;
	border-radius: 500%;
	margin: 0 10px 0 0;
	color: #fff;
}
.social-icon.Footer-social-icon > a:hover{ 
	border-color: #edd82e;
	color: #edd82e; 
}

.social-footer-area {
	margin-bottom: 19px;
}
.footer_copyright_area {
	background: #222 none repeat scroll 0 0;
	color: #fff;
	padding: 8px 0;
	text-align: center;
}

/* Panels */
.panel-default > .panel-heading {
	color: white;
	background-color: #777777;
	border-color: #222222;
}

.panel-default {
	border-color: #222222;
}

.panel-primary > .panel-heading {
	color: white;
	background-color: #000000;
	border-color: #000000;
}

.panel-primary {
	border-color: #000000;
}

.panel-success > .panel-heading {
	color: white;
	background-color: #86d244;
	border-color: #68b624;
}

.panel-success {
	border-color: #68b624;
}

.panel-info > .panel-heading {
	color: white;
	background-color: #009eef;
	border-color: #0084c9;
}

.panel-info {
	border-color: #0084c9;
}
.copyright-area {
	font-size: 13px;
	font-weight: 300;
	padding: 12px 0;
	/*  text-transform: uppercase; */
}
.copyright-area > a {
	color: #fff;
}
.copyright-area > a:hover {
	color: #fff;
	opacity:0.6;
}
.panel-warning > .panel-heading {
	color: white;
	background-color: #ffbf25;
	border-color: #eeab09;
}
.copyright-area {
	font-size: 13px;
	padding: 17px 0;
}
.panel-warning {
	border-color: #eeab09;
}
.panel-danger > .panel-heading {
	color: white;
	background-color: #f11a1a;
	border-color: #d90707;
}
.panel-danger {
	border-color: #d90707;
}
.well {
	min-height: 19px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.carousel-control {
	font-size: 34px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none !important;
}
.carousel-control .lnr-chevron-left {
	position: absolute;
	top: 50%;
	left: 15%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	float: left;
}

.carousel-control .lnr-chevron-right {
	position: absolute;
	color: white;
	top: 50%;
	right: 15%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	margin: 8px;
	border: 1px solid white;
	background-color: white;
}
.carousel-indicators li.active {
	width: 12px;
	height: 12px;
	margin: 7px;
	border-width: 2px;
	background-color: transparent;
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
}

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

/* small mobile :320px. */
@media (max-width: 767px) {
	.logo img { margin-left: 0; } 
	.container {width:100%}

	.cta-content .btn {
		float: none;
	}
	.cta-text {
		display: block;
		padding: 30px 0;
		text-align: center;
	}
	#image-slider .carousel-caption h2 {
		font-size: 32px;
	}
	#image-slider .carousel-caption {
		margin-top: -24px;
	}
	.slider-content .btn.btn-primary.sm.page-scroll {
		font-size: 14px;
		margin-top: 25px;
		padding: 13px 29px;
	}
	.portfolio-filter li {
		margin-bottom: 15px;
	}
	.post-nav {
		display: none;
	}
	#video-post {
		padding-bottom: 90px;
	}

}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {width:450px}
	.video iframe {
		width: 100%;
		height: 242px;
	}
	.facts-title {
		font-size: 14px;
	}
	.carousel-caption {
		left: 3%;
	} 

	.post-nav {
		display: none;
	}
	#video-post {
		padding-bottom: 90px;
	}

}
#work.basic-portfolio-area.hm-p-area {
	padding-bottom: 0;
}

.testimonial-box{}
.testimonial-box blockquote {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	margin: 0;
	padding: 50px;
	text-align:center;
	position: relative;
}
.testimonial-box blockquote:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #fff transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 8px;
	bottom: -16px;
	content: "";
	display: block;
	height: 0;
	left: 50%;
	margin-left:-4px;
	position: absolute;
	right: 0;
	width: 0;
}
.testimonial-content{margin-top: 20px;
	position: relative;}
	.testimonial-name {
		font-size: 16px;
		margin: 0;
	}
	.testimonial-pos{font-size: 12px;}
	.testimonial-content {
		margin-top: 20px;
		position: relative;
		text-align: center;
	}
	#facts.funfact {
		background: hsla(0, 0%, 0%, 0) url("../images/3.jpg") repeat scroll center center / cover ;
		padding-bottom: 66px;
		padding-top: 107px;
		position: relative;
	}
	#facts.funfact::before {
		background: hsl(0, 0%, 0%) none repeat scroll 0 0;
		content: "";
		height: 100%;
		left: 0;
		opacity: 0.61;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.page-header-area h2 {
		font-size: 20px;
		margin-bottom: 16px;
		margin-top: 29px;
	}
	.container-area-sblog .single-post-content {
		margin-top: 91px;
		width: 100%;
	}
	#work.basic-portfolio-area.page-portfolio {
		padding-bottom: 0;
	}
	.viewmore .btn.btn-primary.sm.cta-right.page-scroll {
		display: inline-block;
		float: none;
		text-transform: uppercase;
	}
	.viewmore {
		display: block;
		margin-bottom: -22px;
		margin-top: 20px;
		overflow: hidden;
		text-align: center;
	}
	.portfolio-pg-area {
		background: hsl(0, 0%, 98%) none repeat scroll 0 0;
		padding-bottom: 107px;
	}
	.portfolio-pg-area #work {
		background: transparent;
		padding: 31px 0 119px;
	}
	.single-project {
		margin-top: 91px;
	}
	#single-project .single-post-content h3 {
		font-size: 24px;
		font-weight: 600;
		margin: 30px 0;
		text-transform: uppercase;
	}
	#work.related-wk {
		background: hsl(0, 0%, 98%) none repeat scroll 0 0;
		padding-bottom: 69px;
		padding-top: 135px;
	}
	#single-project .about-project {
		background: transparent none repeat scroll 0 0;
		margin-bottom: 10px;
		padding: 21px 20px 54px;
	}
	.about-project .btn.btn-primary.md {
		margin: 0;
	}
	.single-post-content .pricing-table-button {
		padding-bottom: 0;
	}
	.single-project .post-content {
		margin-bottom: 0;
		padding-bottom: 19px !important;
	}
	.no-gutte .portfolio-item{
		padding:0;
		margin:0;
	}
	.no-gutte .row-portfolio {
		margin: 0 15px;
	}
	.owl-carousel .owl-nav div {
		background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
		border-radius: 5px;
		height: 40px;
		left: 20px;
		line-height: 40px;
		margin-top: -20px;
		opacity: 0;
		position: absolute;
		text-align: center;
		top: 50%;
		transform: scale(0);
		transition: all 0.3s ease 0s;
		visibility: hidden;
		width: 40px;
	}
	.owl-carousel .owl-nav div:hover {
		background: #000 none repeat scroll 0 0;
		color: #fff;
	}
	.owl-carousel .owl-nav div.owl-next {
		left: auto;
		right: 20px;
	}
	.owl-carousel:hover .owl-nav div {
		opacity: 1;
		transform: scale(1);
		visibility: visible;
	}
	.error-area .btn.btn-primary.sm.cta-right.page-scroll {
		float: inherit;
		text-transform: uppercase;
	}
	.error-text {
		display: block;
		overflow: hidden;
		padding-bottom: 43px;
		padding-top: 60px;
		text-align: center;
	}
	#pricing.price-area.error-area {
		padding-top: 0;
	}
	.error-text > h1 {
		font-size: 145px;
	}
	.error-area h2 {
		font-size: 40px;
		margin-bottom: 33px;
		text-transform: uppercase;
	}
	.error-text > p {
		margin-bottom: 39px;
	}
	#feature.home-services {
		padding-top: 33px;
	}
	.home-services .page-header {
		margin-bottom: 0;
	}
	.h2-c-ifo .freelancer-image {
		left: 0;
	}
	.h2-c-ifo .company-info > h6 {
		color: rgba(0, 0, 0, 0.24);
		font-size: 20px;
		font-weight: 300;
		text-transform: uppercase;
	}
	#about-freelancer .about-company-title {
		color: #222;
		margin-bottom: 20px;
		text-transform: capitalize;
	}
	#about-freelancer.h2-c-ifo .company-info {
		float: right;
		padding: 83px 0 54px 61px;
	}
	.company-info .author-info > h4 {
		margin-top: 40px;
	}
	.company-info figure.image {
		display: inline-block;
		float: left;
		margin-right: 21px;
		margin-top: 2px;
	}








	#work.h2-pading-pro {
		padding-top: 1px;
	}
	footer.footer-bg.gray-footer {
		background: hsl(0, 0%, 98%) none repeat scroll 0 0;
	}
	.basic-testimonial-area .page-header {
		margin-bottom: 49px;
	}
	.page-header {
		border-bottom: 0 none;
		margin: 50px 0;
		padding-bottom: 3px;
		position: relative;
		text-align: center;
	}
	.basic-portfolio-area .page-header {
		margin-bottom: 40px;
	}
	#pricing.price-area.h4-price {
		padding-top: 32px;
	}
	.h4-price .page-header {
		padding-bottom: 22px;
	}
	.contact-info.h4-contact.contact-page-area-info {
		margin: 0;
		padding: 32px 0 0;
	}
	.h4-contact .page-header {
		margin-bottom: 55px;
	}
	.basic-mobile-menu .mean-nav li {
		margin: 0;
	}

	.single-service .service-icon  {
		transition: all 0.3s ease-in-out 0s;
	}

	.single-service:hover .service-icon  {
		transform: rotateY(-180deg);
	}
	footer {
		background: #fff none repeat scroll 0 0;
	}
	footer.grybg {
		background: #f1f1f1 none repeat scroll 0 0;
	}

	/* Home 2 style */
	.home-services.h2-service-style {
		background: #f9f9f9 none repeat scroll 0 0;
	}
	.h2-service-style .single-feature {
		background: #fff none repeat scroll 0 0;
		border-radius: 5px;
		padding: 50px;
		text-align: left;
	}
	.h2-service-style .single-feature:hover {
		box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
		transform: translateY(-5px);
	}
	.read-more-btn:hover {
		color: #222;
	}
	.page-header.h2-style > h2 {
		font-size: 35px;
		margin-bottom: 17px;
	}
	.page-header.h2-style > p {
		margin: 0 auto;
		width: 57%;
	}
	.h2-service-style .read-more-btn {
		color: #000;
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		margin-top: 6px;
	}

	#about-freelancer.h2-c-info {
		padding: 0;
	}
	.h2-c-info .freelancer-image {
		background: rgba(0, 0, 0, 0) url("../images/video-2.jpeg") no-repeat scroll center center / cover ;
	}
	.h2-c-ifo .video-icon-view.text-center {
		margin: 137px 0;
		text-align: center;
	}
	#about-freelancer.h2-c-info .container-fluid {
		padding-left: 0;
	}
	#about-freelancer.h2-c-info .company-info {
		float: right;
		padding: 87px 0 83px 60px;
	}
	.h2-c-info .play-btn {
		box-shadow: 0 0 0 0 hsla(210, 46%, 2%, 0.38);
	}
	.h2-c-info .about-company-title {
		color: #000;
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 22px;
	}
	.container-fluid .page-header.h2-style > p {
		margin: 0 auto;
		width: 34%;
	}
	.h2-price-style .pricing-table.featured-p-t {
		transform: inherit;
	}
	.h2-price-style .pricing-table {
		transition: all 0.4s ease 0s;
	}
	.h2-price-style .pricing-table:hover {
		box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
		transform: translateY(-5px);
	}
	.h2-style-blog .blog-title-primary {
		font-size: 20px;
	}
	.h2-style-blog .blog-box-layout4 .item-content {
		background-color: #f9f9f9;
		bottom: 0;
		left: 0;
		margin: 0 auto;
		padding: 22px 17px;
		position: relative;
		right: 0;
		width: 100%;
		z-index: 1;
	}
	.h2-style-blog .published-date-dark > li {
		font-size: 13px;
	}
	.h2-style-blog .blog-box-layout4 {
		transition: all 0.4s ease 0s;
	}
	.h2-style-blog .blog-box-layout4:hover {
		box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
		transform: translateY(-5px);
	}
	.h2-style-evaluation .page-header > h2 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	.h2-style-evaluation .page-header {
		margin-bottom: 35px;
	}
	footer.h2-style-footer {
		background: #fff none repeat scroll 0 0;
	}
	#scrollUp {
		background: #000 none repeat scroll 0 0;
	}
	#pricing.price-area.home-price-plan.h2-price-style {
		padding-bottom: 38px;
	}
	.subscribe-area.section-small.h2-style-subscribe {
		background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
		padding: 30px 0;
	}
	.h2-style-subscribe .subscribe-box h2 {
		color: #fff;
		font-size: 35px;
	}
	.h2-style-subscribe .subscribe-box p {
		color: #fff;
		font-family: "Poppins",sans-serif;
		font-size: 15px;
		font-style: italic;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.h2-style-subscribe .newsletter-form .mc-submit {
		background-color: #222;
	}
	.h2-style-subscribe .newsletter-form .mc-submit:hover {
		color: #222;
	}


	.slider-section.style-h4 .slider-content {
		margin: 0 auto;
		width: 40%;
	}
	.slider-section.style-h4 .nrbop.bg-black-alfa-40::before {
		background: rgba(25, 25, 25, 0.55) none repeat scroll 0 0;
	}
	.style-h4 .slider-content {
		top: 65%;
	}
	.style-h4 .slider_button {
		margin-top: 29px;
	}
	.basic-testimonial-area .page-header.h2-style > p {
		color: #fff;
	}
	#pricing.price-area.h4-price.h3-style {
		background: #fff none repeat scroll 0 0;
	}
	.h3-style .pricing-table {
		background: #f1f1f1 none repeat scroll 0 0;
	}
	#contactForm_area.h4-style .contact-info {
		position: relative;
		z-index: 1;
	}
	.h4-style .contact-info.contact-page-area-info {
		margin-top: -3px;
		padding-bottom: 66px;
		padding-top: 0;
	}
	.h2-style-subscribe .newsletter-form .mc-submit:hover {
		color: #fff;
		opacity: 0.6;
	}
	.office_info2_wrapper > h4 {
		font-size: 24px;
		margin-top: 0;
	}
	.office_info2_wrapper p span {
		text-transform: capitalize;
	}
	.contactPage2_section form .name, .contactPage2_section form .email {
		float: left;
		width: 47.7%;
	}
	.contact-info form .name {
		margin-right: 25px;
	}
	.contact-info form .name, .contact-info form .email {
		float: left;
		width: 47.3%;
	}
	.contact-info form input, .contact-info form textarea {
		background: #f8f8f8 none repeat scroll 0 0;
		border: 1px solid #dddddd;
		border-radius: 3px;
		display: block;
		font-size: 16px;
		font-weight: 300;
		margin-bottom: 25px;
		padding: 10px 20px;
		resize: none;
		width: 100%;
	}
	.fw_700 {
		font-weight: 700;
	}
	.contact-info {
		margin-top: 46px;
	}
	.contact-info.contact-page-area-info {
		padding-bottom: 66px;
		padding-top: 45px;
	}
	.contact-info input.btn.btn-primary {
		border-radius: 5px;
		color: #000;
		font-weight: 500;
		text-transform: uppercase;
		width: 37%;
	}
	.contact-info input.btn.btn-primary:hover {
		color: #fff;
	}
	address.address1 {
		float: left;
		margin-top: 27px;
		padding-right: 26px;
		width: 100%;
	}
	.office_info2_wrapper {
		overflow: hidden;
		padding-left: 15px;
	}
	.address1 .sity_title {
		display: inline-block;
		font-size: 17px;
		font-weight: bold;
		margin-bottom: 19px;
		padding-left: 0;
		position: relative;
		text-transform: uppercase;
	}
	.contact-info form input, .contact-info form textarea {
		background: #f8f8f8 none repeat scroll 0 0;
		border: 1px solid #dddddd;
		border-radius: 3px;
		box-shadow: 0 0 0 hsla(0, 0%, 0%, 0) inset;
		color: hsl(0, 0%, 33%);
		display: block;
		font-family: 'Poppins', sans-serif;
		font-size: 15px;
		font-weight: 400;
		margin-bottom: 25px;
		padding: 10px 20px;
		resize: none;
		width: 100%;
	}
	.contact-info form input:focus, .contact-info form textarea:focus {
		border: 1px solid #000000;
	}

	.about-page-area p {
		color: #222;
	}
	.about-page-area {
		padding: 91px 0;
	}
	.quotes {
		background: #f9f9f9 none repeat scroll 0 0;
		border: 1px solid #f0f0f0;
		border-radius: 5px;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		margin-bottom: 0;
		margin-top: 23px;
		padding: 15px 20px 9px;
		position: relative;
		z-index: 9;
	}
	.quotes p {
		font-style: italic;
		line-height: 25px;
		margin: 0;
	}
	.about-page-area .signature {
		display: inline-block;
		float: inherit;
		margin-top: 8px;
		text-align: left;
	}
	.single-feature.text-center {
		text-align: center;
	}
	.about-page-skills .skills {
		position: relative;
	}
	.about-page-skills .skills .skills-bars {
		float: right;
	}
	.about-page-skills {
		padding-top: 85px;
	}
	.about-page-skills .skills .skills-bars p {
		margin-bottom: 50px;
		padding-right: 168px;
	}
	.about-page-skills .about-company-title {
		margin-bottom: 17px;
	}
	#facts.funfact.bg-style-png::before {
		display: none;
	}
	#facts.funfact.bg-style-png {
		background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	}
	#facts.funfact.bg-style-png .counter-number {
		color: #fff;
		font-size: 40px;
		font-weight: 600;
		margin-bottom: 17px;
	}
	.client_active .client > img {
		width: 74%;
	}
	#clients.client.style2-client.grybg {
		background: #f9f9f9 none repeat scroll 0 0;
		margin: 0 0 91px;
	}
	.faqtabs-menu {
		clear: both;
		margin: 0;
		overflow: hidden;
	}
	.faqtabs-menu ul {
		margin-bottom: 0;
	}
	.faqtabs-menu li {
		background-color: #666666;
		border-left: 1px solid #d4d4d1;
		border-right: 1px solid #d4d4d1;
		border-top: 1px solid #d4d4d1;
		color: #ffffff;
		float: left;
		list-style-type: none;
		margin-right: 1px;
	}
	.faqtabs-menu li.current {
		background-color: #fff;
		border-bottom: 1px solid #fff;
		position: relative;
		z-index: 5;
	}
	.faqtabs-menu li a {
		color: #fff;
		display: block;
		font-size: 20px;
		padding: 10px;
		text-decoration: none;
	}
	.faqtabs-menu .current a {
		color: #000000;
	}
	.faqtab {
		background-color: #fff;
		border: 1px solid #d4d4d1;
		margin-bottom: 20px;
		margin-top: -1px;
		width: auto;
	}
	.accordion h2 {
		font-size: 40px;
		margin-bottom: 45px;
	}
	.panel-default {
		border-color: transparent;
	}
	.panel-default > .panel-heading, .panel {
		background-color: #e6e6e6;
		border: 0 none;
		box-shadow: none;
	}
	.panel-default > .panel-heading + .panel-collapse .panel-body {
		background: #fff none repeat scroll 0 0;
		color: #858586;
	}
	.panel-title {
		color: #333333;
		font-size: 16px;
		padding-bottom: 5px;
	}
	.panel-group .panel + .panel {
		border-top: 1px solid #d9d9d9;
		margin-top: 0;
	}
	.panel-group .panel {
		border-radius: 0;
	}
	.panel-heading {
		border-radius: 0;
		padding: 20px;
	}
	.panel-title > a {
		color: #333333;
	}
	.accordion-inner img {
		border-radius: 4px;
	}
	.accordion-inner h4 {
		color: #ffffff;
		margin-top: 0;
	}
	.panel-heading.active {
		background: #333 none repeat scroll 0 0;
		margin-top: 55px;
	}
	.panel-heading.active .panel-title > a {
		color: #fff;
	}
	a.accordion-toggle i {
		background: #d0d0d0 none repeat scroll 0 0;
		border-radius: 0;
		font-size: 20px;
		line-height: 59px;
		margin-right: -15px;
		margin-top: -10px;
		text-align: center;
		width: 45px;
	}
	.panel-heading.active a.accordion-toggle i {
		background: rgba(0, 0, 0, 0) linear-gradient(to top, #ffa211, #ffa211) repeat scroll 0 0;
		color: #fff;
	}
	.panel-heading.active a.accordion-toggle.collapsed i {
		color: #000;
	}

	.no-image-blog .blog-box-layout4 .item-content {
		background: #f9f9f9 none repeat scroll 0 0;
		position: relative;
	}
	.blog-post-small.no-image-blog {
		padding: 0;
	}
	.blog-post-small iframe {
		border: 0 none;
		min-height: 355px;
		padding: 0;
		width: 100%;
	}




	h3.widget-title {
		font-size: 23px;
		margin-bottom: 31px;
		padding-bottom: 0;
		text-transform: uppercase;
	}
	.single-widget {
		margin-bottom: 33px;
	}
	.blog-search form {
		position: relative;
	}
	.single-widget .blog-search form input {
		background: #ffffff none repeat scroll 0 0;
		border: 1px solid #ddd;
		border-radius: 5px;
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
		font-weight: 400;
		height: 45px;
		padding: 0 8px;
		text-transform: capitalize;
		width: 100%;
		transition: all 0.3s ease 0s;
	}
	.blog-search form button {
		background: #222 none repeat scroll 0 0;
		border: medium none;
		border-radius: 0 5px 5px 0;
		color: #ffffff;
		font-size: 18px;
		height: 100%;
		line-height: 0;
		position: absolute;
		right: 0;
		top: 0;
		transition: all 0.3s ease 0s;
		width: 70px;
	}
	.blog-search form button:hover {
		background: #000000 none repeat scroll 0 0;
		color: #ffffff;
	}
	.single-widget .blog-search form input:focus {
		border-color: #000000;
	}
	.blog-search form input::placeholder {
		color: #222;
		font-family: 'Poppins', sans-serif;
		font-size: 15px;
		font-weight: 400;
		text-transform: capitalize;
	}
	.blog-search form button i {
		color: #ffffff;
	}
	.widget-posts-img {
		float: left;
		margin: 0 10px 0 0;
	}
	.widget-posts-info {
		overflow: hidden;
	}
	.widget-posts-info a.post_title {
		color: #222222;
		display: block;
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 3px;
	}
	.widget-posts-info a.post_title:hover {
		color: #16a085;
	}
	.widget-posts li {
		margin-bottom: 30px;
	}
	.instagram-photo img {
		float: left;
		width: 33.3%;
	}
	ul.widget-posts li:nth-child(3) {
		margin: 0;
	}
	.widget-posts-info p {
		margin: 0;
	}
	.widget-list li a {
		color: #333;
		display: inline-block;
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 10px;
		text-transform: capitalize;
	}
	.widget-list li:last-child a {
		margin-bottom: 0;
	}
	.widget-posts-info a.post_title:hover {
		color: #000000;
	}
	ul.widget-tags li {
		float: left;
	}
	ul.widget-tags li a {
		background: #222222 none repeat scroll 0 0 !important;
		border: 1px solid #222 !important;
		color: #fff;
		display: block;
		font-weight: 500;
		margin-bottom: -4px;
		margin-right: 11px;
		padding: 9px 15px;
		text-transform: capitalize;
	}
	ul.widget-tags li a:hover {
		background: #000000 none repeat scroll 0 0 !important;
		border: 1px solid #000000 !important;
		color: #ffffff;
	}
	.blog-right-sidebar {
		margin-bottom: 30px;
		overflow: hidden;
	}
	.widget-posts-img {
		width: 30%;
	}
	.category .widget a {
		color: #222;
		font-weight: bold;
	}
	.category .widget span {
		border-radius: 50px;
		color: #222;
		float: right;
		font-size: 14px;
		font-weight: 500;
		height: 12px;
		line-height: 10px;
		padding: 5px;
		text-align: center;
		width: 25px;
	}
	.category .widget > li {
		border-bottom: 1px solid #ddd;
		margin: 0;
		padding: 14px 0 16px;
	}
	.category .widget a:hover{
		color:#000000;
	}
	.category .widget > li:first-child {
		padding-top: 0;
	}
	.single-post-content img {
		width: 100%;
	}







	.comment-wrapper {
		border-bottom: 0 none;
		margin-bottom: 86px;
		margin-top: 40px;
		overflow: hidden;
		padding: 0;
	}
	.comment-wrapper input, .comment-wrapper textarea {
		border-radius: 4px;
	}
	.comment-wrapper .comment-submit-btn {
		background-color: #011a48;
		border-radius: 0;
		color: #fff;
		float: right;
		font-size: 16px;
		font-weight: 700;
		padding: 15px 40px;
	}
	.comment-wrapper .comment-submit-btn:hover {
		background-color: #ffcc00;
	}
	.comment-title {
		color: #212121;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 30px;
		text-transform: capitalize;
	}
	.comment-responed-wrapper {
		padding: 6px 0;
	}
	.comment-content .comment-reply-link {
		border: 1px solid #d5d7d8;
		color: #989898;
		font-size: 10px;
		padding: 0 15px;
		text-transform: uppercase;
	}
	.comment-content .comment-reply-link:hover {
		background-color: #011a48;
		border-color: #011a48;
		color: #fff;
	}
	.comment-list {
		padding: 0;
	}
	.comment-list > .comments-details {
		border: 1px solid #f2f2f2;
		margin-top: 20px;
		padding: 20px 20px 0;
	}
	.comment-name span {
		clear: both;
		float: right;
	}
	.comment-media .comments-details {
		clear: both;
		margin-bottom: 20px;
	}
	.comment-list > .comments-details > .comment-user {
		border-bottom: 1px solid #f2f2f2;
	}
	.reaply-comment > .comments-details {
		border-bottom: 1px solid #f2f2f2;
	}
	.reaply-comment > .comments-details:last-child {
		border-bottom: medium none;
	}
	.comment-media .comment-img {
		float: left;
		margin: 0 20px 0 0;
	}
	.comment-media .comment-img img {
		border-radius: 50px;
		text-align: center;
		width: 80px;
	}
	.comment-media .comment-content {
		display: block;
		overflow: hidden;
		padding-bottom: 15px;
	}
	.comment-content .comment-name {
		float: left;
		margin-bottom: 5px;
		margin-right: 20px;
	}
	.comment-content .comment-name h4 {
		font-size: 16px;
		text-transform: uppercase;
	}
	.comment-content .comment-time {
		display: block;
		font-size: 12px;
		font-weight: 300;
		margin-top: -2px;
	}
	.comments-details .reaply-comment {
		margin-left: 80px;
		margin-top: 20px;
	}
	.comment-list .media-body h4 {
		font-size: 16px;
		font-weight: 700;
	}
	.comment-list .media-body h4 span {
		font-size: 11px;
		font-weight: 400;
		padding-left: 10px;
		text-transform: capitalize;
	}
	.comment-list .media-left a img {
		margin-top: 7px;
	}
	.comment-content > a:hover{
		color:#222;
	}
	.comment-wrapper .form-control[type="text"], .comment-wrapper .form-control[type="email"] {
		background: #f8f8f8 none repeat scroll 0 0;
		border: 1px solid #dddddd;
		border-radius: 3px;
		box-shadow: 0 0 0 hsla(0, 0%, 0%, 0) inset;
		color: hsl(0, 0%, 33%);
		display: block;
		font-family: 'Poppins', sans-serif;
		font-size: 15px;
		font-weight: 400;
		height: 44px;
		margin-bottom: 25px;
		padding: 10px 20px;
		resize: none;
		width: 100%;
	}
	.comment-wrapper textarea.form-control {
		background: #f8f8f8 none repeat scroll 0 0;
		border: 1px solid #dddddd;
		border-radius: 3px;
		box-shadow: 0 0 0 hsla(0, 0%, 0%, 0) inset;
		color: hsl(0, 0%, 33%);
		display: block;
		font-family: 'Poppins', sans-serif;
		font-size: 15px;
		font-weight: 400;
		margin-bottom: 25px;
		padding: 10px 20px;
		resize: none;
		width: 100%;
	}
	.single-post-content .post-nav {
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		padding: 14px 0;
		position: relative;
		width: 100%;
	}
	.ex-p-area1 {
		padding-bottom: 89px;
		padding-top: 39px;
	}
	.portfolio-pg-area.ex-p-area1 .btn-primary {
		background-color: #000;
		border-color: #000;
		color: white;
		font-weight: 600;
		letter-spacing: 0;
		margin-bottom: 24px;
		margin-top: 12px;
	}
	.viewmore .btn.btn-primary{
		background-color: #000;
		border-color: #000;
		color: white;
		font-weight: 600;
		letter-spacing: 0;
	}














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

.page-loader {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9998;
}

.loader {
	background: #000000;
	position: absolute;
	display: inline-block;
	height: 40px;
	width: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	text-indent: -9999em;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	animation: ball-scale 1s 0s ease-in-out infinite;
}

@-webkit-keyframes ball-scale {

	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

}

@keyframes ball-scale {

	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

}
/* css end here */




/* ====================================================
[Copyright © 2017. All Rights Reserved By Condor ]
====================================================== */