@import 'https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i';

body {

	font-family: ubuntu, sans-serif;

	font-size: 16px;

	line-height: 1.5em;

	font-style: normal;

	letter-spacing: .6px;

	color: #4e4e4e;

	background: #fff;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-webkit-text-size-adjust: 100%;

	-moz-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	font-weight: 400

}

a {

	color: inherit;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

a:hover, a:active {

	color: #142476;

	text-decoration: none;

	outline: 0;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

article a {

	text-decoration: underline

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	color: #000;

	font-weight: 700;

	font-family: ubuntu, sans-serif

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	text-decoration: none

}

.bold {

	font-weight: 700

}

.wrapheading {

	margin-bottom: 30px

}

.wrapheading h2 {

	font-size: 3.5rem;

	color: #666;

	text-transform: uppercase

}

.wrapheading h2 span {

	color: #142476

}

.bg-dots {

	width: 80px;

	height: auto;

	font-size: 30px;

	font-weight: 600;

	background: url(../img/dot.png);

	text-align: left;

	padding: 15px 2px

}

.space-single {

	width: 100%;

	height: 30px;

	display: block;

	clear: both

}

.space-double {

	width: 100%;

	height: 60px;

	display: block;

	clear: both

}

.space-half {

	width: 100%;

	height: 15px;

	display: block;

	clear: both

}

hr {

	display: block;

	clear: both;

	border-top: solid 1px #ddd;

	margin: 40px 0

}

.center {

	text-align: center;

	margin: 0 auto

}

.left {

	text-align: left;

	float: left;

	line-height: inherit

}

.right {

	text-align: right;

	float: right;

	line-height: inherit

}

.color {

	color: #dd4425

}

.min-left {

	margin-left: -15px

}

.min-right {

	margin-right: -15px

}

.m-40-left {

	margin-left: 40px

}

.m-5-hor {

	margin-left: 2%!important;

	margin-right: 2%!important;

	padding: 0;

	position: relative

}

.m-30-bot {

	margin-bottom: 30px

}

.p-0 {

	padding: 0

}

button {

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

button:hover {

	border: none;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.btn-content {

	position: relative;

	padding: 8px 20px;

	font-size: 10pt;

	font-weight: 500;

	text-align: center;

	letter-spacing: 1px;

	color: #fff;

	background: #dd4425;

	border-radius: 2px;

	border: 3px solid #dd4425;

	outline: none;

	text-shadow: none;

	margin-top: 17px;

	cursor: pointer;

	overflow: hidden;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.btn-content:hover {

	color: #fff;

	background: #999;

	border: 3px solid transparent;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.btn-content:hover .shine {

	-webkit-animation: sheen .6s alternate;

	animation: sheen .6s alternate

}

.btn-content:hover a {

	color: #fff

}

.input-group-btn button {

	border: none;

	padding: 0

}

section {

	padding: 90px 0

}

section.dot {

	background-image: url(../img/dot1.png);

	opacity: .9

}

.no-bottom {

	padding-bottom: 0!important;

	margin-bottom: 0!important

}

.no-top {

	padding-top: 0!important;

	margin-top: 0!important

}

.no-padding, section.no-padding {

	padding: 0

}

section.crumbs {

	padding: 30px 0

}

.p-30 {

	padding: 30px

}

.p-60 {

	padding: 60px

}

.p-50 {

	padding: 50px

}

.p-40 {

	padding: 40px

}

.p-90 {

	padding: 90px

}

.sp-padding {

	padding: 30px 0;

	overflow: hidden;

	overflow-x: hidden

}

.devider-left {

	display: block;

	border-top: 4px solid #ff9219;

	width: 45px;

	margin: 20px 0 30px

}

.devider-center {

	display: block;

	border-top: 2px solid #ff9219;

	width: 93px;

	margin: 20px auto;

	margin-bottom: 40px

}

.sub-heading-content {

	display: block;

	font-size: 17px;

	color: #dd4425

}

.noselect {

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

.content-wrapper {

	overflow: hidden!important

}

.v-align {

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: row

}

.start-align {

	display: flex;

	align-items: flex-start;

	flex-direction: column;

	text-align: left

}

.no-gutter {

	margin-left: 0;

	margin-right: 0;

	margin-top: 0;

	margin-bottom: 0

}

.no-gutter [class*=col-]:not(:first-child), .no-gutter [class*=col-]:not(:last-child) {

	padding-right: 0;

	padding-left: 0;

	padding-top: 0;

	padding-bottom: 0

}

.row.equal {

	display: flex;

	flex-wrap: wrap

}

.whitepage {

	color: #666;

	background: #fff;

	background: -webkit-linear-gradient(#fff, #f8f8f8);

	background: -o-linear-gradient(#fff, #f8f8f8);

	background: -moz-linear-gradient(#fff, #f8f8f8);

	background: linear-gradient(#fff, #f8f8f8)

}

.color-page {

	color: #606060;

	background: #f5f5f5;

	box-shadow: 0 7px 10px 2px rgba(0,0,0,.06)

}

.dark-page {

	color: #fff;

	background: #333

}

.col-content {

	position: relative;

	width: 100%;

	height: auto

}

.col-content h1, .col-content h2, .col-content h3, .col-content h4, .col-content h5, .col-content h6 {

	margin-bottom: 30px;

	font-weight: 500

}

.col-content h3 {

	font-size: 23pt;

	font-weight: 500;

	letter-spacing: 1px;

	line-height: normal

}

.col-content p {

	font-weight: 300;

	line-height: 2em;

	letter-spacing: .4px;

	margin-bottom: 15px;

	margin-top: 15px

}

.col-content {

	color: #555;

	font-weight: 400;

	line-height: 2em;

	letter-spacing: .4px

}

/*.preloader {

	position: fixed;

	top: 0;

	left: 0; 

	width: 100%;

	height: 100%;

	z-index: 999999;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-flow: row nowrap;

	-ms-flex-flow: row nowrap;

	flex-flow: row nowrap;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	background: #fff

}*/

.prtf-smooth-transition-loader.prtf-hide-spinner .prtf-st-loader {

	display: none

}

.prtf-st-loader1 {

	position: relative;

	height: 100%

}

.prtf-outline .prtf-line-1 {

	top: 0;

	left: 0;

	height: 0;

	width: 0;

	border-right: 4px solid #ddd;

	-webkit-animation-name: animateHeight;

	animation-name: animateHeight;

	animation-duration: 1.5s;

	animation-iteration-count: infinite;

	animation-timing-function: ease;

	animation-delay: 0s;

	animation-fill-mode: forwards

}

.prtf-outline .prtf-line-2 {

	bottom: 0;

	right: 0;

	border-top: 4px solid #ddd;

	-webkit-animation-name: animateWidth;

	animation-name: animateWidth;

	animation-duration: 1.5s;

	animation-iteration-count: infinite;

	animation-timing-function: ease;

	animation-delay: 0s;

	animation-fill-mode: forwards

}

.prtf-outline .prtf-line-3 {



	top: 0;

	left: 0;

	border-bottom: 4px solid #ddd;

	-webkit-animation-name: animateWidth;

	animation-name: animateWidth;

	animation-duration: 1.5s;

	animation-iteration-count: infinite;

	animation-timing-function: ease;

	animation-delay: 0s;

	animation-fill-mode: forwards

}

.prtf-outline .prtf-line-4 {

	bottom: 0;

	right: 0;

	height: 0;

	width: 0;

	border-left: 4px solid #ddd;

	-webkit-animation-name: animateHeight;

	-webkit-animation-duration: 1.5s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: ease;

	-webkit-animation-delay: 0s;

	-webkit-animation-fill-mode: forwards;

	animation-name: animateHeight;

	animation-duration: 1.5s;

	animation-iteration-count: infinite;

	animation-timing-function: ease;















	animation-delay: 0s;

	animation-fill-mode: forwards

}

.prtf-outline .prtf-line-1, .prtf-outline:after {

	-webkit-animation-duration: 1.5s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: ease;

	-webkit-animation-delay: 0s;

	-webkit-animation-fill-mode: forwards

}

.prtf-outline .prtf-line-2, .prtf-outline .prtf-line-3 {

	-webkit-animation-duration: 1.5s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: ease;

	-webkit-animation-delay: 0s;

	-webkit-animation-fill-mode: forwards;

	height: 0;

	width: 0

}

.prtf-outline .prtf-line-1, .prtf-outline .prtf-line-2, .prtf-outline .prtf-line-3, .prtf-outline .prtf-line-4, .prtf-outline .prtf-outline .prtf-portfolio-list-holder-outer.prtf-line-4, .prtf- portfolio-list-holder-outer {

	position: absolute;

	border-color: #555;

	opacity: 0

}

.prtf-outline {

	position: absolute;

	top: calc(50% - 25px);

	left: calc(50% - 25px);

	width: 50px;

	height: 50px;

	background-color: #fff

}

@-webkit-keyframes animateWidth {

0% {

opacity:1;

width:0

}

40%, 80% {

width:30%;

opacity:1

}

100% {

opacity:0;

width:100%

}

}

@keyframes animateWidth {

0% {

opacity:1;

width:0

}

40%, 80% {

width:30%;

opacity:1

}

100% {

opacity:0;

width:100%

}

}

@-webkit-keyframes animateHeight {

0% {

opacity:1;

height:0

}

40%, 80% {

height:30%;

opacity:1

}

100% {

height:100%;

opacity:0

}

}

@keyframes animateHeight {

0% {

opacity:1;

height:0

}

40%, 80% {

height:30%;

opacity:1

}

100% {

height:100%;

opacity:0

}

}

.bg-preloader {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #fff;

	z-index: 99999

}

.bg-preloader-white {

	position: fixed;

	width: 50%;

	height: 100%;

	top: 0;

	left: 0;

	background: #fff;

	z-index: 999999;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.bg-preloader-white-bot {

	position: fixed;

	width: 50%;

	height: 100%;

	bottom: 0;

	right: 0;

	background: #fff;

	z-index: 999999;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.bg-hide {

	height: 0%!important;

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}

.mainpreloader {

	position: relative;

	animation: rotate 1s infinite linear;

	border: 3px solid rgba(0,0,0,.1);

	width: 40px;

	height: 40px;

	margin-right: -24px;

	border-radius: 999px

}

.mainpreloader span {

	position: absolute;

	width: 40px;

	height: 40px;

	border: 3px solid transparent;

	border-top: 3px solid #dd4425;

	top: -3px;

	left: -3px;

	border-radius: 999px

}

@-webkit-keyframes rotate {

0% {

-webkit-transform:rotate(0deg)

}

100% {

-webkit-transform:rotate(360deg)

}

}

@keyframes rotate {

0% {

transform:rotate(0deg)

}

100% {

transform:rotate(360deg)

}

}

.subnav {

	display: block;

	position: relative;

	width: 100%;

	margin: 0 auto;

	z-index: 9999;

	font-size: 15px;

	font-weight: 500;

	letter-spacing: .3px;

	color: #000;

	padding: 10px 0 0

}

#sub-icon {

	border-right: 1px solid #66666638;

	padding-right: 15px;

	margin-right: 9px;

	vertical-align: middle

}

.social-icons-subnav, .social-icons-subnav div {

	display: inline-block

}

.social-icons-subnav div {

	letter-spacing: 1px;

	color: #666

}

.right .social-icons-subnav {

	margin-right: 10px

}

.right .social-icons-subnav:last-child {

	margin-right: 0

}

.social-icons-subnav span, .social-icons-subnav i {

text-shadow: none;

padding: 2px;

width: 28px;

height: 28px;

text-align: center;

color: #666;

border-radius: 1px;

-moz-border-radius: 1px;

-webkit-border-radius: 1px;

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

vertical-align: middle;

margin-top: -2px;
}

.social-icons-subnav a {

margin: 0 5px;

cursor: pointer;

color: #ffffff;

font-weight: 400;
}

.social-icons-subnav a:last-child {

	margin-right: 0

}

.social-icons-subnav a:hover, .social-icons-subnav a:hover span {

	color: #142476;

	border-color: #eceff3;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

header {

	position: relative;

	z-index: 999

}

header.init {

width: 100%;

height: 114px;

background: #fff;

-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);

-moz-transition: all .5s cubic-bezier(.165, .84, .44, 1);

transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

header.show {

	position: fixed;

	height: 100px;

	box-shadow: 0 10px 90px rgba(23,36,52,.1);

	-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);

	-moz-transition: all .5s cubic-bezier(.165, .84, .44, 1);

	transition: all .5s cubic-bezier(.165, .84, .44, 1)

}

.navbar-default-white {

	position: fixed;

	margin: 6px auto;

	top: 0;

	border-bottom: 1px groove transparent;

	-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);

	-moz-transition: all .5s cubic-bezier(.165, .84, .44, 1);

	transition: all .5s cubic-bezier(.165, .84, .44, 1)

}

.navbar-default-white {

transform: translateZ(0);

width: 100%;

height: 100px;

-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);

-moz-transition: all .5s cubic-bezier(.165, .84, .44, 1);

transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.navbar-default-white.fullHeight {

	height: 100vh!important

}

.navbar-brand.white {

	position: relative;

	top: 0;

	left: 0;

	z-index: 2

}

.navbar-brand.white img {

	width: auto;

	height: auto;

	max-height: 71px!important;

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: all .1s ease-in-out;

	-moz-transition: all .1s ease-in-out;

	transition: all .1s ease-in-out

}

.navbar-brand.white img.black {

	display: none

}

.navbar-default-white.sticky {

	left: 0;

	right: 0;

	margin: 0 auto;

	width: inherit;

	box-sizing: border-box;

	-webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);

	-moz-transition: all .3s cubic-bezier(.165, .84, .44, 1);

	transition: all .3s cubic-bezier(.165, .84, .44, 1)

}

.white nav {

	position: relative;

	float: right;

	z-index: 999;

	-webkit-transition: all .1s ease-in-out;

	-moz-transition: all .1s ease-in-out;

	transition: all .1s ease-in-out;

	margin-top: 32px

}

.white nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	position: relative

}

.white nav ul li {

	display: inline-block;

	margin: 0;

	margin-right: 20px;

	cursor: pointer

}

.white nav ul li:last-child {

	margin-right: 15px

}

.white nav ul li .input-group {

	top: 15px;

	margin-left: 20px;

	width: 220px

}

.white nav ul li .input-group button {

	display: inherit;

	padding: 0;

	line-height: 0;

	border: none

}

.white nav ul li .input-group i {

	margin-left: 0

}

.white nav a {

	display: block;

	padding: 0 10px;

	color: #666;

	font-size: 16px;

	font-family: ubuntu, sans-serif;

	font-weight: 500;

	letter-spacing: .3px;

	line-height: 40px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 14px

}

.white nav a:hover {

	color: #142476!important;

	border-bottom: 3px solid #d1b276;

}

.white nav a:hover::before {

	display: inline-block;

	position: absolute;

	max-width: 35px;

	color: transparent;

	border-bottom: 2px solid #fff;

	-webkit-transition: max-width .5s;

	-moz-transition: max-width .5s;

	transition: max-width .5s

}

.white nav a::before {

	position: absolute;

	overflow: hidden;

	max-width: 0;

	border-bottom: 2px solid transparent;

	color: transparent;

	content: attr(data-hover);

	-webkit-transition: max-width .5s;

	-moz-transition: max-width .5s;

	transition: max-width .5s;

	white-space: nowrap

}

.white nav a.actived {

	border-bottom: 3px solid #ccc;

	border-bottom: 3px solid #d1b276;

	padding: 0

}

.white nav ul ul {

	display: none;

	position: absolute;

	top: 57px;

	color: #efefef;

	padding-top:8px;

}

.navbar-default-white.sticky nav ul ul {

	top: 57px

}

.white nav ul li:hover>ul {

	display: inherit;

	-webkit-animation-name: animfadeInUpmenu;

	animation-name: animfadeInUpmenu;

	-webkit-animation-duration: .3s;

	animation-duration: .3s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}

.white nav ul ul li {

	width: 230px;

	float: none;

	display: list-item;

	background: #fff;

	border-bottom: 1px groove rgba(0,0,0,.2);

	/* box-shadow: 5px 5px 2px rgba(23,36,52,.05); */

	position: relative;

	margin-right: 0;

	/* width: 100%; */

}

.white nav ul li i {

	margin-left: 10px

}

.white nav ul ul li a {

	font-size: 13px;

	line-height: 30px;

	padding-left: 17px;

	margin: 0;

	padding: 10px

}

.white nav ul ul li a:hover {

	background: #ffffff;

	border: 0;

}

.white nav ul ul li a.active {

	background: #f8f8f8

}

.white nav ul ul li:last-child {

	border-bottom: none

}

.white nav ul ul ul li {

	position: relative;

	top: -75px;

	left: 230px

}

.white>nav>ul>li.has-children>a:after {

	content: '\f107';

	font-family: fontawesome;

	margin-left: 10px

}

li>a:only-child:after {

	content: ''

}

span.span-drop {

	position: absolute;

	right: 7%;

	cursor: pointer

}

span.span-drop:after {

	content: '\f107';

	font-family: fontawesome;

	color: #fff;

	width: 20px;

	height: 20px;

	text-align: center;

	line-height: 20px;

	display: inline-block;

	background: #999

}

@media(min-width:1200px) {

span.span-drop {

	display: none

}

}

#subheader {

	color: #fefefe;

	padding: 310px 0 80px;

	background: #222;

	background: url(../img/bg-subheader.html)top fixed;

	background-size: cover

}

#subheader-commerce {

	color: #fefefe;

	padding: 310px 0 80px;

	background: #222;

	background: url(../img/bg-commerce.html)top fixed

}

#subheader h1, #subheader-commerce h1 {

	text-align: left;

	margin-top: 40px;

	font-size: 44px;

	font-weight: 600;

	letter-spacing: 1px;

	text-transform: none;

	color: #fefefe

}

#subheader p, #subheader-commerce p {

	font-size: 12pt;

	letter-spacing: 1px

}

#subheader .gal-home, #subheader .gal-home .hovereffect {

	margin-bottom: 0

}

h1.crumbs {

	display: inline-block;

	font-size: 3.428rem;

	font-weight: 600;

	letter-spacing: 2px

}

ul#crumbs {

	display: inline-block;

	padding: 0;

	float: right;

	margin-top: 30px

}

ul#crumbs li {

	display: inline-block;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: 3px

}

ul#crumbs li a {

	cursor: pointer;

	text-transform: uppercase;

	font-size: 11px;

	letter-spacing: 2px

}

ul#crumbs li:after {

	content: '/';

	padding: 0 15px

}

ul#crumbs li:last-child:after {

	display: none

}

.heading {

	font-size: 38px;

	font-weight: 600;

	color: #666;

	text-transform: uppercase

}

.heading:after {

	content: "";

	width: 7rem;

	position: relative;

	display: block;

	padding-bottom: 13px;

	margin-bottom: 30px;

border-bottom:.28rem solid #142476

}

.headingcontent {

	font-size: 4.1rem;

	font-weight: 700;

	line-height: 50px;

	color: #142476;

	text-transform: uppercase;

	margin-bottom: 2rem;

	line-height: 4rem

}

.headingcontent span {

	font-size: 2.2rem;

	color: #bfb38f

}

.year {

	display: block;

	position: relative;

	margin-top: 40px;

	text-align: left;

	color: #000;

	background: #bfb38f;

	padding: 40px 30px

}

.year .heading {

	display: inline-block;

	font-size: 10.3rem;

	margin-bottom: 10px;

	line-height: 55px;

	border-bottom: 0 solid #dedede;

	color: #142476;

	margin-right: 15px

}

.year .heading:after {

	content: none

}

.year .subheading {

	display: inline-block;

	font-size: 2.7rem;

	line-height: normal;

	color: #fff;

	text-transform: uppercase;

	font-weight: 500

}

#mainbanner {

	position: relative;

	color: #fff;

	margin: 0;

	z-index: 1

}

.overlay-main {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	text-align: left;

	padding-left: 5%;

	padding-top: 5%

}

.mainbg {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	overflow-x: hidden;

	background: url(../img/bg-1.html) no-repeat center center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.mainbg-1 {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	overflow-x: hidden;

	background: url(../img/bg-2.html) no-repeat center center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.mainbg-paralax {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	overflow-x: hidden;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.imgbg {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	overflow-x: hidden;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.imgbgres {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	overflow-x: hidden;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover

}

.mainbgvideo {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	height: 100%;

	overflow-x: hidden;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-attachment: scroll

}

.bgslider-owl {

	position: relative;

	width: 100%;

	height: 100%;

	color: #fff;

	background: #fff;

	overflow: hidden

}

.bgslider {

	position: absolute;

	width: 100%;

	height: 100%;

	overflow: hidden;

	color: #fff;

	background: #535353


}

.bgslider img {

	position: absolute;

	width: 100%;

	height: auto;

	top: 0;

	left: 0

}

.bgvideo {

	position: absolute;

	width: 100%;

	height: 100%;

	top: -50px;

	left: 0;

	background: #efefef

}

.video {

	position: relative;

	top: 50%;

	left: 50%;

	z-index: 1;

	min-width: 100%;

	min-height: 100%;

	width: auto;

	height: auto;

	z-index: 0;

	opacity: .8;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%)

}

#imghome {

	width: 100%;

	height: auto;

	position: relative

}

#imghome::before {

	position: absolute;

	content: " ";

	width: 100%;

	height: 100%;

	background: url(../img/dot.png);

	left: -33px;

	top: 39px;

	opacity: .8

}

.gal-home {

	position: relative;

	width: 100%;

	letter-spacing: 1px;

	overflow: hidden;

	margin-bottom: 20px;

	z-index: 0;

	background: #bfb38f

}

.gal-home:hover img {

	width: 100%;

	-webkit-transform: scale(1.03);

	-ms-transform: scale(1.03);

	transform: scale(1.03);

	-webkit-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}

.gal-home img {

	width: 100%;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}

.gal-home .hovereffect {

	width: 100%;

	height: auto;

	max-height: 560px;

	overflow: hidden;

	float: left;

	position: relative;

	text-align: center;

	margin-bottom: 15px;

	cursor: pointer

}

.gal-home.pages .hovereffect {

	max-height: 360px

}

.gal-home .hovereffect a {

	display: block;

	cursor: zoom-in;

	position: relative;

	z-index: 999

}

.gal-home h3, .gal-home h4 {

	margin-bottom: 0;

	font-size: 1.9rem;

	color: #fff

}/*.hovereffect-color::before,.hovereffect-color::after,.hovereffect::before,.hovereffect::after{box-sizing:inherit;content:'';position:absolute;width:100%;height:100%;z-index:1}*/

.gal-home .hovereffect .overlay {

	width: 90%;

	height: 90%;

	position: absolute;

	color: #fff;

	background-color: rgba(9,12,13,.6);

	border: 1px solid rgba(200,177,111,.8);

	margin: 5%;

	bottom: 0;

	left: 0;

	opacity: 0;

	-webkit-transition: all .3s ease-in-out;



	transition: all .3s ease-in-out

}

.gal-home .hovereffect:hover .overlay {

	bottom: 0;

	left: 0;

	opacity: 1

}

.overlay.start-align p {

	font-weight: 300;

	line-height: normal;

	letter-spacing: 3px

}

.gal-home .hovereffect .overlay .devider {

	display: block;

	margin: 8px auto;

	width: 188px;

	border-top: 1px solid rgba(200,177,111,.8);

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.gal-home .hovereffect:hover .overlay .devider {

	display: block;

	margin: 10px auto;

	width: 138px;

	border-top: 1px solid rgba(200,177,111,.8);

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.gal-home .gal-home-content {

	padding: 0 10px;

	height: 70px!important;

	float: left;

	width: 100%

}

.projects-grid {

	position: relative;

	letter-spacing: 1pt;

	text-transform: uppercase;

	overflow: hidden

}

.projects-grid:hover img {

	width: 100%;

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out

}

.projects-grid img {

	width: 100%;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out

}

.projects-grid .hovereffect-color {

	width: 100%;

	height: 100%;

	float: left;

	position: relative;

	text-align: center;

	cursor: pointer

}

.projects-grid .hovereffect-color .overlay {

	width: 100%;

	height: auto;

	position: absolute;

	bottom: 0;

	left: 0;

	opacity: 1;

	-webkit-transition: all 0s ease-in-out;

	transition: all 0s ease-in-out

}

.start-align h3 {

	color: #fff;

	font-size: 24pt;

	font-weight: 600;

	position: relative;

	margin-bottom: 10px;

	-webkit-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}

.projects-grid .hovereffect-color .overlay div {

	padding: 10%;

	height: auto;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 2px;

	color: #fff;

	background-color: transparent;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.projects-grid .hovereffect-color .overlay div p {

	position: relative;

	-webkit-transition: all 0s ease-in-out;

	transition: all 0s ease-in-out

}

.projects-grid .hovereffect-color:hover .overlay {

	height: auto;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.projects-grid .hovereffect-color:hover .overlay .start-align h3, .projects-grid .hovereffect-color:hover .overlay a.shin {

	position: relative;

	bottom: 0;

	-webkit-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}

.projects-grid .hovereffect-color:hover .overlay div p {

	opacity: 1;

	margin-top: 0;

	position: relative;

	-webkit-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}

.bordline {

	-webkit-transition: color .25s;

	transition: color .25s

}

.bordline::before {

	border: 8px solid transparent;

	width: 0;

	height: 0

}

.bordline::after {

	border: 8px solid transparent;

	width: 0;

	height: 0

}

.bordline::before {

	top: 0;

	left: 0

}

.bordline::after {

	bottom: 0;

	right: 0

}

.bordline:hover::before, .bordline:hover::after {

	width: 100%;

	height: 100%

}

.bordline:hover::before {

	border-top-color: #eee;

	border-right-color: #eee;

	-webkit-transition: width .3s ease-in-out, height .3s ease-in-out .3s;

	transition: width .3s ease-in-out, height .3s ease-in-out .3s

}

.bordline:hover::after {

	border-bottom-color: #eee;

	border-left-color: #eee;

	-webkit-transition: border-color 0s ease-in-out .6s, width .3s ease-in-out .6s, height .3s ease-in-out .9s;

	transition: border-color 0s ease-in-out .6s, width .3s ease-in-out .6s, height .3s ease-in-out .9s

}

.overlay div span {

	display: block

}

.overlay div span.icon i {

	color: #111;

	background: #fff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	padding: 12px;

	margin: 5px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.overlay div span.icon a:hover i {

	color: #fff;

	background: #111;

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}

a.shin {

	position: relative;

	margin-top: 10px;

	overflow: hidden;

	color: #fff;

	z-index: 2;

	-moz-transition: all .9s ease;

	-ms-transition: all .9s ease;

	-o-transition: all .9s ease;

	transition: all .9s ease

}

a.shin.col {

	position: relative;

	display: block;

	font-size: 1.3rem;

	width: 100%;

	color: #142476;

	font-weight: 600;

	background: 0 0;

	margin-top: 7px;

	padding: 8px 10px;

	text-align: right

}

a.shin:hover {

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

a.shin.col:hover {

	background: 0 0

}

a.shin.col:hover .shine {

	-webkit-animation: sheen .6s alternate;

	animation: sheen .6s alternate

}

.tagline {

	font-size: 1.5rem;

	font-weight: 400;

	letter-spacing: 1px;

	color: #000;

	line-height: normal;

	text-align: justify

}

.choc-features {

	position: relative;

	margin: -120px 4% -30px;

	z-index: 99

}

.features {

	position: relative;

	width: 100%;


	height: 100%;

	color: #fff;

	text-align: center;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.features.no-margin {

	margin-top: 0!important

}

.features:hover {

	cursor: pointer;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.features:hover a {

	color: #fff;

	background: #dd4425;

	border: 3px solid transparent;

	-moz-transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease

}

.features:hover .shine {

	-webkit-animation: sheen .6s alternate;

	animation: sheen .6s alternate

}

.features .heading {

	font-size: 16pt;

	letter-spacing: 1px;

	font-weight: 600;

	text-transform: uppercase;

	color: #fff

}

.features .heading::after {

	content: none

}

.features .content {

	margin: 15px auto;

	max-width: 380px

}

.features span {

	display: block;

	color: #dd4425;

	padding: 10px 0

}

.features span.number {

	font-size: 90pt;

	font-weight: 600;

	margin-top: 30px

}

.features span.content {

	font-size: 14pt

}

.features a {

	font-weight: 400;

	display: block;

	position: relative;

	width: 174px;

	height: 45px;

	font-size: 11pt;

	font-weight: 500;

	text-align: center;

	letter-spacing: 1px;

	line-height: 40px;

	color: #fff;

	background: 0 0;

	border: 3px solid #dd4425;

	outline: none;

	text-shadow: none;

	margin: 0 auto;

	margin-top: 15px;

	cursor: pointer;

	overflow: hidden;

	-moz-transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease

}

.sp-padding .features a {

	width: auto

}

.features .bg-img {

	width: 100%;

	padding: 60px;

	background: url(../img/bg-serv-1.jpg);

	overflow-x: hidden;

	background-size: cover;

	background-position: center

}

.features .bg-img-1 {

	width: 100%;

	padding: 60px;

	background: url(../img/bg-serv-2.jpg);

	overflow-x: hidden;

	background-size: cover;

	background-position: center

}

.features .bg-img-2 {

	width: 100%;

	padding: 60px;

	background: url(../img/bg-serv-3.jpg);

	overflow-x: hidden;

	background-size: cover;

	background-position: center

}

.features .bg-img-3 {

	width: 100%;

	padding: 40px;

	background: url(../img/bg-serv-4.html);

	overflow-x: hidden;

	background-size: cover;

	background-position: center

}

.features .bg-img-3-img {

	width: 100%;

	height: auto;

	position: relative

}

.bg-img-3-img::after {

	position: absolute;

	width: 100%;

	height: 100%;

	content: '';

	top: -30px;

	right: -28px;

	border: 8px solid rgba(200,177,111,.4)

}

.features .bg-img-3 .bg-overlay {

	padding: 30px;

	margin-bottom: 10px;

	background-color: rgba(9,12,13,.9);

	border: 1px solid rgba(200,177,111,.8)

}

.box-icon {

	margin: 40px;

	margin-left: 0

}

.box-icon .icon-choose {

	display: block;

	font-size: 48px;

	color: #dd4425;

	width: auto;

	height: 80px;

	text-align: center;

	padding-left: 0;

	position: absolute

}

.box-icon .text {

	margin-left: 90px

}

.box-icon .text h3 {

	font-size: 15pt;

	text-transform: uppercase;

	font-weight: 600

}

#about {

	display: block

}

#about p {

	font-size: 1.9rem;

	line-height: 2

}

#about-us-1 {

	height: 100%

}

#about-us-1 .image-container {

	background: url(../img/bg-about.jpg);

	background-size: cover

}

#about-us-2 .image-container {

	background: url(../img/bg-about-1.jpg);

	background-size: cover

}

#owl-team .post-share {

	margin-top: 20px;

	text-align: right

}

#owl-brand .item {

	text-align: center

}

#owl-brand img {

	width: auto;

	margin: 0 auto

}

#detailproject {

	position: relative;

	width: 100%;

	height: auto;

	display: block;

	margin-bottom: 60px

}

.stiky-detail {

	position: absolute;

	top: 0;

	right: 10%;

	padding: 20px;

	color: rgba(255,255,255,.9);

	background: #dd4425;

	box-shadow: 0 7px 10px 2px rgba(0,0,0,.06);

	z-index: 1

}

.stiky-detail h2 {

	font-size: 16pt;

	font-weight: 600;

	color: rgba(255,255,255,.9)

}

.detaillist {

	background: #dd4425;

	padding: 30px 40px 30px 30px

}

.detaillist span {

	display: block;

	letter-spacing: .01em;

	line-height: 24pt;

	padding: 5px 0;

	border-bottom: 1px solid #ca3f23

}

.detaillist strong {

	display: inline-block;

	font-weight: 500;

	width: 150px

}

.detaillist span span {

	display: inline-block;

	margin-right: 15px

}

.hide-detail, .show-detail {

	color: rgba(255,255,255,.9);

	padding: 10px 30px;

	cursor: pointer;

	font-weight: 700;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.show-detail {

	display: none;

	padding: 0 30px

}

.hide-detail:hover, .show-detail:hover {

	color: #fff;

	text-shadow: 0 0 7px rgba(0,0,0,.25);

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.spanpost {

	border-bottom: 0;

	margin-top: 5px;

	padding-bottom: 5px;

	margin-bottom: 30px

}

.spanpost span {

	display: inline-block;

	color: #888

}

.spanpost span.date-post {

	font-size: 13px;

	font-weight: 400;

	margin-left: 20px

}

.spanpost span.date-post i {

	padding-right: 0

}

.spanpost span.user-post {

	font-size: 13px;

	font-weight: 400

}

.spanpost span.user-post i {

	padding-right: 0

}

.spanpost span.comment {

	margin-left: 20px;

	font-size: 13px

}

.spanpost span.comment a i {

	padding-right: 0

}

.post-share {

	display: block;

	margin-top: 30px

}

.post-share span {

	display: inline-block;

	margin-right: 10px

}

.post-share .share-list {

	display: inline-block;

	list-style-type: none;

	padding-left: 0

}

.post-share .share-list li {

	display: inline-block;

	margin: 0 8px

}

.post-share .share-list li a {

	color: #a8a8a8

}

.post-share .share-list li a:hover {

	color: #9facab

}

.post-share span {

	font-size: 14px

}

.gallery-grid {

	position: relative;

	letter-spacing: 1pt;

	text-transform: uppercase;

	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.gallery-grid:hover img {

	width: 100%;

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out

}

.gallery-grid img {

	width: 100%;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out

}

.gallery-grid .hovereffect-color {

	width: 100%;

	height: auto;

	float: left;

	position: relative;

	text-align: center;

	cursor: pointer

}

.gallery-grid .hovereffect-color .overlay {

	width: 100%;

	height: 100%;

	position: absolute;

	bottom: -30px;

	left: 0;

	opacity: 0;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.gallery-grid:hover {

	box-shadow: 0 0 10px rgba(0,0,0,.5);

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.gallery-grid .hovereffect-color:hover .overlay {

	opacity: 1;

	bottom: 0

}

.gallery-grid .hovereffect-color .overlay div {

	padding: 10%;

	height: 100%;

	font-size: 11pt;

	font-weight: 400;

	letter-spacing: 2px;

	color: #fff;

	background-color: rgba(0,0,0,.7);

}

.overlay div span {

	width: 100%;

	display: block;

	z-index: 1

}

.overlay div span.icon i {

	color: #111;

	background: #fff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	padding: 12px;

	margin: 5px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.overlay div span.icon a:hover i {

	color: #fff;

	background: #111;

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}

.filter-wraper {

	position: relative;

	margin: 0 auto;

	margin-bottom: 70px

}

#filter-porto {

	padding: 0;

	margin: 0 auto;

	margin-bottom: 15px;

	text-align: left

}

#filter-hide {

	padding: 0;

	margin: 0 auto;

	text-align: right

}

#filter-hide li.filtter-icon {

	color: #777;

	font-size: 11pt;

	padding: 0;

	padding: 10px 0 0;

	letter-spacing: 1px;

	text-transform: uppercase;

	cursor: pointer;

	display: inline-block;

	list-style: none

}

#filter-porto li.filt-projects, #filter-porto li.filt-projects-w {

	font-size: 9pt;

	font-weight: 500;

	border: 1px solid transparent;

	padding: 4px 25px;

	margin: 0 10px 10px 0;

	letter-spacing: 1px;

	text-transform: uppercase;

	cursor: pointer;

	display: inline-block;

	list-style: none;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

#filter-porto li.filt-projects:hover, #filter-porto li.filt-projects-w:hover {

	border: 1px solid #ff4f2b;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

#filter-porto li.selected {

	border: 1px solid #efefef;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .2s ease

}

#w-gallery-container {

	text-align: center;

	overflow: hidden

}

.w-gallery-container {

	text-align: center

}

.w-gallery:after {

	content: '';

	display: block;

	clear: both

}

.w-gallery-image {

	width: 100%;

	display: block;

	height: auto

}

.owl-carousel {

	margin-bottom: -60px

}

.owl-prev {

	width: 80px;

	height: 80px;

	position: absolute;

	top: 45%;

	left: 0;

	display: block!important;

	border: 0 solid #000;

	background: rgba(0,0,0,.3)!important;

	-webkit-border-radius: 50px;

	border-radius: 0;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.owl-next {

	width: 80px;

	height: 80px;

	position: absolute;

	top: 45%;

	right: 0;

	display: block!important;

	border: 0 solid #000;

	background: rgba(0,0,0,.3)!important;

	-webkit-border-radius: 50px;

	border-radius: 0;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

#owl-gal .owl-prev, #owl-gal .owl-next {

	top: 30%

}

.owl-prev:hover, .owl-next:hover {

	color: #999;

	background: #fff!important;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.owl-prev i, .owl-next i {

	font-size: 18pt;

	color: #fff;

	padding-top: 3px;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.owl-prev:hover i, .owl-next:hover i {

	color: #999;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.owl-nav {

	opacity: 0;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.owl-carousel:hover .owl-nav {

	opacity: 1;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

#owl-testimonial .owl-dots {

	float: right

}

.owl-theme .owl-dots .owl-dot span {

	border-radius: 0

}

.owl-theme .owl-nav.disabled+.owl-dots {

	position: absolute;

	right: -20px;

	top: 0;

	-ms-transform: rotate(270deg);

	-webkit-transform: rotate(270deg);

	transform: rotate(270deg)

}

.owl-theme .owl-dots .owl-dot span {

	width: 2px;

	height: 5px;

	border-radius: 0;

	margin: 10px;

	background: #dd4425;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

	height: 80px;

	background: #dd4425;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.mfp-bg, .mfp-wrap {

	position: fixed;

	left: 0;

	top: 0

}

.mfp-bg, .mfp-container, .mfp-wrap {

	height: 100%;

	width: 100%

}

.mfp-container:before, .mfp-figure:after {

	content: ''

}

.mfp-bg {

	z-index: 10421;

	overflow: hidden;

	background: #0b0b0b;

	opacity: .8;

	filter: alpha(opacity=80)

}

.mfp-wrap {

	z-index: 10431;

	outline: 0!important;

	-webkit-backface-visibility: hidden

}

.mfp-container {

	text-align: center;

	position: absolute;

	left: 0;

	top: 0;

	padding: 0 8px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.mfp-container:before {

	display: inline-block;

	height: 100%;

	vertical-align: middle

}

.mfp-align-top .mfp-container:before {

	display: none

}

.mfp-content {

	position: relative;

	display: inline-block;

	vertical-align: middle;

	margin: 0 auto;

	text-align: left;

	z-index: 10451

}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {

	width: 100%;

	cursor: auto

}

.mfp-ajax-cur {

	cursor: progress

}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

	cursor: -moz-zoom-out;

	cursor: -webkit-zoom-out;

	cursor: zoom-out

}

.mfp-zoom {

	cursor: pointer;

	cursor: -webkit-zoom-in;

	cursor: -moz-zoom-in;

	cursor: zoom-in

}

.mfp-auto-cursor .mfp-content {

	cursor: auto

}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none

}

.mfp-loading.mfp-figure {

	display: none

}

.mfp-hide {

	display: none!important

}

.mfp-preloader {

	color: #ccc;

	position: absolute;

	top: 50%;

	width: auto;

	text-align: center;

	margin-top: -.8em;

	left: 8px;

	right: 8px;

	z-index: 10441

}

.mfp-preloader a {

	color: #ccc

}

.mfp-close, .mfp-preloader a:hover {

	color: #efefef

}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {

	display: none

}

button.mfp-arrow, button.mfp-close {

	overflow: visible;

	cursor: pointer;

	background: 0 0;

	border: 0;

	-webkit-appearance: none;

	display: block;

	outline: 0;

	padding: 0;

	z-index: 10461;

	-webkit-box-shadow: none;

	box-shadow: none

}

.mfp-figure:after, .mfp-iframe-scaler iframe {

	box-shadow: 0 0 8px rgba(23,36,52,.6);

	position: absolute;

	left: 0

}

button::-moz-focus-inner {

padding:0;

border:0

}

.mfp-close {

	width: 44px;

	height: 44px;

	line-height: 44px;

	position: absolute;

	right: 0;

	top: 0;

	text-decoration: none;

	text-align: center;

	opacity: .65;

	padding: 0 0 18px 10px;

	font-style: normal;

	font-size: 38px;

	font-family: Arial, Baskerville, monospace

}

.mfp-close:focus, .mfp-close:hover {

	opacity: 1

}

.mfp-close:active {

	top: 1px

}

.mfp-close-btn-in .mfp-close {

	color: #efefef

}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {

	color: #efefef;

	right: -6px;

	text-align: right;

	padding-right: 6px;

	width: 100%

}

.mfp-counter {

	position: absolute;

	top: 0;

	right: 0;

	color: #efefef;

	font-size: 12px;

	line-height: 18px

}

.mfp-figure, img.mfp-img {

	line-height: 0

}

.mfp-arrow {

	position: absolute;

	opacity: .65;

	margin: -55px 0 0;

	top: 50%;

	padding: 0;

	width: 90px;

	height: 110px;

	-webkit-tap-highlight-color: transparent

}

.mfp-arrow:active {

	margin-top: -54px

}

.mfp-arrow:focus, .mfp-arrow:hover {

	opacity: 1

}

.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {

	content: '';

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	left: 0;

	top: 0;

	margin-top: 35px;

	margin-left: 35px;

	border: inset transparent

}

.mfp-arrow .mfp-a, .mfp-arrow:after {

	border-top-width: 13px;

	border-bottom-width: 13px;

	top: 8px

}

.mfp-arrow .mfp-b, .mfp-arrow:before {

	border-top-width: 21px;

	border-bottom-width: 21px

}

.mfp-arrow-left {

	left: 0

}

.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {

	border-right: 17px solid #efefef;

	margin-left: 31px

}

.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {

	margin-left: 25px;

	border-right: 27px solid #3f3f3f

}

.mfp-arrow-right {

	right: 0

}

.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {

	border-left: 17px solid #efefef;

	margin-left: 39px

}

.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {

	border-left: 27px solid #3f3f3f

}

.mfp-iframe-holder {

	padding-top: 40px;

	padding-bottom: 40px

}

.mfp-iframe-holder .mfp-content {

	line-height: 0;

	width: 100%;

	max-width: 900px

}

.mfp-image-holder .mfp-content, img.mfp-img {

	max-width: 100%

}

.mfp-iframe-holder .mfp-close {

	top: -40px

}

.mfp-iframe-scaler {

	width: 100%;

	height: 0;

	overflow: hidden;

	padding-top: 56.25%

}

.mfp-iframe-scaler iframe {

	position: absolute;

	display: block;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	box-shadow: 0 0 8px rgba(0,0,0,.6);

	background: #000

}

.mfp-figure:after, img.mfp-img {

	width: auto;

	height: auto;

	display: block

}

img.mfp-img {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 40px 0;

	margin: 0 auto

}

.mfp-figure:after {

	top: 40px;

	bottom: 40px;

	right: 0;

	z-index: -1;

	background: #444

}

.mfp-figure small {

	color: #bdbdbd;

	display: block;

	font-size: 12px;

	line-height: 14px

}

.mfp-figure figure {

	margin: 0

}

.mfp-bottom-bar {

	margin-top: -36px;

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	cursor: auto

}

.mfp-title {

	text-align: left;

	line-height: 18px;

	color: #f3f3f3;

	word-wrap: break-word;

	padding-right: 36px

}

.mfp-gallery .mfp-image-holder .mfp-figure {

	cursor: pointer

}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {

.mfp-img-mobile .mfp-image-holder {

	padding-left: 0;

	padding-right: 0

}

.mfp-img-mobile img.mfp-img {

	padding: 0

}

.mfp-img-mobile .mfp-figure:after {

	top: 0;

	bottom: 0

}

.mfp-img-mobile .mfp-figure small {

	display: inline;

	margin-left: 5px

}

.mfp-img-mobile .mfp-bottom-bar {

	background: rgba(23,36,52,.6);

	bottom: 0;

	margin: 0;

	top: auto;

	padding: 3px 5px;

	position: fixed;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.mfp-img-mobile .mfp-bottom-bar:empty {

	padding: 0

}

.mfp-img-mobile .mfp-counter {

	right: 5px;

	top: 3px

}

.mfp-img-mobile .mfp-close {

	top: 0;

	right: 0;

	width: 35px;

	height: 35px;

	line-height: 35px;

	background: rgba(23,36,52,.6);

	position: fixed;

	text-align: center;

	padding: 0

}

}

@media all and (max-width:900px) {

.mfp-arrow {

	-webkit-transform: scale(.75);

	transform: scale(.75)

}

.mfp-arrow-left {

	-webkit-transform-origin: 0;

	transform-origin: 0

}

.mfp-arrow-right {

	-webkit-transform-origin: 100%;

	transform-origin: 100%

}

.mfp-container {

	padding-left: 6px;

	padding-right: 6px

}

}

.mfp-ie7 .mfp-img {

	padding: 0

}

.mfp-ie7 .mfp-bottom-bar {

	width: 600px;

	left: 50%;

	margin-left: -300px;

	margin-top: 5px;

	padding-bottom: 5px

}

.mfp-ie7 .mfp-container {

	padding: 0

}

.mfp-ie7 .mfp-content {

	padding-top: 44px

}

.mfp-ie7 .mfp-close {

	top: 0;

	right: 0;

	padding-top: 0

}

.image-source-link {

	color: #98c3d1

}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {

	opacity: 0;

	-webkit-backface-visibility: hidden;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.mfp-with-zoom.mfp-ready .mfp-container {

	opacity: 1

}

.mfp-with-zoom.mfp-ready.mfp-bg {

	opacity: .8

}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {

	opacity: 0

}

#map-1 {

	width: 100%;

	height: 500px;

	padding-top: 0;

	padding-bottom: 0

}

.wrapaddres {

	background: #fff;

	height: 400px;

	padding: 25px 20px 25px 40px;

	box-shadow: 5px 5px 2px rgba(0,0,0,.1)

}

address span {

	display: block;

	border-bottom: solid 1px transparent;

	padding-bottom: 5px;

	margin-bottom: 5px;

	line-height: 26pt;

	font-weight: 400!important

}

address span strong {

	font-weight: 500!important;

	display: inline-block;

	width: 60px

}

address span a {

	color: #eceff3;

	display: inline

}

address.cont-1 span {

	display: block;

	border-bottom: solid 1px #ebebeb;

	padding-bottom: 5px;

	margin-bottom: 5px;

	line-height: 30pt;

	font-weight: 400!important

}

address.cont-1 span strong {

	font-weight: 400!important;

	display: inline-block;

	width: 60px

}

address.cont-1 span a {

	color: #666;

	display: inline

}

.heading-cont {

	font-size: 16pt;

	font-weight: 500;

	margin-top: 0;

	margin-bottom: 15px;

	padding-bottom: 15px;

	border-bottom: 2px solid #ebebeb

}

#name-contact-1, #firstname, #lastname, #companyname, #zipcode, #city, #emailcom, #phonecom {

	border: 2px solid #f1f1f1;

	color: #969595

}

.form-group {

	margin-bottom: 20px

}

.form-control {

	width: 100%!important;

	height: 53px!important;

	padding: 4px 20px 6px 35px;

	font-size: 13px;

	line-height: 24px;

	color: #969595;

	background: #fff!important;

	border: 2px solid #f1f1f1;

	border-radius: 0;

	box-shadow: none

}

.form-control:focus {

	border: 2px solid #dbdbdb!important;

	box-shadow: none

}

.user-message textarea {

	min-height: 195px;

	padding-top: 12px

}

.contact-form form button {

	margin-top: 10px

}

.user-name, .user-email, .user-phone, .user-url, .user-message {

	position: relative

}

.user-name::after, .user-email::after, .user-phone::after, .user-url::after, .user-message::after {

	position: absolute;

	left: 15px;

	top: 10px;

	font-family: fontawesome;

	color: #dadada

}

.user-name::after {

	content: "\f007"

}

.user-email::after {

	content: "\f003"

}

.user-phone::after {

	content: "\f095"

}

.user-url::after {

	content: "\f0ac"

}

.user-message::after {

	content: "\f086"

}

.btn-contact, a.btn {

	width: 190px;

	height: 46px;

	font-size: 10pt;

	font-weight: 400;

	letter-spacing: 1pt;

	font-style: normal;

	text-align: center;

	line-height: 41px;

	color: #fff;

	border: 2px solid transparent;

	background: #dd4425;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	outline: none;

	text-shadow: none;

	margin: 30px auto;

	margin-left: 0;

	padding: 0;

	cursor: pointer;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.btn-contact:hover, a.btn:hover {

	color: #fff;

	background: #999

}

.btn {

	display: block

}

.error {

	width: 100%;

	display: none;

	padding: 2px 10px;

	font-size: 11px;

	margin: 10px auto

}

.success {


	width: 100%;

	display: none;

	padding: 5px 0 2px;

	font-size: 11px;

	margin: 10px auto

}

.footer {

	color: #fff;

	padding-top: 50px;

	background: #323439

}

.footer .col-md-4.column {

	padding-top: 20px

}

.footer-widget .widget {

	margin-bottom: 0;

	padding-top: 30px

}

.footer-widget .widget:first-child {

	padding-top: 0

}

.footer-widget .widget_nav_menu {

	text-align: center

}

.footer-widget .widget-title {

	text-transform: uppercase;

	color: #fff;

	margin-top: 0;

	margin-bottom: 1.5384615384615385em;

	position: relative;

	padding-bottom: .8em;

	text-align: center

}

.footer-widget .widget-title.align-left {

	text-align: left

}

.footer-widget .widget-title:before {

	position: absolute;

	content: "";

	height: 2px;

	width: 50px;

	left: 50%;

	-webkit-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	background: #666;

	bottom: 0

}

.footer-widget .widget-title.align-left:before {

	-webkit-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	-o-transform: translate(0, 0);

	transform: translate(0, 0);

	left: 0

}

ul.list-menu {

	padding-left: 0

}

ul.list-menu li a.active {

	color: #dd4425!important

}

.footer-widget li {

	border-bottom: none;

	padding-left: 0;

	padding-bottom: .7692307692307693em;

	position: relative

}

.footer-widget li .post-date {

	display: block;

	font-size: 85%;

	color: rgba(135,135,135,.7)

}

.footer-widget li:last-child {

	border: none

}

.footer-widget .social-widget-wrap i {

	color: #fff

}

.footer-widget .social-widget-wrap i:hover {

	color: inherit

}

.footer-widget .social-widget-wrap i {

	border: none!important;

	margin-right: 30px;

	width: auto

}

.footer-widget .social-widget-wrap a:hover i {

	color: #666!important

}

.footer-widget a {

	color: #878787;

	font-weight: 400

}

.footer-widget a:hover {

	color: #666

}

@media(min-width:992px) {

.footer-widget .footer-widget-col {

	border-right: 1px solid rgba(255,255,255,.15);

	padding-top: 80px;

	padding-bottom: 80px;

	display: table-cell;

	float: none

}

.footer-widget .footer-widget-col:last-child, .footer-widget .footer-widget-col.no-border {

	border: none

}

.footer-widget .footer-widget-col.ver-top {

	vertical-align: top

}

}

.footer-widgets {

	margin-bottom: 30px

}

.newsletter-box {

	float: right;

	margin-top: 10px

}

.newsletter-submit {

	font-family: FontAwesome

}

.newsletter-box input.newsletter-input {

	height: 46px;

	width: 360px;

	padding-left: 10px;

	padding-right: 10px;

	margin-right: -5px;

	background: #f6f6f6;

	border: none;

	box-shadow: none;

	outline: none

}

.newsletter-box input.newsletter-submit {

	background: #00f;

	height: 46px;

	color: #fff;

	margin-left: 0

}

.footer-widgets li {

	list-style-type: none;

	margin-right: px;

	letter-spacing: 1px

}

.list-menu {

	padding-left: 0!important;

	margin-left: 0!important

}

.footer-widgets li:before {

	font-family: fontawesome;

	content: "\f0c8";

	margin-right: 10px;

	font-size: 11px;

	color: #bfb38f

}

.footer-widgets li a {

	text-transform: capitalize

}

.social-icons a {

	margin-left: 20px;

	font-size: 15px;

	text-align: center

}

.social-icons a i {

	width: 40px;

	height: 40px;

	border: 1px solid #ccc;

	padding: 10px;

	font-size: 20px

}

.social-icons a:first-child {

	margin-left: 0

}

.bottom-footer {

	padding-top: 16px;

	padding-bottom: 10px;

	border-top: 1px solid #424141;

	margin-top: 30px

}

@media(min-width:992px) {

.footer .footer-contact .row {

	display: table;

	width: 100%

}

.footer .footer-contact .col-sm-4 {

	display: table-cell;

	float: none

}

}


.footer .footer-contact-item {

	padding: 36px;

	text-align: center

}

.footer .footer-contact-item .footer-contact-icon {

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border: 2px solid #666;

	color: #fff;

	font-size: 20px;

	display: inline-block;

	margin-bottom: 15px

}

.footer-links a {

	text-transform: uppercase;

	font-weight: 400;

	color: #000;

	letter-spacing: 0;

	font-size: 14px;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.search-container {

	position: relative

}

.s-input-home {

	color: #a4b0b8;

	background: #fbfbfb;

	width: 100%;

	height: 46px;

	padding: 0 20px;

	border-radius: 23px;

	border: 1px solid #eee

}

.btn-s-input {

	position: absolute;

	top: 0;

	right: 0;

	width: 56px;

	height: 46px;

	color: #fff;

	background: #bfb38f;

	border: 0;

	border-top-right-radius: 23px;

	border-bottom-right-radius: 23px;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.btn-s-input:hover {

	background: #999;

	border: 0;

	border-top-right-radius: 23px;

	border-bottom-right-radius: 23px;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.copyright span {



	font-size: 15px

}

.footer-links .logo {

	margin-bottom: 20px;

	height: 14px

}

.footer a {

	color: #fff

}

.footer a:hover {

	color: #d1b276

}

.footer .footer-info {

	color: #878787;

	padding: 40px 0;

	position: relative

}

.footer .footer-info a {

	color: #878787

}

.footer .footer-info a:hover {

	color: #666

}

.copyright, .footer-info-logo {

	margin-bottom: .7692307692307693em

}

.footer-social a {

	width: 30px;

	height: 30px;

	display: inline-block;

	line-height: 30px;

	font-size: 1.5em;

	margin: 0 5px

}

.footer-social a i:hover {

	background: 0 0!important;

	color: #666!important

}

.social-icons {

	text-align: left;

	margin-top: 30px

}

#totop {

	width: 42px;

	height: 42px;

	color: #fff;

	background: #bfb38f;

	line-height: 35px;

	position: fixed;

	right: 10px;

	text-align: center;

	cursor: pointer;

	z-index: 99999;

	-webkit-border-radius: 4%;

	-moz-border-radius: 4%;

	-ms-border-radius: 4%;

	-o-border-radius: 4%;

	border-radius: 4%;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	font-size: 22px

}

#totop.init {

	bottom: -100px;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

#totop.show {

	bottom: 2%;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

#totop:hover {

	background: #999;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

#totop span {

	font-size: 9pt;

	font-weight: 300;

	color: #fff

}

.modal {

	z-index: 99999

}

.modal label {

	font-weight: 500

}

.modal-login {

	color: #636363;

	max-width: 400px

}

.modal-login .modal-content {

	padding: 20px;

	border-radius: 5px;

	border: none

}

.modal-login .modal-header {

	border-bottom: none;

	position: relative;

	justify-content: center

}

.modal-login h4 {

	text-align: center;

	font-size: 2.1rem;

	font-weight: 500;

	color: #272727!important

}

.modal-login .form-group {

	position: relative

}

.modal-login i {

	position: absolute;

	left: 13px;

	top: 11px;

	font-size: 18px;

	color: #ddd

}

.modal-login .form-control {

	padding-left: 10px


}

.modal-login .form-control:focus {

	border-color: #00ce81

}

.modal-login .form-control, .modal-login .btn {

	max-height: 45px;

	padding-right: 10px

}

.modal-login .hint-text {

	text-align: center;

	padding-top: 10px

}

.modal-login .close {

	position: absolute;

	top: -5px;

	right: -5px

}

.modal-login .btn {

	font-size: 11pt;

	letter-spacing: 1px;

	background: #dd4425;

	border: none;

	border-radius: 0;

	line-height: normal;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.modal-login .btn:hover, .modal-login .btn:focus {

	background: #ddd;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.modal-login .modal-footer {

	background: #ecf0f1;

	border-color: #dee4e7;

	text-align: center;

	margin: 0 -20px -20px;

	border-radius: 5px;

	font-size: 13px;

	justify-content: center

}

.modal-login .modal-footer a {

	color: #999

}

.trigger-btn {

	display: inline-block;

	margin: 100px auto

}

.modal-dialog {

	margin: 30px auto

}

.blog-simple .blog-text {

	margin-bottom: 30px;

	position: relative;

	width: 100%;

	padding: 15px 15px 15px 0;

	float: right;

	letter-spacing: .3px

}

.blog-simple blockquote {

	font-size: 15px;

	font-style: italic;

	font-weight: 400;

	line-height: 1.6em;

	color: #333;

	background: #f8f8f8;

	padding: 30px;

	margin: 30px 0;

	border-left: 5px solid #dd4425

}

.blog-simple .blog-text .heading {

	margin-top: 15px

}

.blog-simple .blog-text h3 a {

	font-weight: 500

}

.blog-simple .blog-text span {

	display: inline-block;

	margin-bottom: 20px

}

.blog-simple .blog-text span.date-post {

	font-style: italic;

	font-size: 13px;

	font-weight: 400;

	margin-left: 20px

}

.blog-simple .blog-text span.date-post i {

	padding-right: 7px

}

.blog-simple .blog-text span.user-post {

	font-size: 13px;

	font-weight: 400

}

.blog-simple .blog-text span.user-post i {

	padding-right: 7px

}

.blog-simple .blog-text span.comment {

	margin-left: 20px;

	font-size: 13px

}

.blog-simple .blog-text span.comment a i {

	padding-right: 7px

}

.blog-simple .blog-text h3 {

	font-size: 20px;

	margin-bottom: 20px;

	font-weight: 300;

	line-height: 1.5

}

.blog-simple .blog-text a {

	margin-top: 20px;

	margin-bottom: 20px

}

ul.pagination li a {

	font-size: 9.5pt;

	color: #333;

	margin-right: 5px;

	padding-left: 30px

}

ul.pagination li a:hover {

	color: #fff;

	background: #dd4425

}

.post-meta {

	background: #fcfcfc;

	border-top: none;

	text-align: center

}

.post-meta .format {

	border-bottom: 1px solid #333;

	padding: 10px 0

}

.post-meta i {

	margin: 0

}

.post-meta .date {

	border-bottom: 1px solid #e6e6e6;

	padding: 10px 0

}

.post-meta .date span {

	text-align: center;

	color: #efefef;

	font-size: 12px;

	font-weight: 500

}

.post-meta .comments {

	padding: 10px 0

}

.post-meta .comments a {

	color: #efefef;

	font-size: 10px;

	font-weight: 500

}

.post-meta .comments a:hover {

	text-decoration: none

}

.post-image {

	margin-bottom: 20px

}

ul.meta-post {

	float: left;

	margin: 0;

	padding: 0;

	list-style: none

}

ul.meta-post li {

	float: left;

	margin: 0 10px 0 0;

	padding: 0;

	list-style: none

}

ul.meta-post li a {

	float: left;

	font-size: 11pt;

	font-weight: 500;

	padding-top: 20px

}

.top-article {

	display: block;

	margin-top: 30px

}

.bottom-article {

	overflow: hidden;

	padding: 10px 0;

	margin-top: 10px;

	margin-bottom: 30px

}

.bottom-article a.btn {

	display: inline-block;

	width: auto;

	height: 40px;

	font-size: 10pt;

	font-weight: 600;

	letter-spacing: 1pt;

	font-style: normal;

	text-align: center;

	line-height: 38px;

	color: #fff;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	outline: none;

	text-shadow: none;

	margin: 5px auto;

	margin-left: 0;

	padding: 0 30px;

	cursor: pointer;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.bottom-article a.btn:hover {

	color: #999;

	background: #efefef

}

aside {

	position: relative;

	margin-bottom: 40px

}

.sidebar-nav {

	float: left;

	width: 100%

}

.right-sidebar {

	margin: 0 auto

}

.left-sidebar {

	padding: 0 30px 0 0

}

.left-sidebar .widget h3, .left-sidebar .widget .widget-content {

	padding-right: 20px

}

aside .widget, .widget {

	margin-bottom: 40px

}

.widget .form-control {

	width: 100%!important;

	height: auto!important;

	padding: 7px 10px!important;

	font-size: 13px;

	line-height: 24px;

	color: #969595;

	background: #fff!important;

	border: 1px solid #dd4425!important;

	border-radius: 0;

	box-shadow: none

}

.widget .form-control:focus {

	border: 1px solid #efefef!important;

	box-shadow: none

}

.widget .recent div {

	width: 100%;

	display: inline-block;

	padding-bottom: 25px

}

.widget .recent div img {

	float: left;

	margin-right: 20px;

	width: 65px;

	height: 65px;

	object-fit: cover

}

.widget .recent div h6 {

	font-size: 16px;

	font-weight: 600;

	margin-top: 10px;

	margin-bottom: 5px

}

.widget .recent div p {

	line-height: 20px;

	color: #aaa

}

.widget .tags {

	margin: 0;

	margin-left: 0;

	padding-left: 0

}

.widget .tags div {

	margin: 5px 5px 15px 0;

	display: inline-block

}

.widget .tags div a {

	font-size: 13px;

	border: 1px solid #efefef;

	padding: 5px 10px;

	text-align: center

}

.widget .tags div a:hover {

	text-decoration: none;

	border: 1px solid #dd4425

}

.devider-widget {

	display: block;

	border-bottom: 2px solid #dd4425;

	margin-bottom: 30px;

	margin-top: 20px;

	width: 60px;

	text-align: left

}

.input-group input[type=text], .input-group input[type=text] {

	font-size: 9pt;

	letter-spacing: .9px;

	font-weight: 400

}

.input-group input[type=text]:focus, .input-group input[type=text].focus {

	color: #111

}

.input-group span.icon {

	display: inline-block;

	padding: 6px 12px;

	margin-bottom: 0;

	margin-left: 0;

	font-size: 14px;

	font-weight: 400;

	line-height: 2;

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	color: #fff;

	-webkit-transition: all .1s ease-in-out;

	transition: all .1s ease-in-out

}

.input-group-btn button span.icon {

	background: #333

}

.input-group-btn button:hover span.icon {

	background: #dd4425;

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out

}

#blog-comment {

	margin: 60px 0;

	padding: 0

}

#blog-comment h5 {

	font-size: 14px;

	color: #000;

	font-weight: 600;

	margin-bottom: 15px;

	padding-bottom: 15px

}

#blog-comment>ul, #blog-comment>li {

	list-style: none;

	padding-left: 0

}

#blog-comment ul.children>ul {

	list-style: none

}

#blog-comment li .avatar {

	position: absolute

}

#blog-comment .comment {

	font-size: 13px;

	margin-left: 85px

}

#blog-comment li {

	font-size: 14px;

	line-height: 1.6em;

	padding-bottom: 0

}

#blog-comment li>li {

	margin-left: 0;

	padding-bottom: 0;

	margin-top: 20px;

	padding-top: 10px;

	border-bottom: none

}

#blog-comment li li .avatar {

	position: absolute

}

#blog-comment ul.children {

	margin-left: 70px

}

#blog-comment .pingback-entry {

	margin-bottom: 20px

}

#blog-comment p.no-comments {

	color: #8a6d3b;

	background-color: #fcf8e3;

	padding: 5px 15px;

	margin-bottom: 20px;

	border-radius: 4px;

	font-style: italic;

	border: 1px solid #faebcc

}

#blog-comment>ul ul {

	list-style: none;

	margin-top: 10px

}

.comment-info {

	margin-left: 85px;

	margin-bottom: 5px;

	background: #fafafa;

	padding: 20px 30px

}

.comment-info .c-name {

	font-size: 1.4rem;

	font-weight: 700;

	color: #666

}

.comment-info .c-reply {

	display: block;

	margin-top: 10px;

	margin-bottom: 5px

}

.comment-info .c-reply a {

	font-size: 12px;

	padding: 1px 20px 2px 15px;

	border: 2px solid #efefef;

	width: 100px;

	text-align: center;

	font-weight: 300

}

.comment-info .c-reply a:hover {

	border: 2px solid #ccc;

	color: #ccc

}

.comment-info .c-reply a::before {

	content: "\f112";

	margin-right: 5px;

	font-family: fontawesome;

	font-size: 9px;

	color: #ddd

}

.comment-info .c-date {

	display: inline;

	text-transform: uppercase;

	font-size: 11px;

	letter-spacing: 1px;

	float: right;

	color: #6f6f6f;

	font-weight: 400

}

.comment-info .c-date i {

	padding-right: 0

}

.comment-content.entry.clr p {

	font-size: 1.358rem;

	margin: 15px 0;

	letter-spacing: .3px;

	color: #757575

}

.comment-respond {

	margin-top: 10px;

	padding: 10px 30px;

	background: #f9f9f9;

	border: 1px solid #f6f6f6

}

#comment-form-wrapper h6 {

	font-size: 11pt;

	margin-bottom: 15px;

	padding-bottom: 15px

}

#comment-form-wrapper {

	margin: 50px 0;

	padding: 0

}

#commentform input {

	width: 100%;

	font-size: 13px;

	padding: 10px;

	margin: 5px 0 0;

	height: 40px;

	letter-spacing: 0;

	color: #969595;

	border: 2px solid #f1f1f1;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .2s ease

}

#commentform input:focus {

	color: #606060;

	background: 0 0

}

#commentform textarea {

	width: 100%;

	font-size: 13px;

	padding: 10px;

	margin: 5px 0 0;

	height: 150px;

	color: #969595;

	background: #fff!important;

	border: 2px solid #f1f1f1

}

#commentform textarea:focus {

	color: #606060;

	background: 0 0

}

#commentform button.btn, #commentform input[type=submit] {

	width: 160px;

	height: 40px;

	font-size: 9pt;

	font-weight: 400;

	letter-spacing: 1pt;

	font-style: normal;

	text-align: center;

	line-height: 35px;

	color: #fff;

	border: 0 solid transparent;

	background: #dd4425;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	outline: none;

	text-shadow: none;

	margin: 15px auto;

	margin-left: 0;

	padding: 0;

	cursor: pointer;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

#commentform button.btn:hover, #commentform input[type=submit]:hover {

	background: #999

}

#cancel-comment-reply-link {

	color: red

}

.comment-reply-title {

	font-size: 1.7rem;

	font-weight: 600;

	line-height: 1.3333;

	letter-spacing: 0;

	color: #000

}

select.form-control, select.form-control:hover, select.form-control:focus, input[type=text].form-control, input[type=text].form-control:hover, input[type=text].form-control:focus {

	background: #fbfbfb;

	box-shadow: 0 1px 1px transparent inset, 0 0 8px transparent;

	outline: 0

}

.acorconcreate .panel-default>.panel-heading, .acorconcreate .panel-body {

	background: 0 0;

	padding: 30px

}

.acorconcreate .panel-title {

	font-size: 2.345rem;

	font-weight: 600

}

body.black, body.black header, body.black .white nav ul ul li, body.black .whitepage {

	color: #fff;

	background: #272727!important

}

body.black .preloader, body.black .bg-preloader-white, body.black .bg-preloader-white-bot, body.black .prtf-outline {

	background: #272727

}

body.black .white nav ul ul li a:hover {

	background: #333

}

body.black .navbar-default-white, body.black .subnav {

	color: #fff;

	background: #272727!important;

	border-bottom: 1px solid rgba(255,255,255,.1)

}

body.black .bottom-footer {

	border-top: 1px solid rgba(255,255,255,.1)

}

body.black #sub-icon {

	border-right: 1px solid rgba(255,255,255,.1)

}

body.black .btn-s-input {

	right: -4px

}

body.black .h1, body.black .h2, body.black .h3, body.black .h4, body.black .h5, body.black .h6, body.black h1, body.black h2, body.black h3, body.black h4, body.black h5, body.black h6, body.black .social-icons-subnav span, body.black .social-icons-subnav i, body.black .white nav a, body.black .year .heading, body.black .year .subheading, body.black .tagline, body.black .footer, body.black .footer a {

	color: #fff

}

body.black section.dot {

	background-image: url(../img/dotblack.png)

}

body.black #imghome::before {

	background: url(../img/dot-black.png)

}

.no-sub header.init {

	height: 80px;

	position: relative

}

.no-sub .navbar-default-white {

	margin: 0 auto;

	box-shadow: 0 10px 90px rgba(23,36,52,.1)

}

.right-mobile {

	position: relative;

	top: 32px

}

#nav-icon {

	position: relative;

	top: 40px;

	right: 0;

	margin-left: 60px;

	z-index: 9999;

	width: 20px;

	height: 25px;

	cursor: pointer;

	-webkit-transform: rotate(0deg);

	transform: rotate(0deg);

	-webkit-transition: width .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1);

	transition: width .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1)

}

.bg-nav-icon {

	width: 32px;

	height: 24px;

	background: 0 0;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

#nav-icon span {

	display: none;

	position: absolute;

	top: -8px;

	left: -45px

}

.menu-line {

	position: absolute;

	width: 100%;

	height: 2px;

	top: 0;

	background-color: #111

}

.menu-line1 {

	position: absolute;

	width: 100%;

	height: 2px;

	top: 5px;

	background-color: #111

}

.menu-line2 {

	position: absolute;

	width: 100%;

	height: 2px;

	top: 10px;

	background-color: #111

}

.menu-line2.white, .menu-line1.white, .menu-line.white {

	background-color: #333

}

.menu-line2.black, .menu-line1.black, .menu-line.black {

	background-color: #111

}

#nav-icon.open .bg-nav-icon {

	background: 0 0

}

#nav-icon.open {

	width: 15px;

	margin-left: 90px;

	-webkit-transition: width .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1);

	transition: width .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1)

}

#nav-icon.open span {

	display: block;

	-webkit-transition: width .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1);



	transition: width .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1)

}

#nav-icon.open .menu-line {

	top: 5px;

	-webkit-transform: rotate(135deg);

	-moz-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-o-transform: rotate(135deg);

	transform: rotate(135deg)

}

#nav-icon.open .menu-line1 {

	opacity: 0;

	top: 5px

}

#nav-icon.open .menu-line2 {

	top: 5px;

	-webkit-transform: rotate(-135deg);

	-moz-transform: rotate(-135deg);

	-ms-transform: rotate(-135deg);

	-o-transform: rotate(-135deg);

	transform: rotate(-135deg)

}

.whitepage-menu {

	display: none;

	background: #fff;

	width: 600px;

	height: 100vh;

	position: fixed;

	top: 0;

	right: 0

}

#menu-block ul {

	margin: 0 auto;

	text-align: left;

	padding-left: 0

}

#menu-block ul li {

	display: block;

	position: relative;

	color: #999;

	font-size: 24pt;

	font-weight: 600;

	line-height: 20pt;


	padding: 20px;

	cursor: pointer;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

#menu-block ul li:hover {

	color: #111;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

#menu-block ul li a.actived {

	color: #111

}

#menu-block ul li i {

	font-size: 40%;

	font-weight: 600

}

#menu-block ul li ul li {

	font-size: 18pt;

	font-weight: 500;

	line-height: 15pt;

	margin-left: 0;

	color: #666;

	padding: 0;

	margin-top: 30px

}

.dropdown-container {

	display: none

}

.init-menu {

	left: 30px;

	opacity: 0;

	-webkit-transition: left .6s ease;

	-moz-transition: left .6s ease;

	-o-transition: left .6s ease;

	transition: left .6s ease

}

.show-menu {

	left: 0;

	opacity: 1;

	-webkit-transition: left .6s ease;

	-moz-transition: left .6s ease;

	-o-transition: left .6s ease;

	transition: left .6s ease

}

.block-main {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: fixed;

	background: rgba(0,0,0,.6);

	display: none;

	z-index: 99

}

.wrap-menu {

	height: 100%;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-direction: normal;

	-moz-box-direction: normal;

	-webkit-box-orient: horizontal;

	-moz-box-orient: horizontal;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: center;

	-moz-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-align-content: stretch;

	-ms-flex-line-pack: stretch;

	align-content: stretch;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center

}

.wrap-menu-child {

	padding-right: 5%;

	padding-left: 5%;

	width: 250px

}

.features-2 {

	position: relative;

	margin-top: -10%!important;

	z-index: 1

}

body.trans-header header.init {

	height: 0

}

body.trans-header header.show, body.trans-header .navbar-default-white {

	background: rgba(0,0,0,.4)!important;

	box-shadow: 0 10px 90px transparent

}

body.trans-header .white nav ul ul li {

	background: rgba(0,0,0,.8)!important

}

body.trans-header #sub-icon {

	color: #fff;

	border-right: 1px solid rgba(255,255,255,.8)

}

body.trans-header .white nav a {

	color: #fff

}

body.trans-header .menu-line2.white, body.trans-header .menu-line1.white, body.trans-header .menu-line.white {

	background-color: #fff

}

.initheader {

	top: 0;

	-webkit-animation-duration: 1.2s;

	animation-duration: 1.2s;

	-webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);

	animation-timing-function: cubic-bezier(.23, 1, .32, 1)

}

.showheader {

	top: -100px;

	-webkit-animation-duration: .6s;

	animation-duration: .6s;

	-webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);

	animation-timing-function: cubic-bezier(.23, 1, .32, 1)

}



.rev_slider_wrapper .slide-content-box h2 {

	font-size: 80px;

	color: #fff!important;

	text-transform: uppercase;

	font-weight: 700;

	padding: 8px 10px;

	font-family: rubik, sans-serif

}

.rev_slider_wrapper .slide-content-box.side_bnr h2 {

	font-size: 80px;

	color: #fff!important;

	text-transform: uppercase;

	font-weight: 700;

	padding: 8px 10px;

	font-family: rubik, sans-serif

}

.rev_slider_wrapper .slide-content-box h1 {

	color: #fff;

	font-size: 34px;

	line-height: 45px;

	margin: 14px 0 9px;

	font-weight: 400;

	padding: 8px 10px;

	font-family: rubik, sans-serif

}

.rev_slider_wrapper .slide-content-box.side_bnrsmal_txt h1 {

	color: #fff;

	font-size: 34px;

	line-height: 45px;

	margin: 14px 0 9px;

	font-weight: 400;

	padding: 8px 10px;

	font-family: rubik, sans-serif

}

.rev_slider_wrapper .slide-content-box .gb-btn {

	text-align: center;

	font-size: 24px;

	font-weight: 700;

	padding: 10px 30px!important;

	width: auto!important

}

.gb-btn.btn-whitecolor {

	color: #ffff;

	border-color: #142476;

	background-color: #142476

}

.bt-new {

	font-weight: 400;

	position: relative;

	width: 174px;

	padding: 10px 20px;

	height: 45px;

	font-size: 12pt;

	font-weight: 500;

	text-align: center;

	letter-spacing: 1px;

	line-height: 40px;

	color: #142476;

	background: 0 0;

	border: 3px solid #142476;

	outline: none;

	text-shadow: none;

	margin-top: 10px;

	cursor: pointer;

	overflow: hidden;

	-moz-transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease

}

.agency-image {

	padding: 0

}

.agency-detail {

	padding: 40px 30px 15px

}

.agency figure {

	width: 100%;

	float: left;

	position: relative

}

.agency-image figure img {

	width: 100%

}

.mt-15 {

	margin-top: 32px

}

.footer-title {

	color: #142476;

	font-size: 20px;

	margin-bottom: 21px;

	font-weight: 600;

	margin-top: 0;

	text-transform: uppercase

}

.mob_whatsaap, .mob_rqstqut, .mob_phone {

	visibility: hidden;

	display: none;

	padding: 0

}

@media all and (max-width:767px) {

.mob_whatsaap, .mob_rqstqut, .mob_phone {

	visibility: visible;

	display: block

}

.mob_rqstqut {

	width: 33%;

	font-size: 24px;

	text-align: center;

	padding: 5px;

	background: #f2f2f2;

	color: #142476;

	float: left

}

.mob_whatsaap {

	width: 34%;

	font-size: 24px;

	text-align: center;

	padding: 5px;

	background: #ececec;

	color: #142476;

	float: left

}

.mob_phone {

	width: 33%;

	font-size: 24px;

	text-align: center;

	padding: 5px;

	background: #e4e4e4;

	color: #142476;

	float: left

}

.mob_whatsaap i, .mob_rqstqut i, .mob_phone i {

	width: 100%;

	float: left

}

.mob_whatsaap span, .mob_rqstqut span, .mob_phone span {

	font-size: 16px;

	line-height: 26px;

	width: 100%;

	float: left;

	color: #333;

	letter-spacing: 1px

}

}

.modal-body .form-control {

	border: 2px solid #8e8d8d!important

}

.modal-body .btn {

	padding: 10px 30px!important;

	border: none

}

.modal-body .btn:hover {

	padding: 10px 30px!important

}

.myButton {

	-moz-box-shadow: inset 0 34px 3px -15px #2c3adb;

	background-color: #666;

	-moz-border-radius: 32px;

	-webkit-border-radius: 32px;

	border-radius: 32px;

	display: inline-block;

	cursor: pointer;

	color: #fff;

	font-size: 14px;

	padding: 10px 16px;

	text-decoration: none;

	position: fixed;

	bottom: 5px;

	right: 5px;

	z-index: 500;

	height: 45px;

	text-align: center;

	line-height: 27px

}
.myButton:focus,
.myButton:hover {

	background-color: #d1b276;
	color:#fff;
	z-index: 500;
	text-decoration:none;
	

}

/*.myButton:active {

	position: relative;

	top: 1px

}*/

.about p, .about h3.headingcontent {

	color: #000!important

}

.about p {

	margin-bottom: 20px

}

.about .bt-new {

	font-weight: 400;

	position: relative;

	width: 182px;

	padding: 18px 39px;

	height: 53px;

	font-size: 18px;

	text-align: center;

	letter-spacing: 1.5pt;

	line-height: 60px;

	color: #000;

	background: 0 0;

	border: 3px solid #d1b276;

	outline: none;

	text-shadow: none;

	margin-top: 10px;

	cursor: pointer;

	overflow: hidden;

	-moz-transition: all .6s ease;

	-ms-transition: all .6s ease;



	-o-transition: all .6s ease;

	transition: all .6s ease

}

.about .bt-new:hover {

	background: #d1b276;

	color: #fff

}

.ab100, .table-outer {

	width: 100%;

	height: 100%

}

.ab100 {

	position: absolute;

	top: 0;

	left: 0

}

.headingPreamble__heading {

	font-size: 38px;

	padding-bottom: 23px;

	margin-bottom: 38px;

	line-height: 1.53333;

	position: relative;

	text-align: center;

	margin-top: 30px;

	text-transform: uppercase

}

.headingPreamble__heading:after {

	content: "";

	width: 80px;

	height: 3px;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -40px;

	background-color: #d1b276

}

.item-inside {

	padding: 2px

}

.item-inside.item-num-2, .item-inside.item-num-3, .item-inside.item-num-4, .item-inside.item-num-5, .item-inside.item-num-6, .item-inside.item-num-7 {

	width: 50%

}

.item-inside.item-num-8 {

	width: 100%

}

.swiper-button-prev, .swiper-button-next {

	width: 65px;

	height: 65px!important;

	position: absolute;

	top: 40%!important;

	z-index: 500;

	font-size: 36px;

	color: #fff;

	cursor: pointer;

	line-height: 31px

}

.swiper-button-prev {

	display: block;

	left: 10px;

	top: 0;

	margin-top: 0;

	height: calc(100% - 3em);

	text-align: right

}

@media(min-width:37.5em) {

.swiper-button-prev {

	display: block

}

}

.swiper-button-next {

	display: block;

	right: 10px;

	top: 0;

	margin-top: 0;

	height: calc(100% - 3em)

}

@media(min-width:37.5em) {

.swiper-button-next {

	display: block

}

}

.caption:hover .case__areas, .caption:hover .case__heading {

	-webkit-transform: translateY(0);

	transform: translateY(0);

	opacity: 1

}

.case__arrowHolder {

	width: 135px!important;

	height: 50px;

	margin: 0 auto;

	overflow: hidden;

	border: 2px solid #d1b276;

	padding: 10px 0;

	text-align: center;

	position: relative;

	color: #fff;

	text-decoration: none

}

.cases__button-holder {

	padding-bottom: 60px;

	text-align: center

}

.button__inner, .button__text {

	position: relative;

	transition: .25s

}

.button__inner {

	display: inline-block;

	padding: 19px 32px;

	min-width: 208px;

	text-align: center;

	z-index: 10

}

.button__text {

	color: #000;

	top: 0;

	font-size: 18px;

	font-weight: 400;

	letter-spacing: 1.5px;

	z-index: 20

}

.button__background {

	border: 2px solid #d1b276;

	transition: .25s

}

.button:hover .button__background {

	-webkit-transform: scale(1.05);

	transform: scale(1.05);

	box-shadow: 0 20px 30px 0 rgba(0,0,0,.2);

	background: #d1b276

}

.button__background:hover {

	content: "";

	background-color: #d1b276;

	position: absolute;

	top: -2px;

	left: -2px;

	width: calc(100% + 4px);

	height: calc(100% + 4px);

	transition: .25s;

	-webkit-transform: scaleX(0);

	transform: scaleX(0)

}

.case__arrowHolder:hover {

	background: #d1b276;

	border: 2px solid #d1b276

}

.service-area {

	background: url(../img/bg-1.jpg) no-repeat;

	background-attachment: fixed;

	background-size: cover

}

.featured-news {

	width: 100%;

	float: left;

	position: relative;

	min-height: 1px;

	padding-right: 15px;

	padding-left: 15px

}

.features-box {

	padding: 0;

	margin: 100px 0 0

}

.features-box li:nth-child(1), .features-box li:nth-child(2), .features-box li:nth-child(3), .features-box li:nth-child(4) {

	border-top: none

}

.features-box li {

	list-style-type: none;

	width: 25%;

	color: #fff;

	text-align: center;

	line-height: 20px;

	font-size: 14px;

	float: left;

	padding: 40px 0;

	border-top: 1px solid rgba(255,255,255,.2);

	border-right: 1px solid rgba(255,255,255,.2)

}

.features-box li img {

	margin-bottom: 20px;

	width: 60px

}

.features-box li span {

	display: inherit;

	font-size: 18px;

	font-weight: 500

}

.features-box li:nth-child(4), .features-box li:nth-child(8) {

	border-right: none

}

.service-area {

	padding-top: 80px;

	padding-bottom: 80px

}

.service-area h2 {


	color: #fff;

	text-align: center;

	font-size: 38px;

	text-transform: uppercase

}

.service-area .cases__button-holder {

	padding-bottom: 30px;

	padding-top: 50px

}

.service-area .cases__button-holder .button__text {

	color: #fff;



	top: 0

}

.service-area p {

	color: #fff

}

.references__buttons {

	margin: -108px auto 0;

	width: calc(100% - 30px)

}

.references__buttons {

	width: 954px;

	max-width: 100%;

	background-color: #fff;

	margin: -89px auto 0;

	position: relative;

	z-index: 1;

	box-shadow: 1px 1px 60px 0 rgba(0,0,0,.18)

}

.references__buttons-inner {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

	padding: 45px 65px

}

.customer, .customers__inner {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	margin: 0 auto

}

.customers__inner {

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	padding: 20px 0 10px

}

.customer {

	width: 50%;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	margin-bottom: 17px;

	transition: 0s

}

.customer__logo {

	-webkit-filter: grayscale(1);

	filter: grayscale(1);

	opacity: .5;

	transition: .25s

}

.listing-carousel {

	float: left;

	padding: 0 140px;

	width: 100%

}

.listing-box {

	float: left;

	position: relative;

	width: 100%

}

.listing-box-thumb {

	-webkit-border-radius: 4px 4px 0 0;

	-moz-border-radius: 4px 4px 0 0;

	-ms-border-radius: 4px 4px 0 0;

	-o-border-radius: 4px 4px 0 0;

	border-radius: 4px 4px 0 0;

	float: left;

	overflow: hidden;

	position: relative;

	width: 100%;

	z-index: 0

}

.listing-box-thumb::before {

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,23,31,0.45) 30%, rgba(0,23,31,0.65) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(30%, rgba(0,23,31,0.45)), color-stop(100%, rgba(0,23,31,0.65)));

	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,23,31,0.45) 30%, rgba(0,23,31,0.65) 100%);

	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,23,31,0.45) 30%, rgba(0,23,31,0.65) 100%);

	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,23,31,0.45) 30%, rgba(0,23,31,0.65) 100%);

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,23,31,0.45) 30%, rgba(0,23,31,0.65) 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a600171f', GradientType=0 );

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 1

}

.listing-box-thumb>img {

	float: left;

	width: 100%

}

.price-list {

	background: rgba(0,23,31,.8) none repeat scroll 0 0;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	border-radius: 4px;

	color: #fff;

	font-family: Roboto;

	font-size: 14px;

	padding: 6px 15px;

	position: absolute;

	right: 20px;

	top: 20px;

	z-index: 1

}

.listing-box-title {

	bottom: 0;

	left: 0;

	padding: 20px;

	position: absolute;

	width: 100%;

	z-index: 1

}

.listing-box-title h3 {

	color: #fefeff;

	float: left;

	font-family: ubuntu, sans-serif;

	font-size: 20px;

	font-weight: 700;

	width: 100%

}

.listing-box-title h3 a {

	color: #fefeff

}

.listing-box-title>span {

	color: #fff;

	float: left;

	font-size: 15px;

	line-height: 20px;

	width: 100%

}

.listing-rate-share {

	background: #fff none repeat scroll 0 0;

	-webkit-border-radius: 0 0 4px 4px;

	-moz-border-radius: 0 0 4px 4px;

	-ms-border-radius: 0 0 4px 4px;

	-o-border-radius: 0 0 4px 4px;

	border-radius: 0 0 4px 4px;

	-webkit-box-shadow: 2px 0 5px rgba(0,0,0,.1);

	-moz-box-shadow: 2px 0 5px rgba(0,0,0,.1);

	-ms-box-shadow: 2px 0 5px rgba(0,0,0,.1);

	-o-box-shadow: 2px 0 5px rgba(0,0,0,.1);

	box-shadow: 2px 0 5px rgba(0,0,0,.1);

	float: left;

	margin-bottom: 6px;

	padding: 0 20px;

	position: relative;

	width: 100%;

	z-index: 1

}

.rated-list>b {

	color: #00171f;

	float: left;

	font-size: 17px;

	margin: 0 1px

}

.rated-list {

	float: left;

	margin: 20px 0

}

.rated-list span {



	color: #8d99ae;

	display: inline-block;

	font-family: Roboto;

	font-size: 13px;

	margin-left: 20px;

	position: relative;

	top: -2px

}

.rated-list b.la-star-o {

	color: #8d99ae

}

.listing-rate-share>span {

	color: #8d99ae;

	cursor: pointer;

	float: left;

	font-size: 33px;

	line-height: 60px;

	margin-left: 40px

}

.listing-rate-share>a {

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	color: #fff;

	float: right;

	font-size: 30px;

	height: 60px;

	line-height: 60px;

	margin-top: -30px;

	text-align: center;

	width: 60px

}

.slick-dots {

	float: left;

	list-style: outside none none;

	margin: 40px 0 0;

	padding: 0;

	text-align: center;

	width: 100%

}

.slick-dots>li {

	display: inline-block;

	float: none

}

.slick-dots>li>button {

	background: #d9dada none repeat scroll 0 0;

	border: medium;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	color: transparent;

	height: 13px;

	margin: 0 2px;

	padding: 0;

	width: 13px

}

.slick-dots>li.slick-active>button {

	background: #8d99ae none repeat scroll 0 0

}

.about-company {

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 0 0 100px

}

.about-company:before {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	content: "";

	background-color: #fff;

	opacity: .93

}

.auto-container {

	position: static;

	max-width: 1200px;

	padding: 0 15px;

	margin: 0 auto

}

.about-company .content-box {

	position: relative;

	text-align: center;

	max-width: 85%;

	margin: 0 auto

}

.about-company h3 {

	position: relative;

	display: block;

	font-size: 38px;

	line-height: 1.2em;

	color: #222;

	font-weight: 700;

	margin-bottom: 20px

}

.about-company .image-box {

	position: relative;

	margin-bottom: 25px

}

.about-company .image-box .image {

	position: relative;

	margin-bottom: 0

}

.about-company .text {

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 27px;

	color: #626366;

	margin-bottom: 30px

}

.about-company .image-box .image img {

	display: inline-block;

	max-width: 100%;

	height: auto;

	border-radius: 50%;

	border: 9px solid #1e284370

}

.circle {

	padding: 50px 0;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center

}

.circle-wrapper {

	position: relative;

	width: 250px;

	height: 270px

}

.circle-zero:before {

	content: "";

	background: rgba(0,0,0,.07);

	position: absolute;

	width: 168px;

	height: 2px;

	left: -60%;

	top: 50%;

	transform: rotate(45deg);

	z-index: -2

}

.circle-zero {

	background: #142476;

	border-radius: 50%;

	box-sizing: content-box;

	height: 250px;

	width: 250px;

	position: absolute;

	top: 0;

	left: 0

}

.circle-zero img {

	border-radius: 50%;

	margin-top: 13px

}

.circle-one {

}

.circle-two {

	border: 3px solid;

	border-color: #d4ba86 #d4ba86 #d4ba86;

	border-radius: 50%;

	height: 265px;

	width: 265px;

	position: absolute;

	top: -7px;

	left: -8px

}

.circle-three {

	background: rgba(0,0,0,.012);

	border: 2px solid;

	border-color: #d5b983 transparent;

	border-radius: 50%;

	box-sizing: content-box;

	height: 234px;

	width: 230px;

	position: absolute;

	z-index: 4;

	top: 7px;

	left: 7px;

	animation: circle-move 15s ease infinite

}

.circle-shadow {

	background: rgba(0,0,0,.09);

	border-radius: 50%;

	filter: blur(2px);

	height: 16px;

	width: 200px;

	position: absolute;

	top: 100%;

	left: 13%

}

@keyframes circle-move {

0% {

transform:rotate(0deg)

}

70% {

transform:rotate(180deg)

}

100% {

transform:rotate(0deg)

}

}

.footer-title {

	color: #d1b276;

	float: left;

	font-size: 25px;

	margin-bottom: 30px;

	margin-top: 0;

	width: 100%;

	text-transform: uppercase

}

.about-widget {

	float: left;

	width: 100%

}

.about-widget>p {

	color: #fff;

	float: left;

	font-size: 15px;

	line-height: 25px;

	padding-right: 10px;

	width: 100%

}



.about-widget>ul {

	float: left;

	list-style: outside none none;

	margin: 0;

	padding: 0;

	width: 100%

}

.about-widget li {

	float: left;

	margin-right: 30px

}

.about-widget li a {

	color: #fff;

	float: left;

	font-size: 22px;

	margin-top: 25px

}

.link-widget>ul {

	float: left;

	list-style: outside none none;

	margin: 0;

	padding: 0;

	width: 100%

}

.link-widget li {

	float: left;

	margin: 1px 0;

	padding-left: 15px;

	position: relative;

	width: 50%;

	padding-bottom: 10px;

}

.link-widget a {

	color: #e8e8e8;

	float: left;

	font-size: 15px;

	width: 100%

}

.contact-widget {

	float: left;

	width: 100%

}

.contact-widget>ul {

	float: left;

	list-style: outside none none;

	margin: 0;

	padding: 0;

	width: 100%

}

.contact-widget li {

	float: left;

	margin-bottom: 20px;

	padding-left: 55px;

	position: relative;

	width: 100%

}

.contact-widget li i {

	color: #d1b276;

	font-size: 25px;

	left: 0;

	position: absolute;

	top: 0;

	width: 40px;

	height: 40px;

	border: 1px solid #d1b276;

	padding: 7px 10px;

	border-radius: 50%

}

.contact-widget span {

	color: #8d99ae;

	float: left;

	font-size: 14px;

	line-height: 22px;

	width: 100%

}

.contact-widget span {

	color: #fff;

	float: left;

	font-size: 15px;

	line-height: 22px;

	width: 100%

}

.contact-widget li i.fa-envelope {

	color: #d1b276;

	font-size: 19px;

	left: 0;

	position: absolute;

	top: 0;

	width: 40px;

	height: 40px;

	border: 1px solid #d1b276;

	padding: 9px 10px;

	border-radius: 50%

}

.footer_rit_bdr {

	border-right: 1px solid #dfc797;

	min-height: 350px;

}

.about-widget a {

	color: #d1b276

}

.fa-instagram:hover {

	color: #cf4d79

}

.fa-facebook:hover {

	color: #1597eb

}

.fa-youtube-play:hover {

	color: #fd3225

}

.myButton i {

	font-size: 20px;

	margin-right: 4px

}

.myButton:hover {

	color: #fff

}

.social-icons-subnav .fa {

	font-size: 24px

}

.heading h2 {

	font-size: 38px

}

@media(max-width:768px) {

.service-area h2 {

	font-size: 28px

}

.customer {

	width: 100%

}

.heading h2 {

	font-size: 28px

}

.about-company h3 {

	position: relative;

	display: block;

	font-size: 28px;

	line-height: 1.2em;

	color: #222;

	font-weight: 700;

	margin-bottom: 20px

}

#sub-icon {

border-right: 1px solid #66666638;

padding-right: 3px;

margin-right: 0;

line-height: 38px;

width: 24%;

text-align: center;
}

.navbar-default-white .navbar-toggle {

border-color: transparent;

float: left;

position: absolute;

margin-left: 10px;

margin-right: 0;

top: 26px;

right: 0;
}

.navbar-brand.white {

	left: 50px

}

.navbar-brand.white img {

	width: auto;

	height: auto;

	max-height: 50px!important

}

.service-area {

	padding: 15px

}

.right {

text-align: right;

float: left;

line-height: inherit;

position: absolute;

right: 0;

top: 0;

width: 100%;

background: #23337e;

border-radius: 0 0 10px 10px;

z-index: 2000;
}

.social-icons-subnav span, .social-icons-subnav i {

font-size: 21px!important;

width: 32px;

height: 32px;

float: none;

color: #fff;
}

.features-box {

	padding: 0 10px;

	margin: 30px 0 0!important

}

.features-box li {

	width: 50%!important

}

.features-box li span {

	display: inherit;

	font-size: 14px;

	font-weight: 400

}

.features-box li:nth-child(2), .features-box li:nth-child(4), .features-box li:nth-child(6), .features-box li:nth-child(8) {

	border-right: none

}

.features-box li:nth-child(3), .features-box li:nth-child(4) {

	border-top: 1px solid rgba(255,255,255,.2)!important

}

.references__buttons {

	width: 85%;

	max-width: 100%;

	background-color: #fff;

	margin: -20px auto 0;

	position: relative;

	z-index: 1;

	box-shadow: 1px 1px 60px 0 rgba(0,0,0,.18)

}

.references__buttons-inner {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

	padding: 20px

}

.auto-container {

	position: static;

	max-width: 100%;

	padding: 0 15px;

	margin: 0 auto

}

.footer .col-md-4.column {

	padding: 15px 20px;

	float: left

}

.footer_rit_bdr {

	border-right: none;

	min-height: auto;

	margin-bottom: 10px

}

.nbs-flexisel-nav-right {

	right: 30px!important

}

.nbs-flexisel-nav-left {

	left: 30px!important

}

.headingPreamble__heading {

	font-size: 24px;

	letter-spacing: 3.5px;

	padding-bottom: 23px;

	margin-bottom: 38px;

	line-height: 1.53333;

	position: relative;

	text-align: center;

	margin-top: 30px

}

.link-widget li {

	float: left;

	margin: 1px 0;

	padding-left: 5px;

	position: relative;

	width: 50%

}

}

.link-widget a.map_btn {

	padding: 7px 5px;

	width: 200px;

	margin: 9px auto;

	background: #d1b276;

	text-align: center;

	border-radius: 25px;

	color: #fff;

	text-transform: uppercase

}

.about {

	background: #f5f5f5;

	border-bottom: 1px solid #d8d7d7;

	margin-bottom: 30px

}

.slide-content-box .box_btn {

	border: 3px solid #d1b276!important;

	transition: .25s

}

.slide-content-box .box_btn {

	color: #333;

	top: 0;

	font-size: 18px!important;

	font-weight: 400;

	letter-spacing: 2.2px!important;

	z-index: 20;

	padding: 22px 60px

}

.slide-content-box .box_btn:hover {

	background: #d1b276;

	color: #fff

}

.customer__logo:hover {

	-webkit-filter: grayscale(0);

	filter: grayscale(0);

	opacity: 1

}

.footer_btn {

	width: 200px;

	margin: 15px auto 0

}

.ongoing .heading {

	text-align: center

}

.ongoing .heading:after {

	content: "";

	width: 7rem;

	position: relative;

	display: block;

	padding-bottom: 13px;

	margin-bottom: 30px;

border-bottom:.28rem solid #d1b276;

	margin: 0 auto 30px

}

.about .headingPreamble__heading {

	padding-bottom: 12px;

	margin-bottom: 22px;

	margin-top: 0

}

.ico {

	float: left

}

.inner_bnr h3.headingcontent {

	color: #fff !important;

	/*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/

}

.inner_bnr {

	margin-bottom: 0;

}

.inner{

	padding-top:15px !important;

	padding-bottom:15px !important;

	}

.inner h2 {

	font-size: 36px;

	line-height: 1.2em;

	color: #222;

	text-transform: capitalize;

	position: relative;

	display: block;

	margin-bottom: 30px;

}

.heading_bdr:after {

	content: "";

	width: 80px;

	height: 3px;

	position: absolute;

	bottom: -15px;

	left: 0;

	background-color: #d1b276;

}

.pt_20 {

	padding-top: 20px;

}

.pt_30 {

	padding-top: 30px;

}

.pt_40 {

	padding-top: 40px;

}

.pt_50 {

	padding-top: 50px;

}

.pt_60 {

	padding-top: 60px;

}

.pt_70 {

	padding-top: 70px;

}

.pt_80 {

	padding-top: 80px;

}

.pt_90 {

	padding-top: 90px;

}

.pb_20 {

	padding-bottom: 20px;

}

.pb_30 {

	padding-bottom: 30px;

}

.pb_40 {

	padding-bottom: 40px;

}

.pb_50 {

	padding-bottom: 50px;

}

.pb_60 {

	padding-bottom: 60px;

}

.pb_70 {

	padding-bottom: 70px;

}

.pb_80 {

	padding-bottom: 80px;

}

.pb_90 {

	padding-bottom: 90px;

}

.sign {

	width: 150px;

	height: auto;

	margin: 15px auto 0;

}

.side_img {

	float: left;

	margin-bottom: 15px;

	margin-right: 15px;

}

#about-us-1 .autoheight-2 {

	min-height: 430px !important;

	height: auto !important;

}

#about-us-1 .autoheight-3 {

	min-height: 620px !important;

	height: auto !important;

}

.gallery-grid .hovereffect-color .overlay div h4 {

	font-weight: 600;

    color: #d1b276;

	width: 100%;

    position: absolute;

}

.gallery-grid .hovereffect-color .overlay div h4 a:hover, .gallery-grid .hovereffect-color .overlay div h4 a:active {

	color: #f2f2f2;

}

.contact input,

.contact textarea{

	margin-bottom:15px;

	padding:10px;

	width:100%;

	border: 1px solid #ccc;

	}

.contact input::placeholder,

.contact textarea::placeholder{

	font-size:15px !important;}	

.contact .bt-new {

    font-weight: 400;

    position: relative;

    width: 182px;

    padding: 15px 39px;

    height: 60px;

    font-size: 18px;

    text-align: center;

    letter-spacing: 1pt;

    line-height: 22px;

    color: #000;

    background: 0 0;

    border: 3px solid #d1b276;

    outline: none;

    text-shadow: none;

    margin-top: 10px;

    cursor: pointer;

    overflow: hidden;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

    float: right;

}	

.contact .bt-new:hover {

	background:#d1b276;

	color:#fff;

	}

.contact-info {

    position: relative;

    margin-bottom: 40px;

}

.contact-info ul {

    padding: 0;

    margin: 0;

	margin-top:20px;

}



.contact-info li {

    padding: 0;

    margin: 0;

    list-style: none;

}



.contact-info li {

    position: relative;

    padding-left: 60px;

    margin-bottom: 35px;

    line-height: 24px;

    color: #666;

    padding-top: 5px;

    font-size: 16px;

}

.contact-info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background-color: #fff;

    text-align: center;

    line-height: 48px;

    font-size: 24px;

    color: #d1b276;

    border: 1px solid #ccc;

    font-weight: 700;

}



.contact-info li h3 {

    color: #23282a;

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: open sans,sans-serif;

}

.contact-info li h3 {

    margin-bottom: 5px;

    margin-top:0;

    padding-bottom:0;

    line-height: 18px;

}

.copyright a{

	color:#fff;

	}

.contact h3{

	padding-bottom:20px;}

	

.inner_bnr .headingPreamble__heading:after {

    content: "";

    width: 80px;

    height: 3px;

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -40px;

    background-color: #0c1f76;

}	

.pp_social{

	display:none;

	visibility:hidden;}

.gallery-grid .hovereffect-color .overlay div p{	

    width: 100%;

    margin-top: 75px;

}

.modal-body .bt-new {

    font-weight: 400;

    position: relative;

    width: 182px;

    padding: 10px 39px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    letter-spacing: 1pt;

    line-height: 22px;

    color: #000;

    background: 0 0;

    border: 3px solid #d1b276;

    outline: none;

    text-shadow: none;

    margin-top: 10px;

    cursor: pointer;

    overflow: hidden;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

    float: right;

}

.modal-body .form-group {

    margin-bottom: 10px;

}

.modal-body .bt-new:hover {

    background: #d1b276;

    color: #fff;

}

.form-control {

    padding: 4px 20px 6px 20px;

}

.modal-title{

	font-size:22px;

	}

.stretch_row_content_no_paddings{

	padding:0 10px !important;

	}	
.lang {
    margin-top: 0;
    float: right;
}
.language {
   /* background: #0c1f76;*/
    padding: 2px 10px !important;
    float: left;
    color: #333 !important;
    width: auto !important;
    border-radius: 4px !important;
    margin-top: 5px;
	font-family: 'Tajawal', sans-serif;
 border: 2px solid #d1b275;
     font-weight: bold;
   line-height: 16.5px
	}
.language:hover{
	border: 2px solid #666 !important;
	}