/*
----------------------------------------------
Project Name: 	O Jex
Version: 		1.0
Type: 			Onepage HTML Template
Last change:    01.07.2017
Author: 		Weblos
Primary use:    Onepage Template
-----------------------------------------------
*/


/* Google Fonts */


/* font-family: 'Montserrat', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

/* font-family: 'Lato', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');



/*------------------------------------------------------------------------
[Table of Contents]


1. Base CSS
2. Typography
	2.1. Heading styles
	2.2. Paragraph styles
	2.3. Margin styles
	2.4. Padding styles
3. Preloader
4. Buttons
5. Sections style
6. Back to top
7. Section typography
8. Header area
	8.1. Header area typography
	8.2. Navbar logo styles
	8.3. Parallax styles
	8.4. Dark overlay styles
	8.5. Custom slider styles
	8.6. Custom slider transitions
	8.7. Custom navbar styles
	8.8. Mainmenu styles
9. Brand title section
10. Corporate about section
11. Creative about section
12. Services section
13. Advantage section
14. Work process section
15. Work counter section
16. Team section
17. Video section
	17.1. Modal Video
18. Pricing table section
19. Portfolio section
	19.1. Filterizr styles
20. Blog post section
21. Testimonial section
22. Subscribe section
23. Clients section
24. Contact us section
25. Footer area
26. Responsive Media queries

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

# [Color Codes]


# Asphalt (Black): #1F1F1F
# Alpha (Blue): #02CDB3
# Cloud (White): #E6E6E6
# White: #8C734B

# */


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

[Typography]


Body:		font-size: 11px, font-family: 'Montserrat', sans-serif;
Heading:	font-family: 'Lato', sans-serif;
Paragraph:	font-size: 11px, font-family: 'Montserrat', sans-serif;

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




.whitecopy{color: #E6E6E6;
}

.blackcopy{ color: #2A2A2A;
}

.goldcopy{color: #8C734B;
}

.goldbg{background-color: #8C734B;
	
}


.darkbrandimg{
    background-image: url(../images/SHR-LOGO-Dark-1900x1000.png);	
}

/* ==============================
   Base Css
   ============================== */






.alignleft {
	float: left;
	margin-right: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto 15px;
}
a {
	text-decoration: none;
	transition: 0.4s;
}
a:focus {
	outline: 0 solid;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	cursor:default;
}
html{
	overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}
html, body{
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.page-wrapper {
	overflow: hidden;
}
a:hover {
	text-decoration: none !important;
}
a:focus {
	text-decoration: none !important;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="color"]:focus {
	
	box-shadow: 0 0 0;
	outline: 0 none;
}

/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.morphext>.animated {
	display: inline-block;
}
::-moz-selection {
	color: #FFFFFF;
	background: #1F1F1F;
}
::-webkit-selection {
	color: #FFFFFF;
	background: #1F1F1F;
}
::-o-selection {
	color: #FFFFFF;
	background: #1F1F1F;
}
::selection {
	color: #FFFFFF;
	background: #1F1F1F;
}
section {
	height: 100%;
}

/* ==============================
   Heading styles
   ============================== */

h1 {
	font-size: 45px;
	line-height: 60px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-bottom: 20px;
	letter-spacing: 3px;
}
h2 {
    font-size: 32px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    margin-bottom: 0px;
    letter-spacing: 5px;
    margin-top: 10px;
}
h3 {
	font-size: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
h4 {
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
h5 {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: 2px;
}


/* ==============================
   Paragraph Style
   ============================== */
p {
	font-size: 11px;
	line-height: 25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* ==============================
   Margin Top styles
   ============================== */
.mar-0 {
	margin: 0 !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-50 {
	margin-top: 50px !important;
}


/* ==============================
   Margin Bottom Styles
   ============================== */
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}


/* ==============================
   Padding Top Styles
   ============================== */
.pad-0 {
	padding: 0 !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pt-40 {
	padding-top: 40px !important;
}
.pt-50 {
	padding-top: 50px !important;
}


/* ==============================
   Padding Bottom Styles
   ============================== */
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}


/* ==============================
   Preloader
   ============================== */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background: #FFFFFF;
}
.preloader > i {
	position: absolute;
	font-size: 36px;
	line-height: 36px;
	top: 50%;
	left: 50%;
	height: 36px;
	width: 36px;
	margin-top: -15px;
	margin-left: -15px;
	display: inline-block;
}
#loading {
	background-color: #8C734B;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
}
#loading-center {
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 49%;
	top: 50%;
	margin:0 auto;
}
.object {
	width: 30px;
	height: 30px;
	background-color: #AAAAAA;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
#object_one {
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
}
#object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
#object_three {
	-webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
@-webkit-keyframes object_one {
	75% {
		-webkit-transform: scale(0);
	}
}
@keyframes object_one {
	75% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes object_two {
	75% {
		-webkit-transform: scale(0);
	}
}
@keyframes object_two {
	75% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes object_three {
	75% {
		-webkit-transform: scale(0);
	}
}
@keyframes object_three {
	75% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}


/* ==============================
   Default Button styles
   ============================== */
.default-button {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	background: none;
	margin-bottom: 0;
	display: inline-block;
}


/* ==============================
   Small Button Style
   ============================== */
.button-small {
	font-size: 12px;
	padding: 10px 25px;
}


/* ==============================
   Big Button Style
   ============================== */
.button-big {
	padding: 15px 30px;
	font-size: 13px;
}


/* ==============================
   Button With Alpha Color
   ============================== */
.alpha-btn {
	border: 1px solid #02CDB3;
	color: #FFFFFF;
}
.alpha-btn:before {
	background: #02CDB3;
}


/* ==============================
   Button With Asphalt Color
   ============================== */
.asphalt-btn {
	border: 1px solid #1F1F1F;
	color: #1F1F1F;
}
.asphalt-btn:before {
	background: #1F1F1F;
	color: #FFFFFF;
}


/* ==============================
   Asphalt Color Background
   ============================== */
.asphalt-bg {
	background: #1F1F1F;
}


/* ==============================
   Asphalt Color
   ============================== */
.asphalt-color {
	color: #1F1F1F;
}

/* Alpha Color Background */

.alpha-bg {
	background: #02CDB3;
}

/* Alpha color */

.alpha-color {
	color: #02CDB3;
}

/* Section Styles */

.section-padding {
	padding: 120px 0;
}
.section-title {
	text-align: center;
	margin-bottom: 80px;
}

/* Section Colors */

.cloud-bg {
    background: #8C734B;
    color: #1F1F1F;
}

/* Back to Top Button Style */

#toTop {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 25px;
	filter: alpha(opacity=40);
	/* For IE8 and earlier */
	font-size: 40px;
	color: #111111;
	transition: 0.4s;
	z-index: 1000;
	text-decoration: none;
}
#toTop:hover {
	opacity: 0.8;
	color: #111111;
	filter: alpha(opacity=80);
	/* For IE8 and earlier */
}


/* ==============================
   Default Section Css
   ============================== */
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.border-none {
	border: none !important;
}
.sections-padding {
	padding: 100px 0;
}
.section-head {
	color: #404040 !important;
	position: relative;
	padding-bottom: 50px;
}
.overflow-hidden {
	overflow: hidden;
}


/* ==============================
   Header Area
   ============================== */

.top-area {
	position: relative;
}
.sticky-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

/* Header Area Styles */

.top-area, .top-slide-area, .top-slide-area div {
	height: 100vh;
}
.top-area div.slide-item-tablecell, .top-area div.slide-item-tablecell div {
	height: auto;
}
.slide-item-table {
	display: table;
	width: 80%;
	text-align: center;
	margin: 0 auto;
}
.slide-item-tablecell {
	display: table-cell;
	vertical-align: middle;
}
.slide-item-tablecell p {
	margin-bottom: 20px;
	line-height: 30px;
	font-weight: 400;
	font-size:12px;
	letter-spacing:2px;
}
.header-area {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}
.navbar {
	margin-top: 15px;
	transition: 0.5s;
}

/* Navbar Logo */

.navbar-brand {
	height: 40px;
	padding-bottom: 10px;
}
.is-sticky .navbar {
	margin-top: 0px;
}
#navbarCollapse {
	background: transparent;
	margin-top: 0px;
}
.is-sticky #header-area:after {
	background: #1F1F1F;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}
#header-area {
	z-index: 2 !important;
}

/* Parallax Style */

.parallax-top-bg {
	min-height: 400px;
	background: transparent;
}

.parallax-top-bg2 {
    min-height: 400px;
    background-color: transparent;
    background-image: url(../images/SHR-LOGO-Dark-1900x1000.png);
    background-repeat: no-repeat;
}

.parallax-content h1 {
	color: #FFFFFF;
	text-align: center;
}
.parallax-content p {
	color: #FFFFFF;
	text-align: center;
}

/* Dark Shade Overlay Style */

.shaded-overlay:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	content: "";
	z-index: -1;
	opacity: .4;
}
.shaded-overlay {
    background-size: cover !important;
    position: relative;
    color: #FFFFFF;
    z-index: 1;
    background-position: 50% 0%;
}

/* Custom Slider Styles */

.carousel-indicators li {
	height: 12px;
	width: 12px;
	border: 2px solid #FFFFFF;
	border-radius: 0px;
}
.carousel-indicators li.active {
	height: 14px;
	width: 14px;
}
.carousel-control {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background: transparent;
	top: 50%;
	opacity: 1;
	margin-top: -20px;
	transition: .4s;
}
.carousel-control span {
	border: 2px solid #FFFFFF;
	font-size: 25px;
	height: 35px;
	margin-top: 10px;
	padding-top: 3px;
	width: 35px;
}
.carousel-control p {
	word-break: break-all;
	width: 1em;
	font-size:11px;
	line-height: 16px;
}
.carousel-control.left {
	background-image: none;
	margin-left: 40px;
}
.carousel-control.right {
	background-image: none;
	margin-right: 15px;
}

/* Custom Slider transition css */

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Custom Navbar */

.navbar {
	margin-bottom: 0px !important;
	padding: 10px 0;
}
.navbar-brand {
	padding: 0 !important;
}
.navbar-brand img {
	height: 100%;
	padding: 2px;
	width: auto;
	transition: .4s;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: transparent !important;
	border-color: transparent !important;
}
.navbar-collapse {
	box-shadow: none;
}

/* Main Menu Styles */

.main-menu {}
.main-menu ul li {
	margin-top: 10px;
}
.main-menu ul li a {
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 15px;
	padding: 0;
	transition: .3s;
}
.main-menu ul li a:hover {
    color: #8C734B;
    background: none;
}
.main-menu ul li a:focus {
	background: none;
}
.navbar-toggle {
	margin: 3px 0 0;
	padding: 0;
}
.navbar-toggle-icon {
	color: #FFFFFF;
	font-size: 24px;
	margin: 0;
	padding: 5px 12px;
}
.navbar-nav .active a {
    color: #8C734B;
}

/*

===============================
 Brand title Section
===============================

*/

.one-jex {}
.one-jex-content {
	border: 15px solid #1F1F1F;
	padding: 30px;
	cursor: default;
	width: 85%;
	margin: 0 auto;
	transition: .4s !important;
	opacity: .7 !important;
}
.one-jex-content:hover {
	opacity: 1 !important;
}
.one-jex-content strong {
	color: #1F1F1F;
	font-size: 50px;
	letter-spacing: 25px;
}

/*

===============================
Corporate About Section
===============================

*/

.who-we-are-area {
    background: #8C734B;
    padding-bottom: 0px;
}
.who-we-are-text {
    margin-top: -42px;
}
.who-we-are-text p {
    margin-top: 80px;
    padding-bottom: 34px;
}
.who-we-are-text button {}

/*

===============================
Creative About Section
===============================

*/

.creative-about-area {
	background: url(../images/creat-about-bg.jpg) no-repeat fixed;
	background-size: cover;
	height: 100% !important;
	width: 100% !important;
}
.creative-about-area .container {
	padding: 0;
}
.creative-about-area .col-md-6 {
	padding: 10% 5%;
	height: 100%;
}
.progress-bar-content {
	display: table;
	vertical-align: middle;
	height: 320px;
	width: 100%;
}
.progress-bar-content h2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
}

.skillbar-content h3 {
	font-weight:300;
}

.skillbar {
	position: relative;
	display: block;
	width: 100%;
}
.skillbar-bar:before {
	background: #eee;
	content: "";
	height: 3px;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.skillbar-bar {
	height: 3px;
	width: 0px;
	background: #FFFFFF;
	transition-property: width, background-color;
}
.skillbar-title {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding-bottom: 10px;
	letter-spacing: 1px;
}
.skill-bar-percent {
	float: right;
	display: inline-block;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*

===============================
 Services Section
===============================

*/

.services-area {
    background-color: #2A2A2A;
}

/* Services Block Styles */

.single-services {
    padding: 20px 30px;
    position: relative;
    cursor: default;
    transition: all 0.3s ease 0s;
    color: #1F1F1F;
}
.single-services-content {
	margin-bottom: 30px;
	transition: 0.4s;
}
.single-services-content span {
	border-radius: 200px;
	font-size: 30px;
	margin-bottom:15px;
	padding: 20px 15px 15px;
	text-align: center;
	transition: 0.4s;
	color: #1F1F1F;
}
.single-services-content h3 {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}

/*

===============================
 Advantage Section
===============================

*/

.advantage-area {
    background-color: #8C734B;
    color: #1F1F1F;
}
.advantage-area img {
	margin-bottom: 30px;
}
.advantage-panel {
	height: 100%;
}
.panel-heading {
	background: #FFFFFF !important;
}
.panel-default {
	box-shadow: none !important;
	border-radius: 0px !important;
	margin-bottom: 15px !important;
}
.panel-default>.panel-heading {
	border-color: #FFFFFF !important;
	color: #1F1F1F !important;
	padding: 0px !important;
	background: #E6E6E6 !important;
	border-radius:0px !important;
}
.panel-default>.panel-heading>h4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    line-height: 20px;
    background-color: #705935;
}
.panel-default>.panel-heading>h4>a {
	display: block;
	padding: 15px;
}
.panel-default>.panel-heading>h4>a:focus {
	text-decoration: none;
}

/*

===============================
Work Process Section
===============================

*/

.work-process-area {
    background-repeat: no-repeat;
    background-image: url(../images/SHR-LOGO-Dark-1900x1000.png);
    background-attachment: fixed;
    background-size: cover;
    color: #FFFFFF;
    background-position: 50% 0%;
}
.work-process-row {
	margin-top: 60px;
}
.single-work-process {
	margin-bottom: 60px;
}
.single-work-process span {
    border: 2px solid #FFFFFF;
    border-radius: 200px;
    color: #FFFFFF;
    cursor: default;
    font-size: 35px;
    height: 130px;
    line-height: 130px;
    opacity: .6;
    margin-top: -33px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 130px;
}
.single-work-process span:hover {
    background: #1F1F1F;
}
.single-work-process h5 {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
}

/*

===============================
Work Counter Section
===============================

*/

.works-counter-area {
	background: #FFFFFF;
	color: #1F1F1F;
}
.work-counter {
	text-align: center;
	padding: 30px;
	cursor: default;
}
.work-counter span {
	font-size: 50px;
	margin-bottom: 30px;
}
.work-counter h2 {
	font-weight: 300;
	letter-spacing: 5px;
}
.work-counter p {
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
}

/*

===============================
 Our Team Section
===============================

*/

.team-area {}
.single-team {
	position: relative;
	margin-bottom: 40px;
	padding: 5px;
	cursor: default;
}
.single-team img {
	opacity: 1;
	transition: .6s;
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.single-team:hover img, .single-team:focus img {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}
.team-single-overlay-content {
	margin-top: 35px;
}
.team-single-overlay-content h2 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	letter-spacing:2px;
}
.team-single-overlay-content p {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.team-single-overlay-content a {
	color: #1F1F1F;
}
.team-single-overlay-content a span {
	font-size: 16px;
	margin: 0 5px;
	transition: .4s;
}
.team-single-overlay-content a:hover span {
	color: #02cdb3;
}

/*

===============================
Video Section
===============================

*/

.video-area {
	background: url(../images/video-bg.jpg) no-repeat fixed;
	background-size: cover;
	color: #FFFFFF;
}
.video-main-area {
	text-align: center;
	padding: 40px 0
}
.play-btn span {
	background: #FFFFFF none repeat scroll 0 0;
	border-radius: 100px;
	color: #1F1F1F;
	font-size: 16px;
	height: 50px;
	padding-left: 4px;
	padding-top: 17px;
	width: 50px;
	margin: 10px 0;
}
.play-btn {
	opacity: 1;
	margin: 30px 0;
}
.play-btn:hover {
	opacity: .7;
}
.video-main-area p {
	text-transform: uppercase;
}

/* Modal Video */

#myModal .modal-content {
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}
#myModal .modal-body {
	position: relative;
}
#close-btn {
	bottom: -20px;
	color: #FFFFFF;
	font-size: 25px;
	height: 30px;
	opacity: 1;
	position: absolute;
	right: 8px;
	transition: all 0.4s ease 0s;
	width: 30px;
}

/*

===============================
Pricing Table Section
===============================

*/

.pricing-table-area {
	background: #FFFFFF;
	text-transform: uppercase;
}
.single-pricing-table {
	background: #FFFFFF;
	color: #1F1F1F;
	border: 1px solid #1F1F1F;
	text-align: center;
	padding: 40px 0;
	margin-bottom: 50px;
	cursor: default;
}
#pricing-table-recommend {
	background: #1F1F1F;
	color: #FFFFFF;
}
#pricing-table-recommend .pricing-table-button a {
	border: 1px solid #FFFFFF;
	background: #1F1F1F;
	color: #FFFFFF;
}
.pricing-table-header {}
.pricing-table-header h1 {
	margin-bottom: 10px;
}
.pricing-table-header h3 {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 15px;
}
.pricing-table-header h4 {
	font-size: 16px;
	font-weight: 400;
}
.pricing-table-header h4 span {
	font-size: 40px;
	font-weight: 700;
}
.pricing-table-content {}
.pricing-table-content ul {
	margin: 0;
	padding: 0;
}
.pricing-table-content ul li {
	list-style: none;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	padding: 15px 0;
	margin: 0 45px;
	letter-spacing: 1px;
}
.pricing-table-content ul li:last-child {
	border-bottom: 0px solid #FFFFFF;
}
.pricing-table-button {}
.pricing-table-button a {
	background: #FFFFFF;
	border: 1px solid #1F1F1F;
	color: #1F1F1F;
	margin-top: 25px;
}
.pricing-table-button a:hover {
	background: #1F1F1F !important;
	color: #FFFFFF !important;
}

/*

===============================
Portfolio Section
===============================

*/

.portfolio-area {}
.portfolio-area .container-fluid {
    padding: 0;
    background-color: #8C734B;
}
.portfolio-area .controls {
	text-align: center !important;
	margin-bottom: 50px;
	padding:0 30px;
}
.lightbox .lb-image {
	border-radius: 0px;
	border: 0px;
}
.lb-data .lb-number {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

/* Filterizr or Portfolio Styles */

.filtr-controls label {
	font-weight: 300;
	margin: 0 .4em 0 0;
}
.filtr-controls button {
	background: #FFFFFF none repeat scroll 0 0;
	border: 0px;
	color: #1F1F1F;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 12px 30px;
	text-transform: uppercase;
	transition: 0.4s;
}
.filtr-controls button.active {
	background: #1F1F1F none repeat scroll 0 0;
	color: #FFFFFF;
}
.filtr-controls button:focus {
	outline: 0 none;
}
.filtr-controls button+.filtr-controls label {
	margin-left: 1em;
}
.filtr-item {
	width: 25%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	background: #1F1F1F;
}
.filtr-item .overlay-filtr {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	padding: 23% 0;
}
.filtr-item img {
	display: block;
	position: relative;
	max-width: none;
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.filtr-item:hover img {
	opacity: 0.2;
	filter: alpha(opacity=40);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.filtr-item h2 {
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	font-size: 18px;
	overflow: hidden;
	padding: 0.5em 0;
	background-color: transparent;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-bottom: 10px;
}
.filtr-item p {
	margin-bottom: 10px;
}
.filtr-item p a span {
	font-size: 25px;
	text-align: center;
}
.filtr-item a, .filtr-item p, .filtr-item h2 {
	color: #FFFFFF;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	text-align: center;
}
.filtr-item:hover a, .filtr-item:hover p, .filtr-item:hover h2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/*

===============================
Blog post Section
===============================

*/

.single-blog-post {
	padding: 10px;
	padding-bottom: 35px;
	margin-bottom: 35px;
}
.single-blog-image {
	transition: 1s;
	opacity: .7;
}
.single-blog-image:hover {
	opacity: 1;
}
.single-blog-title {
	text-transform: uppercase;
	margin: 20px 0;
	margin-top: 30px;
}
.single-blog-title h4 {
	margin-bottom: 10px;
	font-size: 17px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	transition: 0.4s;
	color: #1F1F1F;
	letter-spacing: 1px;
	cursor:pointer;
}
.single-blog-title h4:hover {
	color: #AAAAAA;
}
.single-blog-title h5 {
	font-weight: 400;
	color: #1F1F1F;
	margin-bottom: 0;
	font-size: 12px;
}
.single-blog-title h5 a {
	color: #1F1F1F;
}
.single-blog-title h5 a:hover {
	color: #1F1F1F;
}
.single-blog-content {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
.single-blog-share {
	margin-top: 20px;
	padding: 0 10px;
}
.blog-readmore a {
	font-size: 13px;
	font-weight: 700;
	color: #1F1F1F;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}
.readmore-btn-blog {
	font-weight: 900 !important;
	letter-spacing: 1px;
}
.readmore-btn-blog:hover {
	color: #AAAAAA;
}
.blog-readmore a:hover i, .blog-readmore a:hover span {
	color: #AAAAAA;
}
.blog-readmore a i {
	color: #1F1F1F;
	font-size: 14px;
	margin-left: 10px;
	transition: all 0.4s ease 0s;
}
.blog-readmore span {
	color: #1F1F1F;
	font-size: 13px;
	margin-left: 5px;
	transition: all 0.4s ease 0s;
}

/*

===============================
Testimonial Section
===============================

*/

.testimonial-area {
	color: #FFFFFF;
	position: relative;
	background: url(../images/testimonial-bg.jpg) no-repeat fixed;
	background-size: cover;
}
.testimonial {
	text-align: center;
}
.review-img {}
.review-img img {
	width: 100px;
	height: 100px;
	border-radius: 150px;
	border: 3px solid #AAAAAA;
	margin-bottom: 30px;
}
.review-txt {
	margin-bottom: 20px;
}
.review-txt p {
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 300;
	margin-bottom: 20px;
	font-style: italic;
}
.review-txt h4 {
	color: #FFFFFF;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	font-size: 16px;
}
.review-txt span {
	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
}
.owl-theme .owl-controls .owl-page span {
	background: #AAAAAA none repeat scroll 0 0;
	border-radius: 20px;
	display: block;
	height: 10px;
	margin: 5px 4px;
	width: 10px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:active span {
	background: transparent none repeat scroll 0 0 !important;
	border: 2px solid #AAAAAA;
}

/*

===============================
 Subscribe Section
===============================

*/

.subscribe-area {}
.subscribe-info h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
}
.subscribe-form input {
	height: 51px;
	border: 1px solid #AAAAAA;
	background: transparent;
	box-shadow: none;
	margin-right: 10px;
	float: left;
	border-radius: 0px;
	font-size: 13px;
	transition: .4s;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.subscribe-form input {
	width: 75% !important;
}
.subscribe-form input:focus {
	border: 1px solid #1F1F1F;
	background: #FFFFFF;
}
.subscribe-form button {
	float: right;
	margin-right: 0;
	padding: 15px 30px;
}

/*

===============================
 Clients Section
===============================

*/

#clients-area {
    background-repeat: no-repeat;
    background-image: url(../images/SHR-LOGO-1900x1000-2.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0%;
}
#owl-clients .item {
	margin: 40px;
}
#owl-clients .item img {
	display: block;
	width: 100%;
	height: auto;
}
#owl-clients .owl-controls {
	display: none !important;
}

/*

===============================
 Contact Us Area Section
===============================

*/

.contact-area {
    background-color: #2A2A2A;
}
.contact-details {
    color: #8C734B;
    border-style: dashed solid solid;
    padding: 40px 10px;
    height: 170px;
    width: 100%;
    border-top-width: 2px;
}
.contact-details span {
	font-size: 40px;
	margin-bottom: 20px;
}
.contact-details p {
	word-wrap: break-word;
}
.contact-details a {
	color: #1F1F1F;
	text-decoration: none;
}

/* Contact Form */

.contact-form {
	margin-top: 30px;
}
.input-controls {
	margin-bottom: 25px;
}
.form-input {
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	color: #1F1F1F;
	border-radius: 0px;
	height: 45px;
	font-family: 'Lato', sans-serif;
	transition: 0.4s;
	box-shadow: none;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.form-input:focus {
	border: 1px solid #1F1F1F;
	box-shadow: none;
}
.form-textarea {
	resize: vertical;
}
.contact-form button {
	margin-top: 0px;
	width: 100%;
	padding: 20px 0;
}
.help-block {
	margin: 0;
}
.help-block ul {
	padding-left: 0px;
}
.help-block ul li {
	list-style: outside none none;
	margin-left: 12px;
	text-align: left;
}
#success .alert {
	background: #1F1F1F;
	color: #FFFFFF;
	border-radius: 0px;
	border: 0px;
}
#success .alert .close {
	color: #FFFFFF;
	opacity: 1;
}
#success .alert .close:hover {
	color: #FFFFFF;
	opacity: 1;
}

/*

===============================
 Footer Area
===============================

*/

.footer-area {
	background: #1F1F1F;
	color: #FFFFFF;
}
.footer-content {}
.footer-logo {
	width: 120px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 35px;
}
.footer-text p {
	margin-bottom: 45px;
}
.social-bookmarks {
	margin-bottom: 10px;
}
.social-bookmarks a {
	color: #FFFFFF;
	margin-left: 15px;
	transition: 0.4s;
}
.social-bookmarks a:hover {
    color: #8C734B;
}
.social-bookmarks a span {
	font-size: 20px;
}

/*

===============================
 Intro Page css
===============================

*/

.single-intro {}
.single-intro img {
	transition: 0.4s;
	margin: 0 auto;
}
.single-intro h5 {
	color: #1F1F1F;
	font-size: 12px;
	letter-spacing: 2px;
	font-family: 'Montserrat';
	font-weight: 400;
	transition: 0.4s;
	cursor:pointer;
}
.single-intro:hover h5 {
	opacity: 0.6;
}

.intro-title h3{
	line-height:50px;
	font-weight:300;
	margin-bottom:10px;
}
.intro-title a{
	margin:0 10px;
}


/*

===============================
 Responsive Media queries
===============================

*/


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1 {
		font-size: 36px;
		line-height: 50px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 20px;
	}
	p {
		line-height: 22px;
	}
	#navbarCollapse {
		background: #1F1F1F;
		margin-top: 15px;
	}
	#navbarCollapse ul li {
		padding: 12px 0;
		margin: 0;
	}
	#navbarCollapse ul li a {
		font-size: 13px;
	}
	.navbar-nav {
		margin: 0;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
	.section-padding {
		padding: 110px 0;
	}
	.section-title {
		text-align: center;
		margin-bottom: 50px;
	}
	.who-we-are-text p {
		margin-top: 20px;
	}	
	.subscribe-form input {
		width: 75% !important;
	}
	.filtr-item {
		width: 50%;
	}
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 25px;
		line-height: 40px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 16px;
	}
	p {
		line-height: 20px;
	}
	#navbarCollapse {
		background: #1F1F1F;
		margin-top: 15px;
	}
	#navbarCollapse ul li {
		padding: 12px 0;
		margin: 0;
	}
	#navbarCollapse ul li a {
		font-size: 13px;
	}
	.navbar-nav {
		margin: 0;
	}
	.one-jex-content strong {
		color: #1F1F1F;
		font-size: 25px;
		letter-spacing: 20px;
		word-wrap: break-word;
	}
	.section-padding {
		padding: 100px 0;
	}
	.section-title {
		text-align: center;
		margin-bottom: 30px;
	}
	.who-we-are-text p {
		margin-top: 30px;
	}	
	.subscribe-form input {
		width: 100% !important;
	}
	.subscribe-form button {
		width: 100% !important;
	}
	.filtr-item {
		width: 100%;
	}
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 {
		font-size: 32px;
		line-height: 40px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 18px;
	}
	p {
		line-height: 20px;
	}
	#navbarCollapse {
		background: #1F1F1F;
		margin-top: 15px;
	}
	#navbarCollapse ul li {
		padding: 12px 0;
		margin: 0;
	}
	#navbarCollapse ul li a {
		font-size: 13px;
	}
	.navbar-nav {
		margin: 0;
	}
	.one-jex-content strong {
		color: #1F1F1F;
		font-size: 35px;
		letter-spacing: 25px;
	}
	.section-padding {
		padding: 100px 0;
	}
	.section-title {
		text-align: center;
		margin-bottom: 40px;
	}
	.who-we-are-text p {
		margin-top: 10px;
	}	
	.subscribe-form input {
		width: 100% !important;
	}
	.subscribe-form button {
		width: 100% !important;
	}
	.filtr-item {
		width: 50%;
	}
}

/* End of Stylesheet */