/*
Theme Name: KeOne Theme
Theme URI: http://keone.wpdesigninc.com
Author: wpdesigninc
Author URI: http://wpdesigninc.com
Description: KeOne theme lets you create an ultra responsive website with a unique modern design. 
Version: 1.4.1

Tags: one page, ultra responsive, unique design, parallax image effect, bootstrap, font awesome, seo, isotope portfolio, touch events, google map, creative, responsive-layout, custom-background, custom-colours, custom-menu, editor-style, featured-images, theme-options

Text Domain: wpdinc 
*/

@import "css/font-awesome.min.css";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,700);

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

1 OVERALL STYLING
2 Header
3 Home Section
4 Services Section
5 About Section
6 Testimonial Section
7 Team Section
8 Portfolio Section
9 Blog Section
10 Achievements Section
11 Tables Section
12 Video Section
13 Partners Section
14 Contact Section
15 Footer
16 Intro-Section
17 Work-Section
18 Article-post
19 Sidebar
20 Service section

*************************************/

/* --------------------------------
1 Overall styling
-------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

/* list */

ul, ol
{
	list-style: none;
	list-style-image: none;
}

html { height: 100%; }

/* body */

body
{
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	max-height: 100%;
}

/* links */

a:hover{ text-decoration: none; }
:focus { outline: none; }

/* wp */

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}

/* fonts */

.f-noto { font-family: 'Noto Sans', sans-serif; }
.f-dosis { font-family: 'Dosis', sans-serif; }

/* text align */

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right;}

/* float */

.fl-l { float: left; }
.fl-r { float: right; }

/* border radius */

.rounded_50
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* headings */

h1, h2, h3, h4, h5, h6
{
	display: inline-block;
	font-family: 'Dosis', arial, sans-serif;
	font-weight: normal;
	line-height: 1;
	color: #333333;
}

h2 { font-size: 50px; }
h3 { font-size: 30px; }
h4 { font-size: 20px; }

.page-section { padding-top: 92px; }

.page-section .page-section-inner
{
	margin-top: -92px;
	padding-top: 92px;
}

/* section-title */

.section-title
{
	font-size: 17px;
	font-family: 'Dosis', arial, sans-serif;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 1.4;
	color: #999999;
	max-width: 630px;
	width: 100%;
	margin-bottom: 67px;
}

.section-title__light { color: #ffffff;}

.section-title        h2 { margin-bottom: 15px; }
.section-title__light h2 { color: #ffffff; }

.with-dot
{
	font-family: 'Dosis', arial, sans-serif;
}

.section-title h2 span:before
{
	content: "";
	display: inline-block;
	height: 2px;
	width: 26px;
	margin-right: -26px;
	margin-bottom: -10px;
	position: relative;
	z-index: 1;
}

.section-title__light h2 span:before { background-color: #ffffff !important; }

/* parallax style */

.parallax-section
{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* background alfa */

.bg-dark-alfa-30:before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(34,34,34, .3);
}
.bg-dark-alfa-50:before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(34,34,34, .5);
}

/* social */

.social a
{
	display: inline-block;
	vertical-align: top;
	border-style: solid;
	border-width: 3px;
	text-align: center;

	-webkit-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.social a:first-child { margin-left: 0; }

.social-t1 a
{
	height: 32px;
	width: 32px;
	border-color: #d2d2d2;
	font-size: 15px;
	line-height: 26px;
	color: #d2d2d2;
}

.social-t2 a
{
	height: 39px;
	width: 39px;
	border-color: #ffffff;
	font-size: 17px;
	line-height: 33px;
	letter-spacing: 0;
	margin-top: 10px;
	margin-left: 10px;
	background-color: transparent;
}

.social-t2 a:hover { background-color: #ffffff; }

/* form */

textarea
{
	resize: vertical;
	min-height: 200px;
	margin-bottom: 20px;
}

input,
textarea
{
	display: block;
	width: 100%;
	border: none;
	-webkit-transition: color 400ms ease-in-out, border-color 400ms ease-in-out, background-color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out, border-color 400ms ease-in-out, background-color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out, border-color 400ms ease-in-out, background-color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out, border-color 400ms ease-in-out, background-color 400ms ease-in-out;
	transition: color 400ms ease-in-out, border-color 400ms ease-in-out, background-color 400ms ease-in-out;
}

input[type="text"],
input[type="email"],
textarea
{
	color: #d0d0d0;
	border-width: 2px;
	border-style: solid;
	border-color: #efefef;
	padding: 9px 15px;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus
{
	border-color: #989898;
}

input[type="text"], 
input[type="email"] 
{ 
	height: 40px; 
}

input[type="submit"],
button[type="submit"]
{
	border: none;
}

/* custom btn */

.custom-btn
{
	display: inline-block;
	font-size: 16px;
	text-align: center;
	font-family: 'Dosis', arial, sans-serif;
	color: #fefefe;
	padding: 10px 28px;
	position: relative;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	-webkit-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
}

.custom-btn:hover { background-color: #474747; }

.custom-btn.with-arrow__left:hover { padding: 10px 28px 10px 40px; }
.custom-btn.with-arrow__right:hover { padding: 10px 40px 10px 28px; }
.custom-btn.with-arrow__up:hover { padding: 10px 40px 8px 25px; }
.custom-btn.with-arrow__down:hover { padding: 10px 40px 8px 25px; }

.custom-btn.with-arrow:after
{
	font-size: 14px;
	line-height: 24px;
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	speak: none;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	height: 24px;
	width: 24px;

	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';

	-webkit-transition: opacity 300ms ease-in-out, left 300ms ease-in-out, right 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out, left 300ms ease-in-out, right 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out, left 300ms ease-in-out, right 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out, left 300ms ease-in-out, right 300ms ease-in-out;
	transition: opacity 300ms ease-in-out, left 300ms ease-in-out, right 300ms ease-in-out;
}

.with-arrow.with-arrow__left:after
{
	content: '\f0a8';
	left: 20px;
}

.with-arrow.with-arrow__right:after
{
	content: '\f0a9';
	right: 20px;
}

.with-arrow.with-arrow__up:after
{
	content: '\f0aa';
	right: 10px;
}

.with-arrow.with-arrow__down:after
{
	content: '\f0ab';
	right: 10px;
}

.custom-btn.with-arrow:hover:after
{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.with-arrow.with-arrow__left:hover:after { left: 10px; }
.with-arrow.with-arrow__right:hover:after { right: 10px; }

/* ---------------------------------------------------------------- */

.resizable_block
{
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
}

.resizable_block .fullwidth, 
.resizable_block iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* preloader */

#preloader
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fefefe;
	z-index: 999999;
}

#status
{
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(images/preload.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

/* --------------------------------
2 Header
-------------------------------- */

header
{
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 115px 0 55px;
	height: 100px;
	z-index: 100;	
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-color: rgba(255,255,255,0.3);
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

header:before
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin-left: -4px;
}

header img { display: inline-block; }

#menu-link
{
	position: absolute;
	top: 50%;
	right: 35px;
	margin-top: -18px;
	padding: 16px 13px;
	opacity: 1;

	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

#menu-link span
{
	display: block;
	position: relative;

	opacity: 0.5;
	filter: alpha(opacity=50);
}

#menu-link span,
#menu-link span:before,
#menu-link span:after
{
	height: 4px;
	width: 23px;
	background-color: #ffffff;

	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

#menu-link span:before,
#menu-link span:after
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

#menu-link span:before { top: -8px; }
#menu-link span:after { top: 8px; }

#menu-link:hover span
{
	opacity: 1;
	filter: alpha(opacity=100);
}

header.active #menu-link span { background-color: transparent; }

header.active #menu-link span:before,
header.active #menu-link span:after
{
	top: 0;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

header.active #menu-link span:before
{
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

header.active #menu-link span:after
{
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}


/* navigation */

#navigation
{
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 2px;
	margin-top: 2px;
	max-width: 0;

	-webkit-transition: max-width 350ms ease-in-out;
	-moz-transition: max-width 350ms ease-in-out;
	-ms-transition: max-width 350ms ease-in-out;
	-o-transition: max-width 350ms ease-in-out;
	transition: max-width 350ms ease-in-out;
}

header.active #navigation { max-width: 555px; }

#navigation span
{
	display: inline-block;
	vertical-align: top;
	margin-left: 16px;
}

#navigation span:first-child { margin-left: 45px; }

#navigation a
{
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #ffffff;
	font-size: 14px;
}

#navigation a:after
{
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	height: 1px;
	width: 0;
	background-color: #ffffff;

	-webkit-transition: width 300ms;
	-moz-transition: width 300ms;
	-ms-transition: width 300ms;
	-o-transition: width 300ms;
	transition: width 300ms;
}

#navigation a:hover:after { width: 10px; }
#navigation a.selected:after { width: 100%; }

/* --------------------------------
3 Home Section
-------------------------------- */

.home-section {
	width: 100%;
	display: block;	
	position: relative;
    overflow: hidden;
}
.js-height-full {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.home-content {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 35%;
}
.home-text {
	padding: 0 50px;
}
.home-title {
	display: block;
	font-family: Dosis, arial, sans-serif;
	letter-spacing: 0.3em;
	margin-top: 0;
	margin-bottom: 70px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
}
.home-subtitle {
	display: block;
	font-family: Dosis, arial, sans-serif;
	letter-spacing: 0.2em;
	margin-top: 0;
	position: relative;
	font-size: 48px;
	font-weight: 400;
	line-height: 1.2;
}
.home-btn {
	margin-top:100px;
}
.home-link {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 2px solid rgba(255,255,255, .75);
	background: transparent;
	padding: 8px 37px;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	-webkit-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
}

.home-link:hover { background-color: #ffffff; color: #474747 !important; }

.img-slide {
	width: 100%;
}

/* --------------------------------
4 Services Section
-------------------------------- */

#services-section  .page-section-inner { padding-bottom: 75px; }

/* .service_slider_nav starts */
.service_slider .service_slider_nav {
	margin: 0 0 61px 0;
}
.service_slider .service_slider_nav .owl-wrapper{
	border-bottom: 1px solid #333333;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	margin-bottom: 7px;
}
.service_slider .owl-buttons {
	
}
.service_slider .service_slider_nav .owl-item {
	cursor: pointer;
	display: inline-block;
	float: none;
	font-size: 0;
	position: relative;
	vertical-align: bottom;
	text-align: center;
}
.service_slider .service_slider_nav .owl-item:before {
	bottom: -7px;
	background-color: #464646;
	border: 2px solid rgba(0,0,0,0);
	border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		-o-border-radius: 100px;
		-ms-border-radius: 100px;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	height: 12px;
	width: 12px;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	z-index: 9;
}

.service_slider .service_slider_nav .owl-item.served:before, .service_slider .service_slider_nav .owl-item:hover:before {
	bottom: -8px;
	border: 2px solid #F36639;
	margin-left: -7px;
	height: 14px;
	width: 14px;
}
.service_slider .service_slider_nav span {
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 43px;
	padding: 0 35px;
	opacity: 0.4;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.light_font .service_slider_nav span {
	color: #ffffff;
}

.service_slider .service_slider_nav .served span, .service_slider .service_slider_nav .owl-item:hover span {
	opacity: 1;
}
/* .service_slider_nav ends */

/* .service_detail starts */
.service_slider_slides{
	cursor: move;
}
.service_slider_slides img {
	max-width: 600px;
}
.service_slide {
	margin-left: -15px;
}
.service_detail {
	margin-top: 10px;
	text-align: left;
	color: #ffffff;
}
.service_detail h2 {
	font-size: 35px;
	font-weight: 400;
	line-height: 44px;
	margin-bottom: 22px;
	text-transform: uppercase;
}
.service_detail h3 {
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 21px;
	color: #ffffff;
}
.service_detail p {
	font-size: 15px;
	line-height: 22px;
}
.service_img {
	overflow:hidden;
}
/* .service_detail ends */


/* --------------------------------
5 About Section
-------------------------------- */

#about-section
{
	padding-bottom: 75px;
	overflow: hidden;
}

/* about small title */

#about-section h3 { margin-bottom: 20px; }

/* about image */

#about-section .image-place
{
	position: absolute;
	right: 0;
	float: right;
}

#about-section .image-place img { max-width: 100%; }

#about-section [class*="col"] { margin-bottom: 30px; }

#about-section [class*="col"] p
{
	line-height: 1.6;
	margin-top: 20px;
}

#about-section [class*="col"] h3 + p { margin-top: 0; }

/* skills */

.skill-bar { margin-top: 9px; }

.skill-bar:first-child { margin-top: 0; }

.skill-bar > span
{
	display: block;
	line-height: 1;
}

.skill-bar .skill-percent { float: right; }

.progress-bar
{
	height: 15px;
	display: table;
	width: 100%;
	margin-top: 5px;
}

.progress-bar span
{
	display: table-cell;
	width: 100%;
	background-color: #263f4b;
}

.progress-bar span:first-child { width: 0; }

/* --------------------------------
6 Testimonial Section
-------------------------------- */

#testimonial-section
{
	overflow: hidden;
}

#testimonial-section .page-section-inner { padding-bottom: 15px; }

/* testimonial-ico */

#testimonial-ico
{
	display: inline-block;
	height: 67px;
	width: 67px;
	border-width: 5px;
	border-style: solid;
	font-size: 35px;
	line-height: 57px;
	margin-bottom: 25px;
}

/* testimonial-slider */

#testim1
{
	color: #ffffff;
	font-size: 15px;
	font-style: italic;
	line-height: 1.5;
}

#testim1 .slide { padding: 0 20px; }

#testim1 .item
{
	padding: 20px;
	margin: 5px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}

#testim2 .item
{
	color: #FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}
#testim2 .item h1{
  font-size: 18px;
}

#testim2 .testimed .item a
{
    background: #d2d2d2;
}

/* client-list */

#testim2
{
	margin: 25px 0px 0;
	padding: 50px 0px 0;
	display: inline-block;
	vertical-align: top;
	border-top: 1px solid rgba(255,255,255,0.38);
}

#testim2 .owl-item
{
	height: 140px;
	vertical-align: top;
}

#testim2 a,
#testim2 img
{
	display: block;
}
#testim2 a
{
	height: 66px;
	width: 66px;
	overflow: hidden;
	position: relative;
	margin: auto;
    border: 1px solid;
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	-moz-transition: -moz-transform 300ms ease-in-out;
	-ms-transition: -ms-transform 300ms ease-in-out;
	-o-transition: -o-transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
}

#testim2 a.active
{
	cursor: default;

	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

#testim2 a:before
{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-style: solid;
	border-width: 0;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: border-width 300ms ease-in-out;
	-moz-transition: border-width 300ms ease-in-out;
	-ms-transition: border-width 300ms ease-in-out;
	-o-transition: border-width 300ms ease-in-out;
	transition: border-width 300ms ease-in-out;
}

#testim2 a:hover:before { border-width: 5px; }
#testim2 a.active:hover:before { border-width: 0; }

/* testim2 description */

#testim2 .description
{
	margin-top: 20px;
}

#testim2 span
{
	display: block;
	line-height: 1;
}

#testim2 .name
{
	font-size: 13px;
	margin-bottom: 2px;
}

#testim2 .position
{
	font-size: 11px;
	font-style: italic;
}


/* --------------------------------
7 Team Section
-------------------------------- */

#team-section { padding-bottom: 75px; }

@media (min-width: 992px) {

	#team-section .first { text-align: right;}

	#team-section .first img
	{
		float: right;
		margin: 0 0 5px 30px;
	}
}

/* team item */

.team-item
{
	line-height: 1.6;
	margin-bottom: 15px;
}

/* team photo */

.team-item img
{
	float: left;
	margin: 0 30px 5px 0;
}

/* team name */

.team-item .name
{
	display: block;
	margin-top: 10px;
	margin-bottom: 3px;
}

/* team position */

.team-item .position
{
	display: block;
	color: #333333;
	font-family: 'Dosis', arial, sans-serif;
	font-size:14px;
	margin-bottom: 7px;
}

.team-item .social { margin-top: 15px; }

/* --------------------------------
8 Portfolio Section
-------------------------------- */

#portfolio-section { position: relative; }

/* portfolio list category */

#option-set { margin-bottom: 15px; }

#option-set li
{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
}

#option-set a
{
	display: inline-block;
	color: #ffffff;
	padding: 0 22px;
	height: 34px;
	line-height: 28px;
	position: relative;
	border-style: solid;
	border-width: 3px;
	border-color: rgba(255,255,255,0.3);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	-webkit-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
}

#option-set a:hover,
#option-set a.selected
{
	border-color: #ffffff;
}

/* portfolio list */

#portfolio-list
{
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;

	-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-ms-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
}

.isotope-item{
	z-index: 2;
}

/* End: Recommended Isotope styles */

/* portfolio list item */

.portfolio-item
{
	float: left;
	width: 19.98%;
	position: relative;
	overflow: hidden;
}

.portfolio-item figure
{
	position: relative;
	height: 0;
	width: 100%;
	padding-top: 62.5%;
}

/* portfolio image */

.portfolio-item img
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

	-webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: -moz-transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: -ms-transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: -o-transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.portfolio-item:hover img
{
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}

/* portfolio overlay */

.portfolio-item .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 10px;

	opacity: 0;
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	-webkit-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.portfolio-item:hover .overlay
{
	opacity: 1;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.portfolio-item .overlay span
{
	display: inline-block;
	vertical-align: top;
	margin: 0 2px;
	text-align: center;

	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);

	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: -moz-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: -ms-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: -o-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.portfolio-item:hover .overlay span + span
{
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.portfolio-item:hover .overlay span
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.portfolio-item-title {
	color: #fff;
	position: absolute;
	right: -2px;
	bottom: 0px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 5px 10px;
	-webkit-border-radius: 14px 0 0 0;
	-moz-border-radius: 14px 0 0 0;
	border-radius: 14px 0 0 0;
}

/* portfolio link */

.portfolio-item .overlay a
{
	display: block;
	height: 40px;
	width: 40px;
	background-color: #ffffff;
	font-size: 19px;
	line-height: 40px;
	color: #626262;

	-webkit-transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.portfolio-item .overlay a:hover
{
	color: #ffffff;

	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

#more-project
{
	display: block;
	background-color: #333333;
	color: #ffffff;
	line-height: 1;
	padding: 23px 0 24px;
}

#more-project i
{
	display: inline-block;
	vertical-align: top;
	font-size: 9px;
	margin: 2px 0 0 2px;
}
#more-project .custom-btn {
	background-color: #474747;
	border-style: solid;
	border-width: 2px;
	border-color: rgba(255,255,255,0.3);
}
#more-project .custom-btn:hover {
	background-color: #393939;
}
.project-btn.custom-btn {
	background-color: #ffffff;
	width: 115px;
	padding: 0;
	color: #d2d2d2;
}
/* --------------------------------
9 Blog Section
-------------------------------- */

#blog-section { padding-bottom: 50px; }

.blog-item { margin-bottom: 45px; }

/* blog preview */

.blog-preview
{
	position: relative;
	margin-bottom: 25px;
	min-height: 40px;
}

.blog-preview .entry-meta
{
	position: absolute;
	top: 0;
	left: 0;
}

.entry-post { margin-bottom:30px; }

.entry-meta
{
	display: inline-block;
	vertical-align: top;
	height: 40px;
	background-color: #474747;
	font-size: 14px;
	font-family: 'Dosis', arial, sans-serif;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
}

/* blog date */

.entry-meta .date { 
	padding: 0 12px; 
	height: 100%;
	float: left;
}

/* blog category */

.entry-meta .category
{
	font-weight: 300;
	height: 100%;
	float: left;
}

.entry-meta .post-categories li { 
	float: left; 
	padding: 0 15px;
	border-right: 1px solid #777777;
}

/* blog image */

.blog-preview img { width: 100%; height: 210px;}

/* blog title */

.blog-titles {
	margin-bottom: 8px;
}
.blog-title
{
	max-width: 630px;
	width: 100%;
	padding: 0;
	margin: 0 0 35px 200px;
}
.blog-title h2 {
font-size: 40px;
}
.blog-title a
{
	color: inherit;
	line-height: 1.2;

	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

.blog-cont p
{
	line-height: 1.6;
	margin-top: 20px;
	margin-bottom: 7px;
}

.blog-cont p:first-child { margin-top: 0; }

/* blog meta */

.blog-meta { padding-top: 5px; }

.blog-meta span
{
	display: inline-block;
	vertical-align: top;
	color: #b6b5b5;
	font-size: 12px;
	margin-left: 15px;
}

.blog-meta span:first-child { margin-left: 0; }

/* blog meta icon */

.blog-meta i
{
	color: #e7e7e7;
	margin-right: 5px;
}

.blog-meta i.fa-comment { font-size: 12px;}

.blog-meta i
.blog-meta a
{
	display: inline-block;
	vertical-align: top;
}

.blog-meta a { color: inherit; }

#blog-controls li { 
	display: inline-block;
}

#blog-controls a { 
	padding: 3px 10px;
	border: 2px solid;
	height: 39px;
	width: 39px;
	font-size: 17px;
	line-height: 33px;
	letter-spacing: 0;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
}
#blog-controls a:hover,
#blog-controls .selected { 
	color: #fff;
}
#blog-controls .fa-angle-left { 
	padding-right: 2px;
	font-weight: bold;
}
#blog-controls .fa-angle-right { 
	padding-left: 2px;
	font-weight: bold;
}

/* --------------------------------
10 Achievements Section
-------------------------------- */

#achievements-section
{
	overflow: hidden;
}

#achievements-section .page-section-inner { padding-bottom: 52px; }

#counters { margin-left: -27px; }

/* counter item */

#counters .counter-item
{
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	font-family: 'Dosis', arial, sans-serif;
	min-width: 170px;
	margin-left: 27px;
	margin-bottom: 40px;
}

#counters span
{
	display: block;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
}

/* counter ico */

#counters span:first-child
{
	height: 121px;
	width: 121px;
	border: 6px solid #ffffff;
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 109px;
}

/* counter details */

#counters .counter-details
{
	font-size: 25px;
	margin-bottom: 5px;
}

/* counter count */

#counters .count
{
	font-size: 70px;
	font-weight: 700;
}

/* --------------------------------
11 Tables Section
-------------------------------- */

#tables-section
{
	padding-bottom: 120px;
	background-color: #fafafa;
}

.price-wrap {}

/* price item */

.price-item
{
	float: left;
	width: 25%;
	background-color: #ffffff;
	border: 1px solid #f7f7f7;
	padding-bottom: 32px;
	padding-top: 30px;
	margin-bottom: 30px;
}

.price-item__selected
{
	padding-top: 28px;
	border: none;
	color: #ffffff;
	position: relative;
	top: -20px;
	margin-bottom: -10px;
}

/* price title */

.price-title { color: #999999; }

.price-item__selected .price-title , .price-item__selected .price-title h3 { color: #ffffff; }

.price-title,
.price-price
{
	font-size: 16px;
	font-family: 'Dosis', arial, sans-serif;
	font-weight: 300;
	margin-bottom: 25px;
}

.price-price
{
	height: 158px;
	width: 158px;
	color: #ffffff;
}

.price-item__selected .price-price
{
	height: 181px;
	width: 181px;
	background-color: #ffffff;
}

.price-price:before
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}

.price-price div
{
	display: inline-block;
	vertical-align: middle;
}

.price-price p:first-child
{
	font-size: 50px;
	font-weight: normal;
	line-height: 1;
}

.price-price p:first-child:after
{
	content: attr(data-currency);
	display: inline-block;
}

.price-price p + p:before
{
	display: inline-block;
	content: "/";
	margin-right: 1px;
}

/* price list */

.price-item ul { margin-bottom: 30px; }

.price-item__selected ul{ margin-bottom: 51px; }

.price-item li
{
	line-height: 1.2;
	display: block;
	border-bottom: 1px solid #f7f7f7;
	padding: 17px 0;
}

.price-item__selected li { border-bottom: 1px solid rgba(253,253,253,0.10); }

.price-item li:nth-of-type(even) { background-color: #fdfdfd; }

.price-item__selected li:nth-of-type(even) {background-color: rgba(253,253,253,0.10);}

.price-item__selected [class^="fa-"],
.price-item__selected [class*=" fa-"]
{
	color: #ffffff !important;
}

/* price button */

.price-item > a
{
	display: inline-block;
	font-size: 16px;
	line-height: 1.3;
	color: #ffffff;
	background-color: #363636;
	padding: 10px 28px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	-webkit-transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}

.price-item > a:hover {}

.price-item__selected > a:hover { background-color: #ffffff !important; }

/* --------------------------------
12 Video Section
-------------------------------- */

.video-section
{
	height: auto;
	position: relative;
}

#video-section__1 { padding-bottom: 88px; }

#video-section__1:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.video-control
{
	font-size: 25px;
	font-family: 'Dosis', arial, sans-serif;
	color: #ffffff;
}

/* video plya button */

.video-control .control-btn
{
	height: 115px;
	width: 115px;
	position: relative;
	margin-bottom: 20px;
	font-size: 50px;
	color: inherit;

	-webkit-transition: background-color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
}

.video-control .control-btn:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-width: 6px;
	border-style: solid;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.video-control .control-btn:hover:before
{
	top: -18px;
	right: -18px;
	bottom: -18px;
	left: -18px;
}

.video-control .control-btn:after
{
	content: "";
	height: 100%;
}

.video-control .control-btn:after,
.video-control .control-btn i
{
	display: inline-block;
	vertical-align: middle;
}

.video-control .control-btn i:before { margin-left: 10px; }

/* --------------------------------
13 Partners Section
-------------------------------- */

#partners-section { padding-bottom: 100px; }

/* partners slider */

#partners-slider .owl-pagination { top: 90px; }

#partners-slider .slide { 
	text-align: center; 
}

/* slider image */

#partners-slider img
{
	opacity: 0.37;
	filter: alpha(opacity=37);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=37)';

	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}

#partners-slider img:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

/* --------------------------------
14 Contact Section
-------------------------------- */

#contact-section
{
	position: relative;
	border-top: 2px solid #363636;
}

.contact-description:before
{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

/* contact map */

#map
{
	height: 400px;
}
#gmap iframe
{
	height: 400px;
	width:100% !important;
}

/* contact item */

.contact-item
{
	color: #ffffff;
	font-size: 25px;
	line-height: 1;
	margin-bottom: 30px;
	padding-bottom: 40px;
	text-align: center;
}

/* contact ico */

.contact-item > span
{
	border-width: 4px;
	border-style: solid;
	height: 61px;
	width: 61px;
	text-align: center;
}

.contact-item > span:before
{
	height: 100%;
	width: 100%;
	line-height: 53px;
}

.contact-item div {  margin-top: 20px; }

/* contact text */

.contact-item div:before
{
	content: "";
	height: 100%;
}

.contact-item div:before ,
.contact-item div p
{
	display: block;
	vertical-align: middle;
}

.contact-item div span
{
	display: block;
	font-size: 16px;
	line-height: 1.2;
}

.contact-item div a { color: inherit; }

.contact-more {
	position: relative;
	z-index: 2;
}
.contact-more-btn {
	margin: 5px 0;
	padding: 10px 25px 8px;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255,255,255,0.3);
	cursor: pointer;
}
.send_msg {
	display: none;
	margin-top: 5px;
}

.send_msg .wpcf7-form p:nth-child(-n+4) 
 {
	display: inline-block;
}
.send_msg input[type="text"]
{
	display: inline-block;
	margin-top:3px;
}
.send_msg textarea {
	max-width: 1000px;
	margin: 3px auto;
}
.send_msg .wpcf7-submit {
	width: 170px;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	padding: 10px 28px;
	margin: 10px 0;
	color: #474747;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
}
.send_msg .wpcf7-submit:hover {
	background-color: #474747;
	color: #ffffff;
}
.send_msg p {
	color: #ffffff;
}

/* --------------------------------
15 Footer
-------------------------------- */

footer
{
	color: #ffffff;
	padding: 40px 0 25px;
}

/* footer link */

footer a,
footer a:hover { color: inherit; }

/* footer social */

footer .social
{
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

/* footer button top */

#to-top
{
	float: right;
	font-size: 23px;
	line-height: 30px;
	padding: 0 5px;
	vertical-align: top;
	border-style: solid;
	border-width: 2px;
	text-align: center;
	-webkit-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out, color 300ms ease-in-out, background-color 300ms ease-in-out;
}

#to-top:hover { background-color: #ffffff; border-color: #ffffff; }

/* footer copuright text */

#copyright
{
	font-size: 12px;
	line-height: 39px;
	position: absolute;
	left: 15px;
}

/* --------------------------------
16 Intro-Section
-------------------------------- */

#intro-section > div:first-child { height: 193px; }
#intro-portfolio-section > div:first-child { height: 193px; }
.intro-title-nodisplay { display:none; }

/* --------------------------------
17 Work-Section 
-------------------------------- */

#work-section { padding-bottom: 100px; }

/* work slider */

#work-slider {}

/* work description */

#work-description {}

#work-description p { margin: 22px 0; }

#description-info
{
	color: #333333;
	font-family: 'Dosis', arial, sans-serif;
	margin-top: 30px;
}

#description-info span
{
	display: block;
	margin-bottom: 2px;
}

#description-info a
{
	text-decoration: underline;
	color: inherit;
}

#description-info a:hover { text-decoration: none; }

/* work social */

#work-description .social { margin: 30px 0; }

/* --------------------------------
18 Article-post ( blog_post )
-------------------------------- */

.article-post .entry-meta {
	display: block;
	height: auto;
}
 
.article-post .entry-meta  .date,  
.article-post .entry-meta  .category  {
	float:none !important;
	display:block;
}
.article-post .entry-meta  .category  a {
	display: block;
	background-color: #474747;
	border-bottom: 1px solid #777777;
}

/* post info (left side ) */

.post-info { width: 170px; }

.post-info .blog-meta { padding-top: 20px; }

.post-info .blog-meta span
{
	display: block;
	margin-left: 0;
}

.post-info .blog-meta span:first-child { margin-bottom: 2px; }

.post-info .tag-list  { padding-top: 15px; }
.post-info .tag-list  li { padding-top: 5px; }
.post-info .tag-list  .tag-items { 
	float: right; 
	margin-left:10px;
}
.post-info .tag-list  .tag-items i { 
	color: #e7e7e7;
}

.post-cont { margin-left: 200px; }

.post-cont__intro { margin-bottom: 25px; }

/* work image */

.post-cont__intro img { width: 100%; }

/* work title */

.post-cont h4 { line-height: 1.2; }

/* work text */

.post-cont > p
{
	margin-top: 15px;
	margin-bottom: 20px;
}

.post-cont p { line-height: 1.7; margin:10px 0; }

/* comments */

#post-comment { margin-top: 50px; }

#post-comment__list { padding-top: 25px; }

#post-comment__list li {}

.post {
	margin-right: 15px;
}

.post-cont .owl-pagination {
	top: 10px;
}

.comment-wrapper {}

/* comment photo author */

.user-avatar
{
	height: 70px;
	width: 70px;
	margin-right: 15px;
}

.comment-content
{
	position: relative;
	background-color: #fbfbfb;
	margin-left: 85px;
	margin-bottom: 30px;
	padding: 0 15px 15px 0;
}

/* comment author */

.comment-author
{
	line-height: 1 !important;
	margin-right: 8px;
}

/* date post comment */

.comment-date
{
	display: inline-block;
	font-size: 11px;
	color: #b7b7b7;
}

.comment-text {	margin: 8px 0 0 0 !important; }

/* button reply */

.comment-reply
{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 20px;
	font-size: 11px;
	font-family: 'Dosis', arial, sans-serif;
	color: #ffffff;
	text-transform: lowercase;
	padding: 0 8px;

	-webkit-transition: background-color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
}
.comment-reply:before { margin-right: 5px; }
.comment-reply:hover { background-color: #474747; }
.comment-reply-link { color:#fff; }

.comment-reply-title { font-size: 20px; margin:10px 0 20px; }

.form-submit .submit {
	width: 170px;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	padding: 10px 28px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out, padding 300ms ease-in-out, color 300ms ease-in-out;
}
.form-submit .submit:hover { background-color: #474747; color:#ffffff; }

ul.children { margin-left: 85px; }

/* comment form */

#send-form { white-space: nowrap; }

#send-form span
{
	display: inline-block;
	width: 33%;
}

#send-form input[type="text"] { margin-bottom: 10px; }

#send-form button[type="submit"] {}

/* --------------------------------
19 Sidebar
-------------------------------- */

.sidebar{ 
	margin-top: 75px; 
	margin-bottom: 30px;
}

/* widget */

.widget             
{ 
	margin-top: 30px; 
	line-height: 22px; 
}
.widget:first-child { margin-top: 0;}

.widget a
{
	display: inline-block;
	vertical-align: middle;
	color: #555555;
}

.widget a,
.widget i
{
	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}
.widget. li {
	margin: 5px 0;
	font-size: 14px
}
.widget li :before
{
	content: "\f101";
	font-family: "FontAwesome"; 
	display: inline-block;
	margin-right: 5px;
	color: #ccc;
}
.widget.widget_recent_entries li :before 
{
	content: "\f0f6";
	font-family: "FontAwesome"; 
	display: inline-block;
	margin-right: 5px;
	color: #ccc;
}
.widget.widget_archive li :before 
{
	content: "\f187";
	font-family: "FontAwesome"; 
	display: inline-block;
	margin-right: 5px;
	color: #ccc;
}
.widget.widget_categories li :before 
{
	content: "\f03a";
	font-family: "FontAwesome"; 
	display: inline-block;
	margin-right: 5px;
	color: #ccc;
}
	
/* widget search */

.widget-search input[type="text"] { padding-right: 60px; }

.submitSearch { display:none; }

/* widget button */

.widget-search button[type="submit"]
{
	height: 40px;
	width: 45px;
	margin-left: -45px;
	color: #efefef;
	background: none;
	font-size: 20px;
}

/* widget category */

.widget-categories {}

.widget-categories li
{
	color: #dfdfdf;
	border-bottom: 1px solid #f7f7f7;
}

.widget-categories i
{
	display: inline-block;
	vertical-align: middle;
	font-size: 19px;
	margin-right: 10px;
}

.widget-categories a
{
	font-size: 13px;
	padding: 9px 0;
}

/* widget tag cloud */

.widget_tag_cloud .wp-tag-cloud li 
{
	display: inline-block;
	padding-right: 10px;
}


/* --------------------------------
20 Service section ( services )
-------------------------------- */

#service-section { padding-bottom: 70px; }

#service-section [class*="col"]:first-child { margin-bottom: 30px; }

#service-section .row > div:first-child p { margin: 25px 0 35px; }

/* services item */

#service-section .services-item { margin-bottom: 30px; }

/* services ico */

#service-section .services-item span
{
	float: left;
	margin: 0 20px 5px 0;
}

/* services title */

#service-section .services-item h4 { display: block; }

/* services text */

#service-section .services-item p { margin-top: 13px; }

@media (min-width: 992px) {

	#service-section .first { text-align: right; }

	#service-section .first .services-item span
	{
		float: right;
		margin: 0 0 5px 20px;
	}
}

/* services item future*/

.services-item__future {}

.services-item__future span
{
	background-color: #fbfbfb;
	font-size: 84px;
	font-family: 'Dosis', arial, sans-serif;
	color: #e0e0e0;
	border: 1px dashed #dbdbdb;
}

.services-item__future > div { padding-top: 30px; }


/* Page Loader */

#qLpercentage {
	position: absolute;
	top: 0;
	bottom: 0;
	margin:0 auto;
}