#sequence ul.sequence-canvas li, .section-head hr:after {
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0)
}
#recent-post hr, .meta-info:after, .portfolio-detail-page .portfolio-gallery:after {
	clear: both
}
body, html {
	height: 100%
}
body {
	font-weight: 300
}
a:hover {
	text-decoration: none
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	outline: 0;
	background-color: #555
}
button {
	outline: 0
}
@media (max-width:1300px) {
	body .md-modal {
		max-width: 80%
	}
}
@media (max-width:1300px) and (max-width:768px) {
	body .md-modal {
		max-width: 90%
	}
}
.container, figure img {
	max-width: 100%
}
section {
	// margin-bottom: 20px;
	padding-top: 35px; 
}
section.servicesTop {
   padding-bottom: 65px;
}
#vertical_slider{
	 padding-bottom: 65px;
}

.sectionContainer {
	background-color: #ecf0f1;
	padding: 80px 20px;
	margin-bottom: 80px
}
.sectionContainer section {
	margin-bottom: 0
}
blockquote {
	font-family: lora;
	font-style: italic;
	font-size: 18px;
	font-weight: 300;
	border-left: 1px solid #d29b47
}
.hilite {
	background-color: #fff8eb;
	padding: 80px 20px;
	margin-bottom: 0
}
.navbar ul#featured-filter {
	width: 100%;
	position: relative;
	text-align: center;
	margin: 0
}
.navbar ul#featured-filter li {
	float: none;
	display: inline-block
}
@media (max-width:480px) {
	.navbar ul#featured-filter li {
		display: block;
		width: 100%;
		margin: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		background-clip: padding-box;
		border: 0;
		border-bottom: 1px solid #bdc3c7;
		border-collapse: collapse
	}
}
#dt-featured-filter {
	padding: 0
}
.hi-icon {
	cursor: default !important
}
.hide-me-first {
	display: none
}
.email, .phone {
	font-size: 14px
}
.form-control {
	-webkit-box-shadow: none;
	box-shadow: none
}
button.btn:focus {
	outline: 0
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	color: #2a2929
}
.jquery-media-detect {
	display: block
}
.navbar-brand {
	padding: 10px 20px
}
.navbar-brand img {
	// width: 48px;
	width: 67px;
	height: auto
}
.navbar-default {
	-webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
	background-image: none;
	border: none;
	background: rgba(255, 255, 255, .95)
}
#mynavbar a.active, #mynavbar ul li:hover a {
	border-bottom: 3px solid #DCAA59 !important
}
@media (max-width:768px) {
	.jquery-media-detect, .navbar-nav li ul.dropdown-menu h5 {
		display: none
	}
	.navbar-default {
		background: #fff
	}
}
.cn_item, .cn_item.selected, .popup_form input {
	background-clip: padding-box
}
body.home .navbar-default {
	display: none
}
.md-close i {
	line-height: 1.5em
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a {
	background-image: none;
	box-shadow: none;
	background-color: transparent;
	color: #000;
	font-weight: 300;
	text-transform: uppercase;
	text-shadow: none !important
}
#mynavbar ul li:hover a {
	color: #3E3F40
}
#mynavbar a {
	padding: 46px 20px 10px;
	letter-spacing: 1px;
	border-bottom: 2px Solid Transparent;
	transition: all .2s ease-out 0s
}
#mynavbar ul li.current a {
	border-bottom: 3px solid #DCAA59 !important;
	color: #3E3F40
}
.navbar-nav li ul.dropdown-menu {
	top: -15px;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 0 #0f161e;
	box-shadow: 0 4px 0 #0f161e;
	border: 0;
	padding: 0
}
.navbar-nav li ul.dropdown-menu h5 {
	color: rgba(255, 255, 255, .7);
	padding: 4px 20px;
	font-weight: 300
}
.navbar-nav li ul.dropdown-menu li a {
	color: rgba(255, 255, 255, .7);
	font-weight: 300;
	padding: 6px 20px;
	border-top: 1px solid #283b4f;
	font-size: inherit
}
.navbar-nav li a:hover, .navbar-nav li ul.dropdown-menu li a:hover {
	background-image: none;
	background-color: transparent;
	color: #d29b47
}
@media (max-width:768px) {
	.navbar-nav li ul.dropdown-menu li a {
		border-top: 1px solid #ddd
	}
}
@media (max-width:1199px) {
	.navbar-nav li ul.dropdown-menu li a {
		font-size: .8em
	}
}
@media (min-width:768px) {
	.navbar-nav li a {
		padding: 0 20px;
		font-size: 1em;
		line-height: 1.7em
	}
	.navbar-collapse.in {
		overflow-y: initial
	}
}
@media (min-width:767px) {
	#mynavbar {
		display: table;
		width: 90%;
		padding: 0
	}
	#mynavbar .left-cell, #mynavbar .right-cell {
		display: table-cell;
		vertical-align: middle;
		border-bottom: 1px solid #ddd
	}
	#mynavbar .right-cell {
		width: 250px
	}
	#mynavbar .right-cell .navbar-right {
		position: relative
	}
}
.popup_form {
	position: absolute;
	top: 25px;
	width: 210px;
	left: -180px;
	margin-right: 200px;
	display: none
}
@media (max-width:767px) {
	.popup_form {
		position: static;
		display: block !important;
		opacity: 1 !important
	}
}
.popup_form input {
	background-color: #17222d;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	font-style: italic;
	color: #fff;
	padding: 10px 20px
}
.navbar-form {
	margin: 25px 0;
	padding: 0 !important;
	border: 0;
	line-height: 1em
}
.navbar-form ul {
	margin: 0;
	padding: 0
}
.navbar-form ul>li {
	list-style: none;
	display: inline-block !important;
	margin-left: 5px
}
@media (max-width:767px) {
	.navbar-form ul>li.hidden-mobile {
		display: none !important
	}
}
.navbar-form ul>li.bag {
	position: relative;
	right: 0;
	top: 0;
	width: 30px;
	height: 10px
}
.navbar-form ul>li .cart-click {
	cursor: pointer
}
.navbar-form ul>li .cart-click .icon-shop {
	font-size: 29px;
	color: #d29b47;
	position: absolute;
	top: -13px
}
.navbar-form ul>li .cart-click .icon-shop span {
	font-size: 12px;
	font-style: normal;
	position: absolute;
	left: 10px;
	top: 11px;
	color: #fff;
	text-align: center;
	display: block;
	width: 20px;
	height: auto
}
.navbar-form ul>li>a, a.search_btn {
	color: #000
}
.navbar-form ul>li:nth-child(2) {
	position: relative;
	padding-right: 5px;
	margin-right: 5px
}
.navbar-form ul>li:nth-child(2):after {
	content: "";
	display: block;
	width: 1px;
	background-color: #999;
	height: 10px;
	position: absolute;
	left: 110%;
	top: 4.57px
}
.navbar-form ul>li:last-child {
	margin-right: 10px
}
.panel-mobile {
	float: right
}
.panel-mobile a {
	line-height: 4em
}
.panel-mobile span {
	margin: 0 5px
}
@media (max-width:767px) {
	a.search_btn {
		display: none
	}
}
a.search_btn:hover {
	cursor: pointer;
	color: #000
}
.mainbanner, .shop-slider {
	height: 100%;
	width: 100%;
	position: relative
}
@media (max-width:768px) {
	#sequence .sequence-next, #sequence .sequence-prev {
		display: none !important
	}
}
#sequence ul.sequence-canvas li {
	height: 100%;
	max-width: 1000px;
	left: 50%;
	transform: translate(-50%, 0);
	display: block
}
@media (min-width:992px) {
	#sequence ul.sequence-canvas li .slide-text, #sequence ul.sequence-canvas li .slide-title {
		padding: 0 150px
	}
}
#sequence ul.sequence-canvas li .slide-title {
	font-size: 3.5em;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
	line-height: 1.2
}
@media (max-width:480px) {
	#sequence ul.sequence-canvas li .slide-text, #sequence ul.sequence-canvas li .slide-title {
		padding: 0 40px
	}
	#sequence ul.sequence-canvas li .slide-title {
		padding: 0;
		font-size: 150%
	}
	#sequence ul.sequence-canvas li .slide-text {
		font-size: 80%
	}
}
#sequence ul li {
	list-style: none
}
#sequence ul li .slide-logo img {
	width: 160px;
	height: auto
}
#sequence ul li .slide-title {
	font-size: 3.5em;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff
}
#sequence ul li .slide-text {
	font-size: 1em;
	color: #fff;
	font-weight: 300
}
#sequence ul li .btn-cta {
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 10px 20px;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	cursor: pointer;
	background-color: transparent;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-o-transition: background-color .3s;
	-ms-transition: background-color .3s;
	transition: background-color .3s
}
#sequence ul li .btn-cta:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, .3)
}
#sequence .sequence-next, #sequence .sequence-prev {
	top: 50% !important
}
.grid-icon-container .grid-icon span.aesthetic:after, .grid-icon-container .grid-icon span.aesthetic:before, .grid-icon-container .grid-icon span.cost:after, .grid-icon-container .grid-icon span.cost:before, .grid-icon-container .grid-icon span.innovation:after, .grid-icon-container .grid-icon span.innovation:before, .grid-icon-container .grid-icon span.time:after, .grid-icon-container .grid-icon span.time:before, .grid-icon-container .grid-icon span:after, .grid-icon-container .grid-icon span:before {
	top: 100%;
	content: "";
	// background-image: url(/images/innovation.png);
	left: 50%;
	pointer-events: none
}
.slide-button, .slide-logo, .slide-text, .slide-title {
	display: block;
	text-align: center
}
.grid-icon-container {
	background-color: #fff8eb;
	margin-bottom: 130px;
	padding: 80px 0 0;
	position: relative
}
.grid-icon-container #bigTriangleColor {
	position: absolute;
	bottom: -100px
}
.grid-icon-container #bigTriangleColor path {
	fill: #fff8eb;
	stroke: #fff8eb;
	stroke-width: 2
}
#bigHalfCircle path, #bigTriangleColor path, #curveDownColor path, #curveUpColor path, #stamp path, #trianglePath1 {
	fill: #3498db;
	stroke: #3498db
}
.grid-icon-container .grid-icon {
	text-align: center;
	color: #666
}
.grid-icon-container .grid-icon h4 {
	font-size: 16px;
	font-weight: 600
}
.grid-icon-container .grid-icon div p {
	text-align: center;
	font-size: 14px;
	color: #999
}
.grid-icon-container .grid-icon span, .grid-icon-container .grid-icon span.aesthetic, .grid-icon-container .grid-icon span.cost, .grid-icon-container .grid-icon span.innovation, .grid-icon-container .grid-icon span.time {
	text-align: center;
	font-size: 3.5em;
	padding: 3px 15px;
	display: inline-block;
	margin-bottom: 30px;
	background-clip: padding-box
}
.grid-icon-container .grid-icon span.innovation {
	color: #666;
	border: 1px solid #b18545;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	background-color: #fff8eb;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	background-image: url(../images/ex.png);
	width: 110px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center
}
.grid-icon-container .grid-icon span.innovation:after, .grid-icon-container .grid-icon span.innovation:before {
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.innovation:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff8eb;
	border-width: 10px;
	margin-left: -10px
}
.grid-icon-container .grid-icon span.innovation:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #b18545;
	border-width: 11px;
	margin-left: -11px
}
.grid-icon-container .grid-icon span.innovation:hover {
	background-image: url(../images/Ex_w.png);
	background-repeat: no-repeat;
	background-color: #DCAA59;
	border: 1px solid #DCAA59;
	// color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.innovation:hover:after, .grid-icon-container .grid-icon span.innovation:hover:before {
	border-top: 11px solid #DCAA59;
	border-top-color: #DCAA59;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.aesthetic {
	color: #666;
	border: 1px solid #b18545;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	background-color: #fff8eb;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	background-image: url(../images/Aesthetics.png);
	width: 110px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center
}
.grid-icon-container .grid-icon span.aesthetic:after, .grid-icon-container .grid-icon span.aesthetic:before {
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.aesthetic:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff8eb;
	border-width: 10px;
	margin-left: -10px
}
.grid-icon-container .grid-icon span.aesthetic:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #b18545;
	border-width: 11px;
	margin-left: -11px
}
.grid-icon-container .grid-icon span.aesthetic:hover {
	background-image: url(../images/Aesthetics_white.png);
	background-repeat: no-repeat;
	background-color: #DCAA59;
	border: 1px solid #DCAA59;
	// color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.aesthetic:hover:after, .grid-icon-container .grid-icon span.aesthetic:hover:before {
	border-top: 11px solid #DCAA59;
	border-top-color: #DCAA59;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.cost {
	color: #666;
	border: 1px solid #b18545;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	background-color: #fff8eb;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	background-image: url(../images/Cost.png);
	width: 110px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center
}
.grid-icon-container .grid-icon span.cost:after, .grid-icon-container .grid-icon span.cost:before {
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.cost:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff8eb;
	border-width: 10px;
	margin-left: -10px
}
.grid-icon-container .grid-icon span.cost:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #b18545;
	border-width: 11px;
	margin-left: -11px
}
.grid-icon-container .grid-icon span.cost:hover {
	background-image: url(../images/Cost_white.png);
	background-repeat: no-repeat;
	background-color: #DCAA59;
	border: 1px solid #DCAA59;
	// color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.cost:hover:after, .grid-icon-container .grid-icon span.cost:hover:before {
	border-top: 11px solid #DCAA59;
	border-top-color: #DCAA59;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.time {
	color: #666;
	border: 1px solid #b18545;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	background-color: #fff8eb;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	background-image: url(../images/Time_g.png);
	width: 110px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center
}
.grid-icon-container .grid-icon span.time:after, .grid-icon-container .grid-icon span.time:before {
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.time:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff8eb;
	border-width: 10px;
	margin-left: -10px
}
.grid-icon-container .grid-icon span.time:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #b18545;
	border-width: 11px;
	margin-left: -11px
}
.grid-icon-container .grid-icon span.time:hover {
	background-image: url(../images/Time_white.png);
	background-repeat: no-repeat;
	background-color: #DCAA59;
	border: 1px solid #DCAA59;
	// color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span.time:hover:after, .grid-icon-container .grid-icon span.time:hover:before {
	border-top: 11px solid #DCAA59;
	border-top-color: #DCAA59;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span {
	color: #666;
	border: 1px solid #666;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	background-color: #ecf0f1;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span:after, .grid-icon-container .grid-icon span:before {
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ecf0f1;
	border-width: 10px;
	margin-left: -10px
}
.grid-icon-container .grid-icon span:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #666;
	border-width: 11px;
	margin-left: -11px
}
.grid-icon-container .grid-icon span:hover {
	// background-image: url(../images/innovation_white.png);
	background-repeat: no-repeat;
	background-color: #d29b47;
	border: 1px solid #d29b47;
	color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon span:hover:after, .grid-icon-container .grid-icon span:hover:before {
	border-top: 11px solid #d29b47;
	border-top-color: #d29b47;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.grid-icon-container .grid-icon p {
	text-align: left
}
.shop-slider div[class*=text] {
	text-align: center
}
@media (max-width:767px) {
	.shop-slider .shop-slider-text-1, .shop-slider .shop-slider-text-2, .shop-slider .shop-slider-text-3, .shop-slider .shop-slider-text-4 {
		display: none
	}
}
.shop-slider .frame-1 .shop-slider-text-1:after, .shop-slider .frame-1 .shop-slider-text-4:after {
	content: "";
	width: 100px;
	display: block;
	height: 1px;
	background-color: #fff
}
.shop-slider .frame-1 .shop-slider-text-1 {
	font-family: Lora;
	font-style: italic;
	font-weight: 400;
	font-size: 35px
}
.shop-slider .frame-1 .shop-slider-text-1:after {
	margin: 0 auto
}
.shop-slider .frame-1 .shop-slider-text-2 {
	font-family: 'open sans';
	font-weight: 800;
	font-size: 90px;
	text-transform: uppercase
}
@media (max-width:1200px) {
	.shop-slider li>div {
		padding: 0 50px
	}
	.shop-slider li>div:last-child {
		padding: 0
	}
	.shop-slider .frame-1 .shop-slider-text-2 {
		font-size: 60px;
		line-height: 3em
	}
}
.shop-slider .frame-1 .shop-slider-text-3 {
	font-size: 45px;
	font-weight: 200
}
@media (max-width:992px) {
	.shop-slider .frame-1 .shop-slider-text-3 {
		font-size: 30px
	}
}
.shop-slider .frame-1 .shop-slider-text-4 {
	font-weight: 200
}
.shop-slider .frame-1 .shop-slider-text-4:after {
	margin: 35px auto auto
}
.shop-slider .frame-2 .shop-slider-text-1:before, .shop-slider .frame-2 .shop-slider-text-2:after, .shop-slider .frame-3 .shop-slider-text-1:after, .shop-slider .frame-3 .shop-slider-text-3:after {
	width: 100px;
	background-color: #fff;
	margin: 0 auto;
	display: block;
	height: 1px;
	content: ""
}
.shop-slider .frame-2 .shop-slider-text-1 {
	font-size: 70px;
	text-transform: uppercase
}
.shop-slider .frame-2 .shop-slider-text-2 {
	font-weight: 800;
	font-size: 150px;
	text-transform: uppercase
}
@media (max-width:992px) {
	.shop-slider .frame-2 .shop-slider-text-2 {
		font-size: 90px;
		line-height: 3em
	}
}
.shop-slider .frame-2 .shop-slider-text-2:after {
	position: relative;
	top: -50px
}
.shop-slider .frame-2 .shop-slider-text-3 {
	font-size: 24px;
	font-family: lora;
	font-style: italic
}
.shop-slider .frame-3 .shop-slider-text-1 {
	font-family: Lora;
	font-style: italic;
	font-weight: 400;
	font-size: 35px
}
.shop-slider .frame-3 .shop-slider-text-2 {
	font-size: 70px;
	text-transform: uppercase
}
.shop-slider .frame-3 .shop-slider-text-3 {
	font-size: 100px;
	text-transform: uppercase;
	font-weight: 800
}
.shop-slider .frame-3 .shop-slider-text-3:after {
	position: relative;
	top: -30px
}
.shop-slider .frame-3 .shop-slider-text-4 {
	font-size: 24px;
	text-transform: uppercase
}
.shop-slider .frame-3 .shop-slider-text-4 p {
	margin: 0
}
.shop-slider .frame-3 .shop-slider-text-4 span {
	font-weight: 700
}
.shop-slider .btn-cta {
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 10px 20px;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	cursor: pointer;
	background-color: transparent;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-o-transition: background-color .3s;
	-ms-transition: background-color .3s;
	transition: background-color .3s
}
.cn_item i, .cn_item:hover i {
	-webkit-transition: font-size .2s;
	-moz-transition: font-size .2s;
	-o-transition: font-size .2s;
	-ms-transition: font-size .2s
}
.shop-slider .btn-cta:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, .3)
}
.shop-slider div[class*=bg] {
	background-position: 50% 50%
}
.section-head {
	margin-bottom: 40px
}
.section-head header.centered section, .section-head.no-description {
	margin-bottom: 0
}
.section-head header.centered {
	text-align: center
}
.section-head header.centered section p {
	color: #2a2929;
	font-weight: 400
}
.section-head header.centered h2 {
	margin: 0
}
.section-head hr {
	position: relative
}
.section-head hr:after {
	content: "";
	display: block;
	height: 1px;
	width: 80px;
	background-color: #DCAA59;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0
}
span.commercial, span.retail {
	cursor: pointer;
	height: 77px;
	padding: 16px 33px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	top: 11px;
	background-repeat: no-repeat
}
.section-head p.descriptionText {
	width: 60%;
	margin: 0 auto;
	color: #999
}
@media (max-width:768px) {
	.section-head p.descriptionText {
		width: 100%
	}
}
.home-2 p.descriptionText {
	width: 100%
}
span.commercial {
	background-image: url(../images/commercial_gray.png)
}
.cn_item.selected span.commercial, .cn_item:hover span.commercial {
	background-image: url(../images/commercial_white.png)
}
span.retail {
	background-image: url(../images/Retail_gray.png)
}
span.design, span.education {
	cursor: pointer;
	height: 77px;
	-webkit-border-radius: 3px;
	padding: 16px 33px;
	top: 11px;
	background-repeat: no-repeat;
	border-radius: 3px;
	position: relative
}
.cn_item.selected span.retail, .cn_item:hover span.retail {
	background-image: url(../images/Retail_white.png)
}
span.design {
	background-image: url(../images/Designer_gray.png)
}
.cn_item.selected span.design, .cn_item:hover span.design {
	background-image: url(../images/Designer_white.png)
}
span.education {
	background-image: url(../images/Education_gray.png)
}
.cn_item, span.indus {
	height: 56px;
	-webkit-border-radius: 3px;
	position: relative;
	cursor: pointer
}
.cn_item.selected span.education, .cn_item:hover span.education {
	background-image: url(../images/Education_white.png)
}
span.indus {
	padding: 16px 33px;
	border-radius: 3px;
	top: 11px;
	background-image: url(../images/sp_g.png);
	background-repeat: no-repeat
}
.cn_item.selected span.indus, .cn_item:hover span.indus {
	background-image: url(../images/sp_w.png)
}
.cn_item {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 8px 15px 9px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	box-shadow: 0 4px 0 #F5EAD5;
	border-radius: 3px;
	background-color: #fff8eb;
	top: 0
}
.cn_item:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
.cn_item:hover h1, .cn_item:hover h2, .cn_item:hover i, .cn_item:hover p, .cn_item:hover span {
	color: #fff
}
.cn_item:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
@media (max-width:767px) {
	.cn_item .vs_text {
		display: none
	}
}
@media (min-width:768px) and (max-width:992px) {
	.cn_item .vs_icon {
		display: none
	}
}
.cn_item i {
	font-size: 1.5em;
	color: #2a2929;
	position: absolute;
	transition: font-size .2s;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 25px;
	margin-left: 10px
}
.cn_item.selected h1, .cn_item.selected h2, .cn_item.selected i, .cn_item.selected p, .cn_item.selected span, .cn_item.selected:hover h1, .cn_item.selected:hover h2, .cn_item.selected:hover i, .cn_item.selected:hover p, .cn_item.selected:hover span {
	color: #fff
}
@media (max-width:992px) {
	.cn_item {
		padding: 10px 9px !important;
		height: 66px !important
	}
	.cn_item i {
		margin-left: 0;
		position: static
	}
}
.cn_item.selected, .cn_list, .cn_preview, .cn_wrapper {
	position: relative
}
@media (max-width:480px) {
	.cn_item i {
		font-size: 1em;
		position: relative;
		top: 13px;
		left: 0
	}
}
.cn_item:hover i {
	font-size: 2.4em;
	transition: font-size .2s;
	-webkit-backface-visibility: hidden
}
@media (max-width:992px) {
	.cn_item:hover i {
		font-size: 1.5em
	}
}
@media (max-width:480px) {
	.cn_item:hover i {
		font-size: 1em
	}
}
.cn_item.selected {
	padding: 8px 15px 9px;
	background-color: #DCAA59;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #bf811d;
	//background-image: url(../images/commercial_gray.png)
}
.cn_item.selected:hover {
	background-color: #d29b47;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306;
	text-decoration: none
}
.cn_item.selected:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
.cn_item.selected i {
	font-size: 2.4em;
	-webkit-transition: font-size .2s;
	-moz-transition: font-size .2s;
	-o-transition: font-size .2s;
	-ms-transition: font-size .2s;
	transition: font-size .2s;
	-webkit-backface-visibility: hidden
}
@media (max-width:992px) {
	.cn_item.selected {
		padding: 10px 15px
	}
	.cn_item.selected i {
		font-size: 1.5em
	}
}
@media (max-width:480px) {
	.cn_item.selected i {
		font-size: 1em
	}
}
.cn_wrapper {
	margin: 0 auto;
	width: 99%;
	// height: 342px;
	overflow: hidden
}
.vs_title {
	font-size: 1.1em;
	text-transform: none;
	margin: 0;
	padding: 10px
}
.vs_description {
	font-size: .9em;
	color: #999;
	text-align: center
}
.cn_list {
	float: left
}
.blog_classic .paging-nav .float-right, .cn_preview, .nosidebar .author-avatar {
	float: right
}
.cn_preview {
	height: 100%;
	display: block
}
.cn_preview .vs-text-preview {
	margin-top: 30px
}
.cn_preview .vs-text-preview h2 {
	margin-bottom: 10px;
	line-height: 1.9em
}
.cn_content {
	top: 517px;
	left: 5px;
	width: 100%;
	position: absolute;
	height: auto
}
.sub-slider {
	background-image: url(../images/sub-slider/bg-parallax-sub-slider.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	display: block
}
.sub-slider #sequence-sub-slider {
	height: 900px;
	display: block;
	background: 0 0;
	font-weight: 300
}
@media (min-width:768px) {
	.sub-slider #sequence-sub-slider {
		height: 650px
	}
}
@media (min-width:992px) {
	.sub-slider #sequence-sub-slider {
		height: 520px
	}
}
@media (max-width:768px) {
	.sub-slider #sequence-sub-slider .sequence-next, .sub-slider #sequence-sub-slider .sequence-prev {
		display: none !important
	}
}
.sub-slider #sequence-sub-slider .slide-description-text {
	margin-bottom: 40px
}
.map-image-area, .sub-slider #sequence-sub-slider section {
	margin-bottom: 0
}
.sub-slider #sequence-sub-slider .slide-image, .sub-slider #sequence-sub-slider .slide-panel {
	width: 100%;
	padding: 15px
}
.sub-slider #sequence-sub-slider .slide-panel h2 {
	margin-top: 0;
	font-size: 33px;
	color: #fff
}
.sub-slider #sequence-sub-slider a.button-more {
	color: #000;
	text-transform: uppercase;
	font-weight: 300;
	padding: 15px 30px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	box-shadow: 0 4px 0 #bdc3c7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #e3e9eb;
	position: relative;
	top: 0
}
.sub-slider #sequence-sub-slider a.button-more:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
.sub-slider #sequence-sub-slider a.button-more:hover {
	text-decoration: none;
	padding: 15px 30px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47
}
.sub-slider #sequence-sub-slider a.button-more:hover h1, .sub-slider #sequence-sub-slider a.button-more:hover h2, .sub-slider #sequence-sub-slider a.button-more:hover i, .sub-slider #sequence-sub-slider a.button-more:hover p, .sub-slider #sequence-sub-slider a.button-more:hover span {
	color: #fff
}
.sub-slider #sequence-sub-slider a.button-more:hover:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.sub-slider #sequence-sub-slider a.button-more:hover:hover h1, .sub-slider #sequence-sub-slider a.button-more:hover:hover h2, .sub-slider #sequence-sub-slider a.button-more:hover:hover i, .sub-slider #sequence-sub-slider a.button-more:hover:hover p, .sub-slider #sequence-sub-slider a.button-more:hover:hover span {
	color: #fff
}
.sub-slider #sequence-sub-slider a.button-more:hover:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
.sub-slider #sequence-sub-slider .row {
	width: 100%;
	height: 100%
}
.sub-slider #sequence-sub-slider .col {
	position: relative;
	content: "";
	display: block;
	height: 100%
}
@media (max-width:768px) {
	.sub-slider #sequence-sub-slider .col {
		height: 50%
	}
	.sub-slider #sequence-sub-slider .col.slide-image-container {
		height: 25%
	}
}
.sub-slider #sequence-sub-slider .absolute-pos {
	position: absolute
}
// .map-image-area {
// 	background: url(../images/Google_Maps.png) center center no-repeat;
// 	background-size: cover
// }
.map-image-area .map {
	/* height: 600px; */
	height: 272px;
	position: relative
}
.circle-address img {
	position: absolute;
	top: 21%;
	left: 43%;
	opacity: .8
}
.map-image-area .map .map-info {
	color: #fff;
	font-weight: 300;
	background-color: rgba(197, 133, 38, .88);
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	text-align: center;
	padding: 30px 0
}
.map-image-area .map .map-info a {
	color: #fff;
	text-decoration: none
}
.map-image-area .map .map-info address {
	margin: 0;
	font-size: 15px
}
.map-image-area .map .map-info .icon-container {
	width: 50px;
	padding: 1px 0;
	margin: 0 auto 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	position: relative;
	background-color: #fff;
	color: #DCAA59
}
.map-image-area .map .map-info .icon-container:after, .map-image-area .map .map-info .icon-container:before {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 12px solid #fff;
	bottom: -7px;
	content: '';
	left: 50%;
	margin-left: -8px;
	position: absolute
}
.map-image-area .map .map-info .icon-container i {
	font-size: 1.3em
}
.map-image-area .map .map-info .col {
	top: 0
}
.map-image-area .map .map-info .col:hover .icon-container {
	top: 5px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s
}
.map-image-area .map .map-info .col .icon-container {
	top: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s
}
.map-image {
	margin-bottom: 0
}
.twitter-section {
	background: url(../images/bg-slider1.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	// margin-bottom: 80px;
	-webkit-transform-style: preserve-3d
}
.twitter-section .col {
	height: 130px;
	position: relative
}
@media (max-width:480px) {
	.twitter-section .col {
		height: 200px
	}
}
.twitter-section p {
	width: 90%
}
.twitter-section .container-icon i {
	color: #d29b47;
	font-size: 3em;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.mainbanner-2 .btn-active h1, .mainbanner-2 .btn-active h2, .mainbanner-2 .btn-active i, .mainbanner-2 .btn-active p, .mainbanner-2 .btn-active span, .mainbanner-2 .btn-active:hover h1, .mainbanner-2 .btn-active:hover h2, .mainbanner-2 .btn-active:hover i, .mainbanner-2 .btn-active:hover p, .mainbanner-2 .btn-active:hover span {
	color: #fff
}
.twitter-section #sequence-twitter {
	height: 130px;
	background: 0 0;
	position: relative
}
@media (max-width:480px) {
	.twitter-section #sequence-twitter {
		height: 200px
	}
	.twitter-section #sequence-twitter .sequence-next, .twitter-section #sequence-twitter .sequence-prev {
		display: none !important
	}
}
.mainbanner-2 .btn-active {
	padding: 11px 15px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	background-image: none
}
.mainbanner-2 .btn-active:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.mainbanner-2 .btn-active:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
@media (max-width:768px) {
	.twitter-section .container-icon i {
		font-size: 2em
	}
	.mainbanner-2 .sequence-next, .mainbanner-2 .sequence-prev {
		display: none !important
	}
}
@media (max-width:1200px) {
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-1 {
		font-size: 1.1em
	}
}
@media (max-width:992px) {
	.mainbanner-2 #sequence-2 .slide-frame-1 .buttons a {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 20px
	}
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-1 {
		font-size: 1em
	}
}
@media (max-width:1200px) {
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-2 {
		font-size: 1.4em
	}
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-3 {
		font-size: 1.2em
	}
}
@media (max-width:992px) {
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-2 {
		font-size: 1.2em
	}
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-3 {
		font-size: 1em
	}
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-4 {
		font-size: .8em;
		line-height: 1.6em
	}
}
@media (max-width:1200px) {
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-4 {
		font-size: .8em
	}
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-5 {
		font-size: 1.2em
	}
}
@media (max-width:992px) {
	.mainbanner-2 #sequence-2 .slide-frame-1 .text-5 {
		font-size: .8em;
		line-height: 1.3em
	}
	.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-1 {
		font-size: 1em
	}
	.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-2 {
		font-size: 1.2em
	}
	.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-3 {
		font-size: 1em
	}
	.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-4 {
		font-size: .8em;
		line-height: 1.6em
	}
	.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-5 {
		font-size: .8em;
		line-height: 1.3em
	}
}
@media (max-width:1200px) {
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-1 {
		font-size: 1.1em
	}
}
@media (max-width:992px) {
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-1 {
		font-size: 1em
	}
}
@media (max-width:1200px) {
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-2 {
		font-size: 1.4em
	}
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-3 {
		font-size: 1.2em
	}
}
@media (max-width:992px) {
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-2 {
		font-size: 1.2em
	}
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-3 {
		font-size: 1em
	}
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-4 {
		font-size: .8em;
		line-height: 1.6em
	}
}
@media (max-width:1200px) {
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-4 {
		font-size: .8em
	}
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-5 {
		font-size: 1.2em
	}
}
@media (max-width:992px) {
	.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-5 {
		font-size: .8em;
		line-height: 1.3em
	}
}
.pricing-table .price-columns {
	padding: 0 20px;
	margin-top: 40px
}
.pricing-table .price-3-col, .pricing-table .price-4-col {
	font-size: 12px;
	font-weight: 300;
	padding: 0;
	color: #2a2929
}
@media (max-width:768px) {
	.mainbanner-2 #sequence-2 .slide-frame-1 .text, .mainbanner-2 #sequence-2 .slide-frame-2 .text-frame-2, .mainbanner-2 #sequence-2 .slide-frame-3 .buttons-frame-3, .mainbanner-2 #sequence-2 .slide-frame-3 p[class*=text] {
		display: none
	}
	.pricing-table .price-3-col, .pricing-table .price-4-col {
		margin-bottom: 40px
	}
}
.pricing-table .price-3-col ul, .pricing-table .price-4-col ul {
	background-color: #c5f7ed;
	margin-bottom: 0;
	position: relative
}
.pricing-table .price-3-col ul li, .pricing-table .price-4-col ul li {
	padding: 9px 30px;
	text-align: center;
	position: relative;
	z-index: 3
}
.pricing-table .price-3-col ul li:nth-child(2n), .pricing-table .price-4-col ul li:nth-child(2n) {
	background: #aaf3e5;
	z-index: 0
}
.pricing-table .price-3-col ul li.plan-action, .pricing-table .price-4-col ul li.plan-action {
	background: url(../images/price_btn_bg_pattern.png)
}
.pricing-table .price-3-col ul li.hover-tip, .pricing-table .price-4-col ul li.hover-tip {
	padding: 0;
	position: relative;
	z-index: inherit
}
.pricing-table .price-3-col ul li.hover-tip:after, .pricing-table .price-3-col ul li.hover-tip:before, .pricing-table .price-4-col ul li.hover-tip:after, .pricing-table .price-4-col ul li.hover-tip:before {
	bottom: -9px;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 10
}
.pricing-table .price-3-col ul li.hover-tip:after, .pricing-table .price-4-col ul li.hover-tip:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #2a2929;
	border-width: 5px;
	margin-left: -5px
}
.pricing-table .price-3-col ul li.plan-head, .pricing-table .price-4-col ul li.plan-head {
	margin: 0;
	text-align: center;
	background: url(../images/price_bg_pattern.png) #d29b47;
	padding: 0;
	z-index: 3
}
.pricing-table .price-3-col ul p.hover-tip-text, .pricing-table .price-4-col ul p.hover-tip-text {
	background-color: #2a2929;
	color: #fff;
	display: block;
	width: 69%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin: 0 auto;
	position: absolute;
	bottom: -22px;
	z-index: 0;
	-webkit-transition: bottom .2s;
	-moz-transition: bottom .2s;
	-o-transition: bottom .2s;
	-ms-transition: bottom .2s;
	transition: bottom .2s
}
.pricing-table .price-3-col ul:hover p.hover-tip-text, .pricing-table .price-4-col ul:hover p.hover-tip-text {
	bottom: 0
}
.pricing-table .price-3-col:nth-child(1):after, .pricing-table .price-4-col:nth-child(1):after {
	content: "";
	display: block;
	height: 100%;
	width: 15px;
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20
}
@media (max-width:768px) {
	.pricing-table .price-3-col:nth-child(1):after, .pricing-table .price-4-col:nth-child(1):after {
		display: none
	}
}
.pricing-table .price-3-col:nth-child(3):after, .pricing-table .price-4-col:nth-child(3):after {
	content: "";
	display: block;
	height: 100%;
	width: 15px;
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20
}
@media (max-width:768px) {
	.pricing-table .price-3-col:nth-child(3):after, .pricing-table .price-4-col:nth-child(3):after {
		display: none
	}
}
.pricing-table .price-3-col:nth-child(4):before, .pricing-table .price-4-col:nth-child(4):before {
	content: "";
	display: block;
	height: 100%;
	width: 1px;
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20
}
.pricing-table .price-3-col:first-child ul, .pricing-table .price-4-col:first-child ul {
	-webkit-border-radius: 5px 0 0 3px;
	border-radius: 5px 0 0 3px;
	background-clip: padding-box
}
.pricing-table .price-3-col:first-child ul .plan-head, .pricing-table .price-4-col:first-child ul .plan-head {
	-webkit-border-radius: 3px 0 0;
	border-radius: 3px 0 0;
	background-clip: padding-box
}
.pricing-table .price-3-col:last-child ul, .pricing-table .price-4-col:last-child ul {
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}
.pricing-table .price-3-col:last-child ul .plan-head, .pricing-table .price-4-col:last-child ul .plan-head {
	-webkit-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
	background-clip: padding-box
}
.pricing-table .price-3-col .plan-title, .pricing-table .price-4-col .plan-title {
	background-color: #2a2929;
	color: #fff;
	width: 82%;
	margin: 0 auto;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	text-transform: uppercase;
	padding: 5px
}
.pricing-table .price-3-col .plan-price, .pricing-table .price-4-col .plan-price {
	color: #fff;
	font-size: 4em;
	font-weight: 600;
	position: relative
}
.pricing-table .price-3-col .plan-price span, .pricing-table .price-4-col .plan-price span {
	font-size: .7em;
	position: relative;
	top: -10px;
	font-weight: 300
}
.pricing-table .price-3-col .btn-active, .pricing-table .price-4-col .btn-active {
	padding: 5px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	display: block;
	margin: 10px;
	text-transform: uppercase;
	font-size: 1.4em
}
.pricing-table .price-3-col .btn-active h1, .pricing-table .price-3-col .btn-active h2, .pricing-table .price-3-col .btn-active i, .pricing-table .price-3-col .btn-active p, .pricing-table .price-3-col .btn-active span, .pricing-table .price-4-col .btn-active h1, .pricing-table .price-4-col .btn-active h2, .pricing-table .price-4-col .btn-active i, .pricing-table .price-4-col .btn-active p, .pricing-table .price-4-col .btn-active span {
	color: #fff
}
.pricing-table .price-3-col .btn-active:hover, .pricing-table .price-4-col .btn-active:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.pricing-table .price-3-col .btn-active:hover h1, .pricing-table .price-3-col .btn-active:hover h2, .pricing-table .price-3-col .btn-active:hover i, .pricing-table .price-3-col .btn-active:hover p, .pricing-table .price-3-col .btn-active:hover span, .pricing-table .price-4-col .btn-active:hover h1, .pricing-table .price-4-col .btn-active:hover h2, .pricing-table .price-4-col .btn-active:hover i, .pricing-table .price-4-col .btn-active:hover p, .pricing-table .price-4-col .btn-active:hover span {
	color: #fff
}
.pricing-table .price-3-col .btn-active:active, .pricing-table .price-4-col .btn-active:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
.pricing-table .featured {
	padding: 0;
	position: relative;
	background-color: #c5f7ed;
	z-index: 5;
	top: -30px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box
}
@media (max-width:768px) {
	.pricing-table .featured {
		top: 0;
		width: 100%
	}
}
.pricing-table .featured ul {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box
}
.pricing-table .featured ul p.hover-tip-text {
	font-size: 1.3em;
	bottom: -29px
}
.pricing-table .featured li {
	padding: 9px 45px
}
.pricing-table .featured li.plan-head {
	padding-top: 30px !important;
	position: relative;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	background-color: #d29b47
}
.sidebar-left:after, .sidebar-right:after {
	content: "";
	height: 100%;
	background-color: #ecf0f1;
	z-index: -1;
	top: 0
}
.pricing-table .featured li.plan-head .plan-price {
	font-size: 6em;
	line-height: 1.21em
}
.pricing-table .featured .plan-action .btn-active {
	margin: 30px 0
}
.pricing-table .featured.price-4-col {
	width: 28%
}
.pricing-table .featured.price-3-col {
	width: 36%
}
.pricing-table .featured.price-3-col li:not(.plan-head):not(.hover-tip) {
	padding: 9px 50px
}
.pricing-table .price-4-col {
	width: 24%
}
.pricing-table .price-3-col {
	width: 32%
}
.sidebar-right {
	overflow: hidden;
	position: relative
}
.sidebar-right:after {
	display: block;
	width: 100%;
	position: absolute;
	left: 50%
}
@media (max-width:768px) {
	.pricing-table .featured.price-3-col, .pricing-table .featured.price-4-col, .pricing-table .price-3-col, .pricing-table .price-4-col {
		width: 100%
	}
	.sidebar-right:after {
		display: none
	}
}
@media (max-width:1199px) {
	.sidebar-right:after {
		-webkit-transform: translate(130px, 0);
		-moz-transform: translate(130px, 0);
		-ms-transform: translate(130px, 0);
		-o-transform: translate(130px, 0);
		transform: translate(130px, 0)
	}
}
@media (min-width:992px) {
	.sidebar-right .sidebar {
		padding-left: 75px
	}
	.sidebar-right:after {
		-webkit-transform: translate(190px, 0);
		-moz-transform: translate(190px, 0);
		-ms-transform: translate(190px, 0);
		-o-transform: translate(190px, 0);
		transform: translate(190px, 0)
	}
	.sidebar-left .sidebar {
		padding-right: 75px
	}
}
@media (min-width:1200px) {
	.sidebar-right:after {
		-webkit-transform: translate(230px, 0);
		-moz-transform: translate(230px, 0);
		-ms-transform: translate(230px, 0);
		-o-transform: translate(230px, 0);
		transform: translate(230px, 0)
	}
}
.sidebar-left {
	overflow: hidden;
	position: relative
}
.sidebar-left:after {
	display: block;
	width: 100%;
	position: absolute;
	right: 50%
}
@media (max-width:1199px) {
	.sidebar-left:after {
		-webkit-transform: translate(-130px, 0);
		-moz-transform: translate(-130px, 0);
		-ms-transform: translate(-130px, 0);
		-o-transform: translate(-130px, 0);
		transform: translate(-130px, 0)
	}
}
@media (min-width:992px) {
	.sidebar-left:after {
		-webkit-transform: translate(-190px, 0);
		-moz-transform: translate(-190px, 0);
		-ms-transform: translate(-190px, 0);
		-o-transform: translate(-190px, 0);
		transform: translate(-190px, 0)
	}
}
@media (min-width:1200px) {
	.sidebar-left:after {
		-webkit-transform: translate(-230px, 0);
		-moz-transform: translate(-230px, 0);
		-ms-transform: translate(-230px, 0);
		-o-transform: translate(-230px, 0);
		transform: translate(-230px, 0)
	}
}
.author-avatar {
	border: 1px solid #eee;
	padding: 5px
}
@media (min-width:768px) and (max-width:992px) {
	.author-avatar {
		padding: 0
	}
}
.blog-post-title {
	font-size: 30px;
	line-height: 1.5
}
@media (max-width:768px) {
	.author-avatar, .blog-post-title {
		text-align: center
	}
	.sidebar-left:after {
		display: none
	}
	.author-avatar {
		margin: 0 auto 20px
	}
}
.blog-post-title a {
	color: #2a2929
}
.meta-info {
	margin-top: 30px;
	border: 0;
	padding: 15px
}
.meta-info:after, .meta-info:before {
	content: " ";
	display: table
}
.meta-info .info {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0 5px;
	text-align: center;
	background-color: transparent;
	white-space: normal;
	vertical-align: top;
	margin-bottom: 10px
}
.meta-info .info:hover {
	background-color: transparent;
	border: 0
}
.meta-info .info span {
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 12px;
	color: #999;
	background-color: #ecf0f1;
	padding: 2px 10px;
	display: block;
	width: 100%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.meta-info .info span i {
	margin-right: 5px
}
.blog-post-teaser-text .arrow-more {
	left: 0;
	position: relative;
	-webkit-transition: left .2s;
	-moz-transition: left .2s;
	-o-transition: left .2s;
	-ms-transition: left .2s;
	transition: left .2s
}
.blog-post-teaser-text:hover .arrow-more {
	left: 5px
}
.blog_classic {
	padding-bottom: 80px;
	position: relative;
	z-index: 3
}
.blog_classic .blog_classic_posts {
	font-weight: 300
}
.blog_classic .blog_classic_posts .post_row {
	margin-bottom: 40px
}
.blog_classic .blog_classic_posts .blog-post-teaser-text {
	font-size: 14px;
	color: #999
}
.blog_classic .blog_classic_posts .blog-post-teaser-image {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-clip: padding-box;
	border: 1px solid #eee
}
.blog_classic .paging-nav {
	text-transform: uppercase;
	color: #999;
	margin-bottom: 40px
}
.blog_classic .paging-nav .float-right .btn-arrow {
	margin-left: 20px
}
.blog_classic .paging-nav .float-left {
	float: left
}
.blog_classic .paging-nav .float-left .btn-arrow {
	margin-right: 20px
}
.blog_classic .paging-nav .btn-arrow {
	padding: 2px 8px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	box-shadow: 0 4px 0 #bdc3c7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #e3e9eb;
	position: relative;
	top: 0;
	display: block;
	color: #2a2929
}
.blog_classic .paging-nav .btn-arrow:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47
}
.blog_classic .paging-nav .btn-arrow:hover h1, .blog_classic .paging-nav .btn-arrow:hover h2, .blog_classic .paging-nav .btn-arrow:hover i, .blog_classic .paging-nav .btn-arrow:hover p, .blog_classic .paging-nav .btn-arrow:hover span {
	color: #fff
}
.blog_classic .paging-nav .btn-arrow:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
@media (max-width:480px) {
	.blog_classic .paging-nav .paging-text {
		display: none
	}
}
.blog_classic .paging-nav a.btn-arrow {
	color: #d29b47
}
.blog_classic .paging-nav a:hover {
	text-decoration: none
}
.blog_classic .paging-nav .paging-inline {
	display: inline-table
}
.sidebar {
	color: #999;
	font-weight: 300
}
.sidebar a {
	color: #2a2929
}
.sidebar a:hover {
	color: #d29b47
}
.sidebar .widget {
	margin-bottom: 80px
}
.sidebar .widget h3 {
	font-size: 18px;
	margin-top: 0;
	color: #2a2929;
	margin-bottom: 40px
}
.sidebar .widget.widget-tab .nav-tabs, .sidebar .widget.widget-tab .tab-content .widget-post-title {
	font-size: 14px;
	text-transform: uppercase
}
.sidebar .widget.widget-tab {
	background-color: #bdc3c7;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box
}
@media (max-width:1200px) {
	.sidebar .widget.widget-tab .nav-tabs li {
		display: block;
		width: 100%
	}
}
.sidebar .widget.widget-tab .nav-tabs li.active a {
	color: #999
}
.sidebar .widget.widget-tab .nav-tabs a {
	color: #fff;
	font-weight: 300
}
.sidebar .widget.widget-tab .nav-tabs a:hover {
	color: #999;
	background-color: #fff;
	border: 1px solid #95a5a6;
	border-bottom: 1px solid #fff
}
.sidebar .widget.widget-tab .tab-content {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #95a5a6;
	border-top: 0;
	line-height: 1.4;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	background-clip: padding-box
}
.sidebar .widget.widget-tab .tab-content .row {
	min-height: 80px
}
.sidebar .widget.widget-tab .tab-content [class*=col] {
	padding-left: 15px;
	padding-right: 15px
}
.sidebar .widget.widget-tab .tab-content hr {
	margin: 10px 0 20px
}
.sidebar .widget.widget-tab .tab-content .widget-post-thumb {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.sidebar .widget.widget-tab .tab-content .widget-post-title:hover {
	text-decoration: none
}
.sidebar .widget.widget-tab .tab-content .meta-info {
	padding: 15px 0;
	font-size: 12px;
	columns: #999;
	margin-top: 10px
}
.sidebar .widget.widget-tab .tab-content .meta-info .float-left, .sidebar .widget.widget-tab .tab-content .meta-info .float-right {
	float: left;
	width: 50%
}
.blog-single-post .section-comment #dt-comment-form .form-submit button, .dt-category-view .paging-nav .float-right {
	float: right
}
.sidebar .widget.widget-tab .tab-content p.comment {
	font-style: italic;
	font-size: 14px
}
.sidebar .widget.widget-featured-blog {
	line-height: 1.6
}
.sidebar .widget.widget-featured-blog .row {
	overflow: hidden;
	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box;
	border: 1px solid #95a5a6;
	margin: 0 0 20px;
	padding: 0
}
.sidebar .widget.widget-featured-blog .row [class*=col] {
	padding-left: 15px;
	padding-right: 15px
}
.sidebar .widget.widget-featured-blog .row [class*=col]:first-child, .sidebar .widget.widget-featured-blog .row [class*=col]:last-child {
	padding: 0
}
.sidebar .widget.widget-featured-blog .row .featured-blog-title {
	font-size: 12px;
	text-transform: uppercase;
	height: 76px;
	display: table-cell;
	vertical-align: middle
}
@media (min-width:768px) and (max-width:1200px) {
	.sidebar .widget.widget-featured-blog .row .featured-blog-image {
		display: none
	}
}
.sidebar .widget.widget-featured-blog .row .featured-blog-meta {
	font-size: 12px;
	display: block;
	min-height: 38px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	vertical-align: middle;
	background-color: #bdc3c7;
	border-left: 1px solid #95a5a6;
	color: #fff
}
.sidebar .widget.widget-featured-blog .row .featured-blog-meta:first-child {
	border-bottom: 1px solid #95a5a6
}
.sidebar .widget.widget-gallery .gallery-thumbs {
	margin: -7px
}
.sidebar .widget.widget-gallery .gallery-thumbs img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.sidebar .widget.widget-gallery [class*=col] {
	padding: 7px
}
.sidebar .widget.widget-tags .tag {
	font-size: 12px;
	display: inline-table;
	margin-right: 5px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	border: 1px solid #95a5a6;
	background-color: #fff;
	padding: 0 10px
}
.sidebar .widget.widget-tags .tag:hover {
	background-color: #fafafa;
	color: #999
}
.sidebar .widget.widget-category .category-list {
	border-bottom: 1px solid #bdc3c7;
	padding: 7px 0
}
.sidebar .widget.widget-category .category-list a {
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: #999;
	position: relative;
	display: block;
	width: 97%
}
.sidebar .widget.widget-category .category-list a:hover {
	color: #d29b47
}
.sidebar .widget.widget-category .category-list a:after {
	content: '\ea03';
	font-family: fontello;
	position: absolute;
	left: 100%
}
.subpage-banner {
	background-size: contain !important;
	background-attachment: fixed !important;
	height: 285px;
	width: 100%;
	position: relative
}
@media (max-width:1920px) {
	.subpage-banner {
		background-size: 1920px 285px !important
	}
}
.subpage-banner .container {
	height: 100%;
	position: relative
}
.subpage-banner .container .header-group {
	color: #fff;
	position: absolute;
	height: auto;
	top: 50%;
	width: 100%;
	margin-top: 40px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.subpage-banner .container .header-group h1 {
	font-size: 3.7em;
	margin: 0;
	color: #fff
}
@media (max-width:480px) {
	.subpage-banner .container .header-group h1 {
		font-size: 2.5em
	}
}
.subpage-banner .container .header-group p {
	font-weight: 300;
	text-transform: uppercase
}
.subpage-banner .container .header-group ol.breadcrumb {
	font-weight: 300;
	margin: 25px 0 0
}
.blog-single-post {
	color: #999
}
.blog-single-post .post-title {
	color: #2a2929;
	margin-top: 0;
	line-height: 1.5em
}
.blog-single-post .subpage-banner {
	background: url(../images/banner_single_post.jpg) 50% 0 no-repeat;
	background-size: cover !important;
	background-attachment: initial !important;
	height: 600px;
	width: 100%;
	position: relative
}
.blog-single-post .post-article {
	color: #999;
	font-weight: 300;
	margin-top: 20px
}
.blog-single-post .gallery-thumbs {
	margin: 20px -10px
}
.blog-single-post .gallery-thumbs [class*=col] {
	padding: 10px
}
.blog-single-post .gallery-thumbs img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.blog-single-post .share-button {
	text-align: right
}
.blog-single-post .share-button .btn, .blog-single-post .share-button .btn-default {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-clip: padding-box
}
.blog-single-post .share-button .btn i, .blog-single-post .share-button .btn-default i {
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-o-transition: color .4s;
	-ms-transition: color .4s;
	transition: color .4s;
	color: #999;
	font-weight: 300
}
.blog-single-post .share-button .btn-default:hover, .blog-single-post .share-button .btn:hover {
	background-color: transparent
}
.blog-single-post .share-button .btn-default:hover i, .blog-single-post .share-button .btn:hover i {
	color: #d29b47;
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-o-transition: color .4s;
	-ms-transition: color .4s;
	transition: color .4s
}
.blog-single-post .comment-count, .blog-single-post .comment-leave-title, .blog-single-post .share-text {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 2.4;
	color: #2a2929
}
.blog-single-post .comment-count, .blog-single-post .comment-leave-title {
	font-size: 24px
}
.blog-single-post .section-comment .media {
	border-top: 1px solid #ddd;
	margin-top: 25px;
	padding-top: 25px
}
.blog-single-post .section-comment .media:first-child {
	border: 0;
	padding-top: 0;
	margin-top: 0
}
.blog-single-post .section-comment .media>.pull-left {
	margin-right: 40px
}
@media (max-width:768px) {
	.blog-single-post .section-comment .media>.pull-left {
		margin-right: 5px
	}
}
.blog-single-post .section-comment .media h4.media-heading {
	font-size: 18px
}
.blog-single-post .section-comment #dt-comment-form {
	margin-bottom: 40px
}
.blog-single-post .section-comment #dt-comment-form .form-group {
	padding-top: 0;
	padding-bottom: 0
}
@media (min-width:768px) {
	.blog-single-post .section-comment #dt-comment-form .form-group {
		padding-top: 15px;
		padding-bottom: 15px
	}
}
.blog-single-post .section-comment #dt-comment-form .form-control {
	font-family: lora;
	font-style: italic;
	color: #95a5a6;
	font-weight: 400;
	background-color: #ecf0f1
}
.blog-single-post .section-comment #dt-comment-form .form-control:focus {
	border-color: #d29b47;
	color: #2a2929;
	box-shadow: 0 0 0 #d29b47
}
.blog-single-post .section-comment #dt-comment-form .btn-active h1, .blog-single-post .section-comment #dt-comment-form .btn-active h2, .blog-single-post .section-comment #dt-comment-form .btn-active i, .blog-single-post .section-comment #dt-comment-form .btn-active p, .blog-single-post .section-comment #dt-comment-form .btn-active span, .blog-single-post .section-comment #dt-comment-form .btn-active:hover h1, .blog-single-post .section-comment #dt-comment-form .btn-active:hover h2, .blog-single-post .section-comment #dt-comment-form .btn-active:hover i, .blog-single-post .section-comment #dt-comment-form .btn-active:hover p, .blog-single-post .section-comment #dt-comment-form .btn-active:hover span, body.page-404 {
	color: #fff
}
.blog-single-post .section-comment #dt-comment-form .btn-active {
	padding: 0 35px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	outline: 0;
	font-family: 'open sans';
	font-weight: 300;
	border: 0;
	text-transform: uppercase
}
.blog-single-post .section-comment #dt-comment-form .btn-active:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.blog-single-post .section-comment #dt-comment-form .btn-active:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
body.page-404 {
	background-color: #d29b47;
	font-weight: 300
}
body.page-404 .centered {
	padding-top: 300px;
	background: url(../images/404-logo.png) 50% 0 no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center
}
body.page-404 .centered .biggest {
	font-size: 128px;
	line-height: 1.5
}
@media (max-width:992px) {
	body.page-404 .centered {
		background-size: 90%;
		padding-top: 24%
	}
	body.page-404 .centered .biggest {
		font-size: 90px
	}
}
@media (max-width:480px) {
	body.page-404 .centered .biggest {
		font-size: 70px
	}
}
body.page-404 .centered .big {
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 2
}
@media (max-width:992px) {
	body.page-404 .centered .big {
		font-size: 40px
	}
}
@media (max-width:480px) {
	body.page-404 .centered .big {
		font-size: 30px
	}
}
body.page-404 .centered .message {
	font-size: 20px
}
@media (max-width:992px) {
	body.page-404 .centered .message {
		font-size: 17px
	}
}
body.page-404 .centered .button {
	padding-top: 3%
}
body.page-404 .centered .button .btn-back {
	padding: 10px 20px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	box-shadow: 0 4px 0 #bdc3c7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #e3e9eb;
	position: relative;
	top: 0;
	color: #2a2929;
	margin-top: 20px;
	text-transform: uppercase
}
body.page-404 .centered .button .btn-back:hover h1, body.page-404 .centered .button .btn-back:hover h2, body.page-404 .centered .button .btn-back:hover i, body.page-404 .centered .button .btn-back:hover p, body.page-404 .centered .button .btn-back:hover span {
	color: #fff
}
body.page-404 .centered .button .btn-back:hover {
	text-decoration: none;
	background-color: #ecf0f1;
	-webkit-box-shadow: 0 4px 0 #bac9cc;
	box-shadow: 0 4px 0 #bac9cc;
	color: #2a2929
}
body.page-404 .centered .button .btn-back:active {
	-webkit-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff;
	top: 3px
}
.product-thumbnail img {
	margin: 0 auto
}
.dt-shop-season {
	padding: 80px 20px
}
.dt-shop-season .boxed {
	position: relative;
	overflow: hidden
}
@media (max-width:991px) {
	.dt-shop-season .boxed {
		max-width: 370px;
		margin: 0 auto 40px
	}
}
.dt-shop-season .boxed img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s
}
.dt-shop-season .boxed:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.dt-shop-season .thumbnail-description-text {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	text-align: center;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
.dt-shop-season .thumbnail-description-text .text-container {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -90px;
	z-index: 5
}
@media (min-width:767px) and (max-width:1199px) {
	.dt-shop-season .thumbnail-description-text .text-container {
		margin-top: -80px
	}
}
@media (min-width:767px) and (max-width:991px) {
	.dt-shop-season .thumbnail-description-text .text-container {
		margin-top: -60px
	}
}
@media (max-width:480px) {
	body.page-404 .centered .message {
		font-size: 13px
	}
	.dt-shop-season .thumbnail-description-text .text-container {
		margin-top: -80px
	}
}
.dt-shop-season .thumbnail-description-text .text-container p {
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.5em;
	-webkit-transform: translate3d(0, 0, 0)
}
@media (min-width:767px) and (max-width:1199px) {
	.dt-shop-season .thumbnail-description-text .text-container p {
		line-height: 1.1em
	}
}
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(1) {
	text-transform: none;
	font-family: lora;
	font-style: italic;
	font-weight: 100;
	font-size: 15px;
	margin-bottom: 9px
}
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(1):after {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	width: 30px;
	content: '';
	display: block;
	height: 1px;
	background-color: #fff;
	margin: 10px auto 0
}
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(2) {
	font-weight: 600
}
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(3) {
	font-weight: 100
}
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(4) {
	font-weight: 700;
	font-size: 35px
}
.dt-shop-season .thumbnail-description-text .text-container .btn-cta {
	width: 140px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 0 20px;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	cursor: pointer;
	background-color: transparent;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-o-transition: background-color .3s;
	-ms-transition: background-color .3s;
	transition: background-color .3s
}
@media (min-width:767px) and (max-width:991px) {
	.dt-shop-season .thumbnail-description-text .text-container p:nth-child(4) {
		font-size: 20px
	}
	.dt-shop-season .thumbnail-description-text .text-container p {
		font-size: .8em
	}
	.dt-shop-season .thumbnail-description-text .text-container .btn-cta {
		font-size: 11px
	}
}
.dt-shop-season .thumbnail-description-text .text-container .btn-cta:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, .3)
}
.dt-shop-season .thumbnail-description-text .text-container .btn-cta a {
	color: #fff
}
.dt-shop-season .thumbnail-description-text .text-container div, .dt-shop-season .thumbnail-description-text .text-container p, .dt-shop-season .thumbnail-description-text .text-container span {
	position: relative;
	z-index: 2
}
.dt-shop-season .thumbnail-description-text:after {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.dt-shop-season .thumbnail-description-text:hover {
	color: #d29b47
}
.dt-shop-season .thumbnail-description-text:hover p:first-child:after {
	background-color: #d29b47
}
.dt-shop-season .thumbnail-description-text:hover:after {
	background-color: rgba(0, 0, 0, .7)
}
.dt-category-view {
	padding-bottom: 40px
}
.dt-category-view .shop-items>div {
	margin-bottom: 40px
}
.dt-category-view .product-thumbnail {
	background-color: #ededed;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	position: relative;
	overflow: hidden
}
.dt-category-view .product-thumbnail .plus-detail a {
	position: absolute;
	width: 100%;
	display: block;
	bottom: -35px;
	background-color: rgba(26, 188, 156, .7);
	color: #fff;
	-webkit-transition: bottom .2s;
	-moz-transition: bottom .2s;
	-o-transition: bottom .2s;
	-ms-transition: bottom .2s;
	transition: bottom .2s;
	text-transform: uppercase
}
.dt-category-view .product-thumbnail:hover .plus-detail a {
	bottom: 0
}
.dt-category-view .add-to-cart.btn-active {
	padding: 0 20px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	display: block;
	text-align: center;
	margin: 15px 0;
	text-transform: uppercase
}
.dt-category-view .add-to-cart.btn-active h1, .dt-category-view .add-to-cart.btn-active h2, .dt-category-view .add-to-cart.btn-active i, .dt-category-view .add-to-cart.btn-active p, .dt-category-view .add-to-cart.btn-active span {
	color: #fff
}
.dt-category-view .add-to-cart.btn-active:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.dt-category-view .add-to-cart.btn-active:hover h1, .dt-category-view .add-to-cart.btn-active:hover h2, .dt-category-view .add-to-cart.btn-active:hover i, .dt-category-view .add-to-cart.btn-active:hover p, .dt-category-view .add-to-cart.btn-active:hover span {
	color: #fff
}
.dt-category-view .add-to-cart.btn-active:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
.dt-category-view .add-to-cart.btn-active:before {
	content: '\ec97';
	font-family: fontello;
	margin-right: 7px
}
@media (min-width:768px) and (max-width:1199px) {
	.dt-category-view .add-to-cart.btn-active {
		font-size: 13px
	}
	.dt-category-view .add-to-cart.btn-active:before {
		display: none
	}
}
.dt-category-view .product-name {
	text-align: center;
	color: #000;
	text-transform: uppercase
}
.dt-category-view .product-teaser-price {
	font-size: 27px;
	color: #333
}
.dt-category-view .paging-nav {
	text-transform: uppercase;
	color: #999;
	margin-bottom: 40px
}
.dt-category-view .paging-nav:after {
	content: "";
	display: block;
	clear: both
}
.dt-category-view .paging-nav .float-right .btn-arrow {
	margin-left: 20px
}
.dt-category-view .paging-nav .float-left {
	float: left
}
.dt-category-view .paging-nav .float-left .btn-arrow {
	margin-right: 20px
}
.dt-category-view .paging-nav .btn-arrow {
	padding: 2px 8px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	box-shadow: 0 4px 0 #bdc3c7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #e3e9eb;
	position: relative;
	top: 0;
	display: block;
	color: #2a2929
}
.dt-category-view .paging-nav .btn-arrow:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47
}
.dt-category-view .paging-nav .btn-arrow:hover h1, .dt-category-view .paging-nav .btn-arrow:hover h2, .dt-category-view .paging-nav .btn-arrow:hover i, .dt-category-view .paging-nav .btn-arrow:hover p, .dt-category-view .paging-nav .btn-arrow:hover span {
	color: #fff
}
.dt-category-view .paging-nav .btn-arrow:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
@media (max-width:480px) {
	.dt-shop-season .thumbnail-description-text .text-container p {
		line-height: 1.2em
	}
	.dt-category-view .paging-nav .paging-text {
		display: none
	}
}
.dt-category-view .paging-nav a.btn-arrow {
	color: #d29b47
}
.dt-category-view .paging-nav a:hover {
	text-decoration: none
}
.dt-category-view .paging-nav .paging-inline {
	display: inline-table
}
.dt-featured-product {
	margin-bottom: 80px
}
.dt-featured-product .product-thumbnail {
	background-color: #ededed;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	position: relative;
	overflow: hidden
}
.dt-featured-product .product-thumbnail .plus-detail a {
	position: absolute;
	width: 100%;
	display: block;
	bottom: -35px;
	background-color: rgba(26, 188, 156, .7);
	color: #fff;
	-webkit-transition: bottom .2s;
	-moz-transition: bottom .2s;
	-o-transition: bottom .2s;
	-ms-transition: bottom .2s;
	transition: bottom .2s;
	text-transform: uppercase
}
.dt-featured-product .product-thumbnail:hover .plus-detail a {
	bottom: 0
}
.dt-featured-product .add-to-cart.btn-active {
	padding: 0 20px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	display: block;
	text-align: center;
	margin: 15px 0;
	text-transform: uppercase
}
.dt-featured-product .add-to-cart.btn-active h1, .dt-featured-product .add-to-cart.btn-active h2, .dt-featured-product .add-to-cart.btn-active i, .dt-featured-product .add-to-cart.btn-active p, .dt-featured-product .add-to-cart.btn-active span {
	color: #fff
}
.dt-featured-product .add-to-cart.btn-active:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.dt-featured-product .add-to-cart.btn-active:hover h1, .dt-featured-product .add-to-cart.btn-active:hover h2, .dt-featured-product .add-to-cart.btn-active:hover i, .dt-featured-product .add-to-cart.btn-active:hover p, .dt-featured-product .add-to-cart.btn-active:hover span {
	color: #fff
}
.dt-featured-product .add-to-cart.btn-active:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
.dt-featured-product .add-to-cart.btn-active:before {
	content: '\ec97';
	font-family: fontello;
	margin-right: 7px
}
@media (min-width:991px) and (max-width:1199px) {
	.dt-featured-product .add-to-cart.btn-active {
		font-size: 13px
	}
	.dt-featured-product .add-to-cart.btn-active:before {
		display: none
	}
}
.dt-featured-product .product-name {
	text-align: center;
	color: #000;
	text-transform: uppercase
}
.dt-featured-product .product-teaser-price {
	font-size: 27px;
	color: #333
}
.dt-featured-product #featured-shop.col-4 .masonry-item {
	width: 285px
}
.dt-featured-product #featured-shop.col-5 .masonry-item {
	width: 224px
}
.dt-featured-product #featured-shop .masonry-item {
	margin-top: 30px
}
.dt-featured-product .sale {
	background: #e84c3d;
	color: #fff;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	padding: 7px;
	position: absolute;
	z-index: 9999;
	text-align: center;
	vertical-align: middle;
	right: 18px;
	top: 18px;
	font-weight: 400
}
.shop-testimonial {
	padding: 80px 20px;
	background: url(../images/intrend_team.jpg) 50% 50% no-repeat;
	margin-bottom: 0 !important;
	-webkit-background-size: cover;
	background-size: cover
}
.dt-shop-category {
	padding: 80px 20px;
	position: relative;
	margin-bottom: 80px
}
.dt-shop-category img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	width: 100%
}
.dt-shop-category .thumbnail-container {
	display: block;
	position: relative
}
.dt-shop-category .thumbnail-container a, .dt-shop-category .thumbnail-container h3 {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	color: #000
}
.dt-shop-category .thumbnail-container .text-description {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	color: #000;
	position: absolute;
	padding: 11px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: rgba(255, 255, 255, .7);
	width: 100%;
	display: block
}
.dt-shop-category .thumbnail-container .text-description h3 {
	margin: 0;
	font-size: 27px;
	font-weight: 100
}
.dt-shop-category .thumbnail-container:hover .text-description {
	background-color: rgba(26, 188, 156, .7)
}
.dt-shop-category .thumbnail-container:hover div, .dt-shop-category .thumbnail-container:hover h3 {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	color: #fff
}
.dt-shop-info-section {
	padding: 80px 20px;
	background: url(../images/shop/bg_shop_info_section.jpg) 0 50% no-repeat;
	background-size: cover;
	color: #fff;
	margin-bottom: 80px
}
.dt-shop-info-section h3 {
	color: #fff;
	font-size: 20px
}
.dt-shop-info-section div[class*=col] i {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	background-color: #fff;
	color: #ccc;
	font-size: 35px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	padding: 10px
}
.dt-shop-info-section div[class*=col]:hover i {
	background-color: #d29b47;
	color: #fff
}
.dt-shop-widgets {
	margin-bottom: 80px
}
.dt-shop-widgets .widget-onsale .product-price span {
	color: #e74c3c
}
.dt-shop-widgets .split {
	margin: 0
}
.dt-shop-widgets .split [class*=col] {
	padding: 0
}
.dt-shop-widgets .list-item, .dt-shop-widgets h3 {
	padding-bottom: 15px;
	border-bottom: 1px solid #bdc3c7
}
.dt-shop-widgets .split [class*=col] .rating {
	margin-top: 17px
}
.dt-shop-widgets h3 {
	color: #555;
	font-size: 22px;
	text-align: center
}
.dt-shop-widgets .list-item {
	margin-bottom: 15px;
	-webkit-transition: outline .3s;
	-moz-transition: outline .3s;
	-o-transition: outline .3s;
	-ms-transition: outline .3s;
	transition: outline .3s
}
.dt-shop-widgets .list-item img, .dt-shop-widgets .list-item:hover {
	-webkit-transition: outline .3s;
	-moz-transition: outline .3s;
	-o-transition: outline .3s;
	-ms-transition: outline .3s
}
.dt-shop-widgets .list-item .col-xs-7 {
	padding-left: 0
}
.dt-shop-service, .dt-small-banners-section {
	padding: 80px 20px
}
.dt-shop-widgets .list-item img {
	outline: 0;
	transition: outline .3s
}
.dt-shop-widgets .list-item a {
	color: #999
}
.dt-shop-widgets .list-item:hover {
	transition: outline .3s
}
.dt-shop-widgets .list-item:hover img {
	-webkit-transition: outline .3s;
	-moz-transition: outline .3s;
	-o-transition: outline .3s;
	-ms-transition: outline .3s;
	transition: outline .3s;
	outline: #d29b47 solid 3px
}
.dt-shop-widgets .list-item:hover a {
	color: #d29b47
}
.dt-shop-widgets .product-price {
	color: #000;
	font-size: 20px
}
.dt-shop-widgets .product-title {
	line-height: 1.3em
}
.dt-small-banners-section div[class=col-sm-4] img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	border: 1px solid #999
}
.dt-small-banners-section div[class=col-sm-8] img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
@media (max-width:480px) {
	.dt-small-banners-section div[class*=col] {
		margin-bottom: 20px
	}
}
.dt-shop-service {
	background: url(../images/shop/bg_shop_service.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: 80px
}
.dt-shop-service h2, .dt-shop-service h4, .dt-shop-service p {
	color: #fff
}
.dt-shop-service .hi-icon {
	width: 205px;
	height: 205px;
	margin: 0;
	border: 1px solid #fff
}
.dt-shop-service .hi-icon:before {
	font-size: 100px;
	line-height: 205px;
	position: relative;
	left: 50%;
	margin-left: -50px
}
.dt-shop-service .col {
	text-align: center
}
.dt-shop-service .col:hover .hi-icon {
	background-color: #d29b47 !important;
	color: #fff !important;
	border-color: #d29b47
}
.dt-shop-newsletter .btn-default h1, .dt-shop-newsletter .btn-default h2, .dt-shop-newsletter .btn-default i, .dt-shop-newsletter .btn-default p, .dt-shop-newsletter .btn-default span, .dt-shop-newsletter .btn-default:hover h1, .dt-shop-newsletter .btn-default:hover h2, .dt-shop-newsletter .btn-default:hover i, .dt-shop-newsletter .btn-default:hover p, .dt-shop-newsletter .btn-default:hover span {
	color: #fff
}
.dt-shop-newsletter {
	margin-bottom: 80px
}
.dt-shop-newsletter .box-border {
	border: 1px solid #95a5a6;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	padding: 20px
}
@media (max-width:767px) {
	.dt-shop-newsletter .box-border .row div[class*=col] {
		margin-bottom: 20px
	}
}
.dt-shop-newsletter .btn-default {
	padding: 12px 20px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	text-transform: uppercase;
	font-weight: 100;
	text-shadow: none;
	position: relative;
	top: -1px
}
.dt-shop-newsletter .btn-default:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.dt-shop-newsletter .btn-default:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
.dt-shop-newsletter p {
	margin: 0;
	font-size: 19px;
	line-height: 1.5em
}
.dt-shop-newsletter p:first-child {
	text-transform: uppercase;
	font-size: 21px
}
.dt-shop-newsletter p span {
	color: #d29b47
}
.dt-shop-newsletter .no-padding {
	padding: 0
}
.dt-shop-newsletter i {
	font-size: 60px;
	line-height: 0;
	color: #95a5a6
}
@media (max-width:992px) {
	.dt-shop-newsletter i {
		font-size: 40px
	}
}
.dt-shop-newsletter i:before {
	margin: 0
}
.dt-shop-newsletter .input-group .form-control:first-child {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	height: 60px;
	padding: 20px
}
.dt-shop-newsletter .input-group-btn:last-child>.btn {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	margin-left: 15px
}
.dt-shop-newsletter .form-control:focus {
	border: 1px solid #999;
	box-shadow: none
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 0
}
.shop-detail-product {
	padding-bottom: 40px
}
@media (max-width:768px) {
	.shop-detail-product .plus-minus-container {
		text-align: center;
		margin-top: 20px
	}
	.shop-detail-product .plus-minus-container .slider-group {
		float: none
	}
	.shop-detail-product .add-to-cart-container a {
		margin: 0 auto 10px
	}
}
@media (min-width:992px) and (max-width:1200px) {
	.shop-detail-product .plus-minus-container {
		text-align: center
	}
	.shop-detail-product .plus-minus-container .slider-group {
		float: none
	}
	.shop-detail-product .add-to-cart-container a {
		margin: 0 auto 10px
	}
}
.shop-detail-product .shop-detail-fullwidth-banner {
	background-attachment: inherit
}
.shop-detail-product .detail-product-title h2 {
	margin-top: 0;
	margin-bottom: 40px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
	line-height: 1.7em;
	font-size: 24px
}
@media (max-width:992px) {
	.shop-detail-product .detail-product-title h2 {
		margin-top: 40px
	}
}
.shop-detail-product .detail-product-price {
	background-color: #d29b47;
	color: #fff;
	width: 115px;
	text-align: center;
	height: 115px;
	line-height: 115px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	font-size: 30px
}
.shop-detail-product .rating.big {
	float: right;
	margin-top: 50px
}
.shop-detail-product .big-thumbnail {
	margin-bottom: 5px;
	width: 100%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.shop-detail-product .small-thumbnails div[class*=col] {
	padding: 5px
}
.shop-detail-product .small-thumbnails div[class*=col] img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.shop-detail-product .detail-product-short-description {
	margin-top: 40px;
	margin-bottom: 40px
}
.shop-detail-product .btn-add-to-cart {
	padding: 5px 10px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	text-transform: uppercase;
	margin: 0;
	display: block;
	max-width: 200px;
	text-align: center
}
.shop-detail-product .btn-add-to-cart h1, .shop-detail-product .btn-add-to-cart h2, .shop-detail-product .btn-add-to-cart i, .shop-detail-product .btn-add-to-cart p, .shop-detail-product .btn-add-to-cart span {
	color: #fff
}
.shop-detail-product .btn-add-to-cart:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.shop-detail-product .btn-add-to-cart:hover h1, .shop-detail-product .btn-add-to-cart:hover h2, .shop-detail-product .btn-add-to-cart:hover i, .shop-detail-product .btn-add-to-cart:hover p, .shop-detail-product .btn-add-to-cart:hover span {
	color: #fff
}
.shop-detail-product .btn-add-to-cart:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
.shop-detail-product .slider-group {
	float: right;
	padding: 0
}
.shop-detail-product .slider-group li {
	list-style: none;
	display: inline-table
}
.shop-detail-product .slider-group li .btn-minus, .shop-detail-product .slider-group li .btn-plus {
	padding: 5px 15px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	box-shadow: 0 4px 0 #bdc3c7;
	background-color: #e3e9eb;
	position: relative;
	top: 0;
	display: block;
	width: 45px;
	font-size: 30px;
	line-height: 1em;
	text-align: center;
	color: #999
}
.shop-detail-product .slider-group li .btn-minus:hover, .shop-detail-product .slider-group li .btn-plus:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	cursor: pointer
}
.shop-detail-product .slider-group li .btn-minus:hover h1, .shop-detail-product .slider-group li .btn-minus:hover h2, .shop-detail-product .slider-group li .btn-minus:hover i, .shop-detail-product .slider-group li .btn-minus:hover p, .shop-detail-product .slider-group li .btn-minus:hover span, .shop-detail-product .slider-group li .btn-plus:hover h1, .shop-detail-product .slider-group li .btn-plus:hover h2, .shop-detail-product .slider-group li .btn-plus:hover i, .shop-detail-product .slider-group li .btn-plus:hover p, .shop-detail-product .slider-group li .btn-plus:hover span {
	color: #fff
}
.shop-detail-product .slider-group li .btn-minus:active, .shop-detail-product .slider-group li .btn-plus:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
.shop-detail-product .slider-group li .btn-minus {
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	background-clip: padding-box
}
.shop-detail-product .slider-group li .btn-plus {
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box
}
.shop-detail-product .slider-group li.counter {
	background-color: #bdc3c7;
	text-align: center;
	width: 50px;
	padding: 6px 0;
	margin: -3px -5px 0;
	color: #000
}
.shop-detail-product .description-spec {
	padding: 20px 0
}
.shop-detail-product .description-spec li {
	list-style: none;
	border-top: 1px solid #ddd;
	padding: 5px 0
}
.shop-detail-product .description-spec li:last-child {
	border-bottom: 1px solid #ddd
}
.shop-detail-product .btn-group a {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	text-shadow: 0 0 0 transparent;
	color: #fff
}
.shop-detail-product .btn-group a:hover {
	background: 0 0
}
.shop-detail-product .btn-group a i:hover:before {
	background-color: #d29b47
}
.shop-detail-product .btn-group a i:before {
	background-color: #8c9899;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
	padding: 10px;
	width: 36px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box
}
.shop-detail-product .detail-product-bottom-part {
	margin: 40px 0
}
.shop-detail-product .detail-product-bottom-part .tab-pane {
	border-left: 1px solid #bdc3c7;
	border-bottom: 1px solid #bdc3c7;
	border-right: 1px solid #bdc3c7;
	padding: 20px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box
}
.shop-detail-product .nav-tabs.nav-justified {
	background-color: #bdc3c7;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box
}
.shop-detail-product .nav-tabs.nav-justified>li>a {
	border: none;
	background-color: #bdc3c7;
	text-transform: uppercase;
	color: #fff
}
.shop-detail-product .nav-tabs.nav-justified>.active {
	background-color: #fff;
	border: 1px solid #bdc3c7;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	border-bottom: 0
}
.shop-detail-product .nav-tabs.nav-justified>.active>a {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #999
}
.shop-detail-product .nav-tabs.nav-justified>.active>a:hover {
	border: 0;
	border-bottom: 1px solid #fff
}
.shop-detail-product .dt-featured-product .add-to-cart {
	font-size: 11px;
	padding: 5px 0
}
.shop-detail-product .dt-featured-product .add-to-cart:before {
	display: none
}
.shop-detail-product .dt-shop-widgets {
	font-size: 15px
}
.shop-detail-product .dt-shop-widgets h3 {
	font-size: 17px
}
.shop-detail-product .dt-shop-widgets .product-price {
	font-size: 15px
}
.dt-loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #fff
}
.buy_now .btn-buynow, .buy_now .btn-buynow:hover {
	background-color: #d29b47;
	color: #fff;
	text-decoration: none
}
.dt-loading .loader {
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.dt-loading span {
	color: #fff;
	font-size: 13px;
	position: fixed;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 8px;
	margin: -12px 0 0 -46px;
	left: 50%;
	top: 50%;
	text-shadow: 0 0 1px rgba(255, 255, 255, .9), 1px 2px 5px rgba(0, 0, 0, .5)
}
.buy_now h4, .buy_now p {
	font-family: lora, serif;
	font-style: italic
}
.loader {
	position: relative;
	width: 80px;
	margin: 100px auto
}
.dot {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #d29b47;
	position: absolute;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	animation-duration: .5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite
}
.dot1, .dot2 {
	left: 0
}
.dot3 {
	left: 30px
}
@keyframes reveal {
	from {
		transform: scale(.001)
	}
	to {
		transform: scale(1)
	}
}
@-webkit-keyframes reveal {
	from {
		-webkit-transform: scale(.001)
	}
	to {
		-webkit-transform: scale(1)
	}
}
@keyframes slide {
	to {
		transform: translateX(30px)
	}
}
@-webkit-keyframes slide {
	to {
		-webkit-transform: translateX(30px)
	}
}
.dot1 {
	animation-name: reveal;
	-webkit-animation-name: reveal
}
.dot2, .dot3 {
	animation-name: slide;
	-webkit-animation-name: slide
}
.dot4 {
	left: 60px;
	animation-name: reveal;
	animation-direction: reverse;
	-webkit-animation-name: reveal;
	-webkit-animation-direction: reverse
}
.buy_now {
	background-image: url(../images/buy_now_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: auto;
	color: #fff;
	overflow: hidden;
	padding: 20px 0
}
.buy_now h4 {
	text-transform: none;
	font-size: 20px;
	font-weight: 400;
	color: #fff
}
.buy_now p {
	font-size: 14px;
	overflow: hidden;
	height: 24px
}
.buy_now .btn-buynow {
	padding: 7px 40px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: lighter;
	box-shadow: 0 5px 0 rgba(26, 188, 156, .8);
	position: relative;
	top: 25px
}
.buy_now .btn-buynow:hover {
	-webkit-box-shadow: 0 5px 0 #148f77;
	box-shadow: 0 5px 0 #148f77
}
.buy_now .btn-buynow:hover h1, .buy_now .btn-buynow:hover h2, .buy_now .btn-buynow:hover i, .buy_now .btn-buynow:hover p, .buy_now .btn-buynow:hover span {
	color: #fff
}
.buy_now .btn-buynow:active {
	top: 27px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
.graphic_section .container {
	padding-top: 10px
}
.home-2 .custom-accordion {
	padding-top: 5px
}
.custom-accordion {
	padding-top: 20px
}
.custom-accordion .panel {
	border-width: 0;
	border-image-width: 0;
	box-shadow: none
}
.custom-accordion .panel-heading {
	height: 60px;
	max-height: 60px;
	padding-left: 25px;
	background: 0 0;
	border: 1px solid #bdc3c7;
	border-radius: 3px
}
.custom-accordion .panel-heading .panel-title {
	line-height: 40px;
	text-transform: none;
	font-size: 20px;
	color: #2a2929
}
.custom-accordion .panel-heading:hover .btn-accordion {
	color: #fff;
	background-color: #DCAA59;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
.custom-accordion .panel-heading:hover h4 {
	color: #DCAA59
}
.custom-accordion .panel-heading .btn-accordion {
	padding: 0;
	-webkit-box-shadow: 0 4px 0 #F5EAD5;
	box-shadow: 0 4px 0 #F5EAD5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fbeed7;
	position: relative;
	top: -44px;
	left: 93%;
	display: block;
	width: 42px;
	text-align: center;
	height: auto;
	line-height: 42px;
	font-size: 29px;
	font-weight: 400;
	text-decoration: none;
	color: #DCAA59
}
.custom-accordion .panel-heading .btn-accordion:hover {
	background-color: #DCAA59;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
.custom-accordion .panel-heading .btn-accordion:hover h1, .custom-accordion .panel-heading .btn-accordion:hover h2, .custom-accordion .panel-heading .btn-accordion:hover i, .custom-accordion .panel-heading .btn-accordion:hover p, .custom-accordion .panel-heading .btn-accordion:hover span {
	color: #fff
}
.custom-accordion .panel-heading .btn-accordion:active {
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47;
	top: -41px;
	text-decoration: none
}
.custom-accordion .panel-heading .btn-accordion:focus, .custom-accordion .panel-heading .btn-accordion:hover {
	text-decoration: none
}
.custom-accordion .panel-body {
	font-size: 14px;
	color: #a4a8a9
}
.progress_bars {
	width: 100%;
	overflow: hidden
}
.progress_bars .progress_bar {
	position: relative;     border-radius: 25px;
	margin: 0 0 15px
}
.progress_bars .progress_content_outer {
	height: 12px;
	background-color: #ecf0f1;
	width: 90%;     border-radius: 25px;
	position: relative
}
@media (max-width:768px) {
	.progress_bars .progress_content_outer {
		width: 85%
	}
}
@media (min-width:768px) and (max-width:1200px) {
	.progress_bars .progress_content_outer {
		width: 85%
	}
}
.progress_bars .progress_content {
	position: absolute;     border-radius: 25px;
	top: 0;
	left: 0;
	height: 100%;
	overflow: hidden;
	background: 0 #DCAA59
}
.progress_bars .progress_title {
	display: inline-block;
	position: relative;
	z-index: 100
}
.progress_bars .progress_title h4 {
	margin: 0;
	line-height: 38px;
	font-weight: 300;
	font-size: 20px;
	color: #2a2929;
	text-transform: none
}
.progress_bars .progress_number {
	font-size: 20px;
	line-height: 16px;
	font-weight: 300;
	color: #2a2929;
	text-align: left;
	position: absolute;
	top: 37px;
	right: 0;
	z-index: 10;
	opacity: 0;
	filter: alpha(opacity=0)
}
.line_graf_holder, .pie_graf_holder {
	display: block;
	position: relative;
	overflow: hidden
}
.pie_graf {
	margin: 0;
	width: 250px;
	float: left
}
.line_graf_legend, .pie_graf_legend {
	width: auto;
	position: relative;
	float: left
}
.line_graf {
	margin: 0 20px 0 0;
	float: left
}
.pie_graf_legend {
	margin-left: 30px;
	padding-top: 20px
}
.line_graf_legend ul li, .pie_graf_legend ul li {
	display: block;
	margin: 0 0 10px
}
.line_graf_legend ul li .color_holder, .pie_graf_legend ul li .color_holder {
	width: 25px;
	height: 25px;
	background-color: #69b200;
	float: left
}
.line_graf_legend ul li p, .pie_graf_legend ul li p {
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 40px
}
.progress_bars_vertical_holder {
	display: inline-block;
	width: 100%;
	position: relative
}
.progress_bars_vertical {
	display: inline-block;
	position: relative;
	float: left;
	margin: 0 .3% 0 0
}
.progress_bars_vertical:last-child {
	margin: 0
}
.progress_bars_vertical .progress_content_outer {
	height: 200px;
	position: relative
}
.progress_bars_vertical .progress_content_outer .progress_content {
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border: 0;
	background: 0 #d29b47
}
.contact-form-blog .btn-send, .contact-form-section .btn-send {
	background-clip: padding-box;
	border-width: 0;
	text-decoration: none
}
.progress_bars_vertical .progress_number, .progress_bars_vertical .progress_title {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	color: #333;
	display: block
}
.progress_bars_vertical .progress_number {
	font-size: 18px;
	line-height: 18px;
	margin: 25px 0 10px;
	position: relative
}
.progress_bars_vertical .progress_title {
	font-size: 16px;
	line-height: 20px
}
.pie_chart_holder {
	margin: 50px 0;
	overflow: hidden
}
.pie_chart_holder .easyPieChart {
	margin: 0 auto;
	text-align: center
}
.pie_chart_text {
	text-align: center
}
.pie_chart_text h4 {
	font-size: 24px;
	color: #222;
	text-transform: none
}
.tocounter {
	color: #d29b47;
	font-size: 41px;
	font-weight: lighter;
	width: 100%;
	text-align: center;
	float: left;
	position: relative
}
.doughnutChartShadow {
	height: 215px;
	width: 215px;
	box-shadow: 0 1px 0 #888;
	border-radius: 50%;
	position: absolute;
	top: 73px;
	left: 42px
}
.tocounter:after {
	content: "%"
}
.lineChart_section {
	margin-top: 45px
}
.lineChart_section h4 {
	font-size: 24px;
	text-transform: none
}
.contact-form-section {
	background-image: url(../images/contact_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 0;
	font-family: Lora;
	font-style: italic;
	color: #fff
}
.contact-form-section h2 {
	font-style: normal;
	color: #fff
}
.contact-form-section .form-group {
	padding-top: 0;
	padding-bottom: 0
}
.contact-form-section .form-control {
	font-size: 14px;
	color: #908d8d;
	font-style: italic;
	-webkit-box-shadow: none;
	box-shadow: none
}
.contact-form-section .form-control:focus {
	color: #d29b47;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
.contact-form-section .dt-form-info {
	display: none
}
@media (min-width:768px) {
	.contact-form-section .form-group {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.contact-form-section .dt-form-info {
		display: block
	}
}
.contact-form-blog .dt-form-info, .contact-form-section .fail, .contact-form-section .success {
	display: none
}
.contact-form-section .btn-send {
	padding: 0 25px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0;
	float: right;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: lighter;
	color: #fff;
	background-color: #DCAA59;
	box-shadow: 0 5px 0 rgba(218, 153, 46, .82);
	position: relative
}
.contact-form-section .btn-send:hover {
	text-decoration: none;
	color: #fff;
	background-color: #d29b47;
	-webkit-box-shadow: 0 5px 0 #9c6306;
	box-shadow: 0 5px 0 #9c6306
}
.contact-form-section .btn-send:hover h1, .contact-form-section .btn-send:hover h2, .contact-form-section .btn-send:hover i, .contact-form-section .btn-send:hover p, .contact-form-section .btn-send:hover span {
	color: #fff
}
.contact-form-section .btn-send:active {
	top: 2px;
	-webkit-box-shadow: 0 0 0 #9c6306;
	box-shadow: 0 0 0 #9c6306
}
.contact-form-section input.error, .contact-form-section textarea.error {
	border-color: #ce1111;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.contact-form-section label.error {
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	line-height: 34px;
	width: 100%;
	background-color: #ce1111;
	color: #fff;
	font-weight: 300;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 0 10px
}
.contact-form-section .success div {
	// float: left;
	background-color: #dcaa59;
	border-radius: 3px;
	padding: 2px 20px;
	margin-left: -49%
}
.contact-form-section .fail div {
	float: left;
	background-color: #dcaa59;
	border-radius: 3px;
	padding: 2px 6px
}
.contact_page {
	padding-bottom: 0
}
.contact-form-blog {
	margin-top: -40px;
	margin-bottom: 0;
	font-family: Lora;
	font-style: italic;
	color: #95a5a6
}
.contact-form-blog .section-head {
	margin-top: 40px
}
.contact-form-blog h2 {
	font-style: normal;
	color: #2a2929
}
.contact-form-blog .form-group {
	padding-top: 0;
	padding-bottom: 0
}
.contact-form-blog .form-control {
	font-size: 14px;
	color: #908d8d;
	font-style: italic;
	background-color: #ecf0f1
}
.contact-form-blog .form-control:focus {
	border-color: #d29b47;
	color: #d29b47;
	box-shadow: 0 0 0 #d29b47
}
@media (min-width:768px) {
	.contact-form-blog .form-group {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.contact-form-blog .dt-form-info {
		display: block
	}
}
.fail, .success {
	display: none
}
.contact-form-blog .btn-send {
	padding: 0 25px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0;
	float: right;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #fff;
	background-color: #d29b47;
	-webkit-box-shadow: 0 5px 0 #16a085;
	box-shadow: 0 5px 0 #16a085;
	position: relative
}
.contact-form-blog .btn-send:hover {
	text-decoration: none;
	color: #fff;
	background-color: #d29b47;
	-webkit-box-shadow: 0 5px 0 #148f77;
	box-shadow: 0 5px 0 #148f77
}
.contact-form-blog .btn-send:hover h1, .contact-form-blog .btn-send:hover h2, .contact-form-blog .btn-send:hover i, .contact-form-blog .btn-send:hover p, .contact-form-blog .btn-send:hover span {
	color: #fff
}
.contact-form-blog .btn-send:active {
	top: 2px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
input.error, textarea.error {
	border-color: #ce1111;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
label.error {
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	line-height: 34px;
	width: 100%;
	background-color: #ce1111;
	color: #fff;
	font-weight: 300;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 0 10px
}
.fail div, .success div {
	float: left;
	border-radius: 3px;
	color: #fff
}
.success div {
	background-color: #16a085;
	padding: 2px 20px
}
.fail div {
	background-color: #ce1111;
	padding: 2px 6px
}
.bottom_section {
	color: #fff;
	background-color: #252524;
	padding: 30px 0 35px;
	font-size: 14px;
	margin-bottom: 0
}
.bottom_section h2 {
	color: #fff;
	font-size: 24px
}
.bottom_section hr {
	border-top-color: #444;
	margin-bottom: 20px;
	margin-top: 20px
}
.bottom_section .section-head {
	margin-bottom: 20px;
	margin-top: 50px
}
.dt-google-map-section, .recent-portfolio .col-lg-6 .thumbnail {
	margin-bottom: 0
}
.bottom_section .social li {
	padding-right: 0
}
.bottom_section .social a {
	font-size: 17px;
	color: #34495e
}
.bottom_section .social a:hover {
	color: #d29b47;
	text-decoration: none
}
.recent-portfolio .thumbnail {
	padding: 0;
	border: none;
	background-color: rgba(255, 255, 255, 0);
	margin-bottom: 9px
}
.recent-portfolio [class*=col-] {
	padding-left: 5px;
	padding-right: 5px
}
.about-us h1 {
	font-size: 30px;
	letter-spacing: 15px;
	margin-top: 0;
	margin-bottom: 5px;
	color: #fff
}
footer {
	background: #252524;
	overflow: hidden;
	padding-top: 70px
}
@media (max-width:1200px) {
	footer {
		padding-top: 0
	}
}
@media (min-width:480px) and (max-width:767px) {
	footer {
		margin-top: -80px
	}
}
@media (max-width:479px) {
	footer {
		margin-top: -120px
	}
}
.ss-style-doublediagonal::after {
	background: url(../images/footer1.jpg) center center no-repeat;
	background-size: cover
}
.footer-section {
	font-size: 13px;
	z-index: 100;
	color: #fff;
	position: relative
}
.footer-section .nav-pills {
	position: relative;
	top: -10px;
	float: right
}
.footer-section .nav-pills a {
	background: 0 0;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 7px
}
.footer-section .nav-pills a.active, .footer-section .nav-pills a:focus, .footer-section .nav-pills a:hover {
	background: 0 0;
	color: #d29b47
}
.customcss_service1:hover .project, .customcss_service2:hover .designn, .customcss_service5:hover .renovation, .customcss_service:hover .interior, span.archit, span.designn, span.inter, span.interior, span.project, span.renovation {
	background-repeat: no-repeat;
	background-position: center
}
.fun-facts-section {
	background-color: #f6f7f7;
	margin-bottom: 80px;
	padding: 80px 0 0;
	position: relative
}
.fun-facts-section .grid-icon {
	text-align: center;
	color: #666;
	padding-bottom: 50px
}
.fun-facts-section .grid-icon .section-head {
	margin-bottom: 38px
}
.fun-facts-section .grid-icon h4 {
	font-size: 80px;
	font-weight: 100;
	color: #d29b47;
	margin: 18px 0 16px
}
.fun-facts-section .grid-icon div p {
	text-align: center;
	font-size: 16px;
	color: #999;
	text-transform: uppercase;
	font-weight: 100
}
.fun-facts-section .grid-icon span {
	text-align: center;
	font-size: 3.5em;
	color: #d29b47;
	border: 1px solid #d29b47;
	padding: 0 15px;
	display: inline-block;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-clip: padding-box;
	position: relative;
	margin-bottom: 0;
	background-color: #f6f7f7;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.fun-facts-section .grid-icon span:after, .fun-facts-section .grid-icon span:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.fun-facts-section .grid-icon span:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #f6f7f7;
	border-width: 10px;
	margin-left: -10px
}
.fun-facts-section .grid-icon span:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #d29b47;
	border-width: 11px;
	margin-left: -11px
}
.fun-facts-section .grid-icon span:hover {
	background-color: #d29b47;
	border: 1px solid #d29b47;
	color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.fun-facts-section .grid-icon span:hover:after, .fun-facts-section .grid-icon span:hover:before {
	border-top: 11px solid #d29b47;
	border-top-color: #d29b47;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.fun-facts-section .grid-icon p {
	text-align: left
}
.dt-services-section, .dt-shop-info-section {
	text-align: center
}
.dt-google-map-section .map {
	height: auto;
	position: relative
}
.dt-google-map-section .map .map-info {
	color: #fff;
	font-weight: 300;
	background-color: rgba(22, 160, 133, .6);
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	text-align: center;
	padding: 30px 0
}
.hi-icon:before, .md-modal .md-content.form label {
	font-weight: 400
}
.dt-google-map-section .map .map-info a {
	color: #fff;
	text-decoration: none
}
.dt-google-map-section .map .map-info address {
	margin: 0
}
.dt-google-map-section .map .map-info .icon-container {
	width: 50px;
	padding: 1px 0;
	margin: 0 auto 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	position: relative;
	background-color: #fff;
	color: #d29b47
}
.dt-google-map-section .map .map-info .icon-container:after, .dt-google-map-section .map .map-info .icon-container:before {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 12px solid #fff;
	bottom: -7px;
	content: '';
	left: 50%;
	margin-left: -8px;
	position: absolute
}
.dt-google-map-section .map .map-info .icon-container i {
	font-size: 1.3em
}
.dt-google-map-section .map .map-info .col {
	top: 0
}
.dt-google-map-section .map .map-info .col:hover .icon-container {
	top: 5px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s
}
.dt-google-map-section .map .map-info .col .icon-container {
	top: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s
}
.hi-icon-effect-1 .hi-icon, .hi-icon-effect-6 .hi-icon {
	-webkit-transition: background .2s, color .2s;
	-moz-transition: background .2s, color .2s
}
#map {
	width: 100%;
	height: 525px;
	background-color: #2B2B2B
}
.dt-services-section .dt-service {
	transition-duration: 1s;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #999;
	padding: 0 0 10px;
	margin-top: 45px;
	border-left: 1px solid #d29b47;
    border-right: 1px solid #d29b47;
}
.dt-services-section .dt-service p {
	margin: 20px
}
.dt-services-section .dt-service .dt-section-icon {
	transition-duration: 1s;
	width: 100%;
	height: 125px;
	padding: 1px 0;
	margin: 0 auto 35px;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	position: relative;
	background-color: #d29b47;
	color: #d29b47
}
.dt-services-section .dt-service .dt-section-icon:after, .dt-services-section .dt-service .dt-section-icon:before {
	transition-duration: 1s;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 17px solid #d29b47;
	bottom: -13px;
	content: '';
	left: 50%;
	margin-left: -17px;
	position: absolute
}
.dt-services-section .dt-service .dt-section-icon i {
	transition-duration: 1s;
	font-size: 68px;
	color: #bdc3c7
}
.dt-services-section .dt-service h4 {
	line-height: 33px;
	color: #999
}
.dt-services-section .dt-service p {
	padding: 15px
}
.dt-services-section .dt-service:hover {
	background-color: #C79344; color: #fff;
	-webkit-box-shadow: 0 4px 0 #AD803C;
	box-shadow: 0 4px 0 #AD803C
}

.dt-services-section .dt-service:hover h4{color:#fff;}
.dt-services-section .dt-service:hover .dt-section-icon {
	background-color: #d29b47
}
.dt-services-section .dt-service:hover .dt-section-icon:after, .dt-services-section .dt-service:hover .dt-section-icon:before {
	border-top-color: #d29b47
}
.dt-services-section .dt-service:hover .dt-section-icon i {
	color: #fff
}
.dt-services-section .dt-service:hover .dt-section-icon i:hover {
	color: #d29b47
}
.dt-shop-info-section .dt-service {
	transition-duration: 1s;
	color: #fff;
	padding: 0 0 10px
}
.dt-shop-info-section .dt-service p {
	margin: 0 0 20px
}
.dt-shop-info-section .dt-service .dt-section-icon {
	transition-duration: 1s;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	position: relative;
	color: #d29b47
}
.dt-shop-info-section .dt-service .dt-section-icon i.hi-icon {
	transition-duration: 1s;
	font-size: 68px;
	color: #bdc3c7;
	margin: 0
}
.dt-shop-info-section .dt-service .dt-section-icon i.hi-icon:before {
	font-size: 35px;
	line-height: 45px
}
span.archit, span.designn, span.inter, span.interior, span.project {
	font-size: 0;
	text-align: center;
	z-index: 1;
	display: inline-block;
	color: #fff;
	cursor: pointer
}
.dt-shop-info-section .dt-service h4 {
	line-height: 33px;
	color: #fff
}
.dt-shop-info-section .dt-service p {
	padding: 0 0 15px
}
.dt-shop-info-section .dt-service:hover .dt-section-icon i.hi-icon {
	color: #fff;
	background-color: #d29b47
}
.customcss_service:hover .interior {
	background-image: url(../images/inter.png);
	-webkit-animation: toBottomFromTop .3s forwards;
	-moz-animation: toBottomFromTop .3s forwards;
	animation: toBottomFromTop .3s forwards
}
.customcss_service1:hover .project, .customcss_service2:hover .designn {
	-webkit-animation: toBottomFromTop .3s forwards;
	-moz-animation: toBottomFromTop .3s forwards
}
.customcss_service:hover .int-white {
	background-color: #fff;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 42%;
	top: 28%;
	border-radius: 100%
}
.int-white {
	width: 100%;
	height: 100%;
	position: absolute
}
span.interior {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	background-image: url(../images/inter_1.png)
}
.customcss_service1:hover .project {
	background-image: url(../images/project.png);
	animation: toBottomFromTop .3s forwards
}
.customcss_service1:hover .int-white_1 {
	background-color: #fff;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 42%;
	top: 28%;
	border-radius: 100%
}
.int-white_1 {
	width: 100%;
	height: 100%;
	position: absolute
}
span.project {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	background-image: url(../images/project_1.png)
}
.customcss_service2:hover .designn {
	background-image: url(../images/design.png);
	animation: toBottomFromTop .3s forwards
}
.customcss_service3:hover .archit, .customcss_service4:hover .inter {
	-webkit-animation: toBottomFromTop .3s forwards;
	-moz-animation: toBottomFromTop .3s forwards;
	background-repeat: no-repeat;
	background-position: center
}
.customcss_service2:hover .int-white_2 {
	background-color: #fff;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 42%;
	top: 28%;
	border-radius: 100%
}
.int-white_2 {
	width: 100%;
	height: 100%;
	position: absolute
}
span.designn {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	background-image: url(../images/design_1.png)
}
.customcss_service3:hover .archit {
	background-image: url(../images/archi.png);
	animation: toBottomFromTop .3s forwards
}
.customcss_service3:hover .int-white_3 {
	background-color: #fff;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 42%;
	top: 28%;
	border-radius: 100%
}
.int-white_3 {
	width: 100%;
	height: 100%;
	position: absolute
}
span.archit {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	background-image: url(../images/archi_1.png)
}
.customcss_service4:hover .inter {
	background-image: url(../images/master.png);
	animation: toBottomFromTop .3s forwards
}
.customcss_service4:hover .int-white_4 {
	background-color: #fff;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 42%;
	top: 28%;
	border-radius: 100%
}
.int-white_4 {
	width: 100%;
	height: 100%;
	position: absolute
}
span.inter {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	background-image: url(../images/master_1.png)
}
.customcss_service5:hover .renovation {
	background-image: url(../images/renovation.png);
	-webkit-animation: toBottomFromTop .3s forwards;
	-moz-animation: toBottomFromTop .3s forwards;
	animation: toBottomFromTop .3s forwards
}
.customcss_service5:hover .int-white_5 {
	background-color: #fff;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 42%;
	top: 28%;
	border-radius: 100%
}
.int-white_5 {
	width: 100%;
	height: 100%;
	position: absolute
}
.hi-icon, span.renovation {
	font-size: 0;
	position: relative;
	z-index: 1;
	border-radius: 50%;
	text-align: center
}
span.renovation {
	display: inline-block;
	cursor: pointer;
	width: 100%;
	height: 100%;
	color: #fff;
	background-image: url(../images/renovation_1.png)
}
.no-touch .dt-service:hover .hi-icon-effect-5 .hi-icon {
	background: #fff;
	color: #d29b47;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0)
}
.no-touch .dt-service:hover .hi-icon-effect-5a .hi-icon:before {
	-webkit-animation: toRightFromLeft .3s forwards;
	-moz-animation: toRightFromLeft .3s forwards;
	animation: toRightFromLeft .3s forwards
}
.no-touch .dt-service:hover .hi-icon-effect-5b .hi-icon:before {
	-webkit-animation: toLeftFromRight .3s forwards;
	-moz-animation: toLeftFromRight .3s forwards;
	animation: toLeftFromRight .3s forwards
}
.no-touch .dt-service:hover .hi-icon-effect-5c .hi-icon:before {
	-webkit-animation: toTopFromBottom .3s forwards;
	-moz-animation: toTopFromBottom .3s forwards;
	animation: toTopFromBottom .3s forwards
}
.no-touch .dt-service:hover .hi-icon-effect-5d .hi-icon:before {
	-webkit-animation: toBottomFromTop .3s forwards;
	-moz-animation: toBottomFromTop .3s forwards;
	animation: toBottomFromTop .3s forwards
}
@media (max-width:991px) {
	.footer-menu {
		display: none
	}
	.custom-accordion .panel-heading .btn-accordion {
		left: 88%
	}
}
@media (min-width:320px) and (max-width:767px) {
	.buy_now {
		text-align: center;
		padding-bottom: 80px
	}
}
@media (max-width:360px) {
	.footer-menu {
		display: none
	}
	.custom-accordion .panel-heading {
		padding-left: 18px
	}
	.custom-accordion .panel-heading .panel-title {
		overflow: hidden;
		width: 190px;
		height: 40px
	}
	.custom-accordion .panel-heading .btn-accordion {
		left: 85%
	}
}
.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em
}
.hi-icon {
	display: inline-block;
	margin: 25px 30px;
	width: 65px;
	height: 65px;
	color: #fff
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.hi-icon:before {
	font-family: fontello;
	margin-left: 5px;
	speak: none;
	font-size: 55px;
	line-height: 65px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased
}
.hi-icon-mobile:before {
	content: "\e009"
}
.hi-icon-screen:before {
	content: "\e00a"
}
.hi-icon-earth:before {
	content: "\e002"
}
.hi-icon-support:before {
	content: "\e000"
}
.hi-icon-locked:before {
	content: "\e001"
}
.hi-icon-cog:before {
	content: "\e003"
}
.hi-icon-clock:before {
	content: "\e004"
}
.hi-icon-videos:before {
	content: "\e005"
}
.hi-icon-list:before {
	content: "\e006"
}
.hi-icon-refresh:before {
	content: "\e007"
}
.hi-icon-images:before {
	content: "\e008"
}
.hi-icon-pencil:before {
	content: "\e00b"
}
.hi-icon-link:before {
	content: "\e00c"
}
.hi-icon-mail:before {
	content: "\e00d"
}
.hi-icon-location:before {
	content: "\e00e"
}
.hi-icon-archive:before {
	content: "\e00f"
}
.hi-icon-chat:before {
	content: "\e010"
}
.hi-icon-bookmark:before {
	content: "\e011"
}
.hi-icon-user:before {
	content: "\e012"
}
.hi-icon-contract:before {
	content: "\e013"
}
.hi-icon-star:before {
	content: "\e014"
}
.hi-icon-effect-1 .hi-icon {
	background: rgba(255, 255, 255, .1);
	transition: background .2s, color .2s
}
.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform .2s, opacity .2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform .2s, opacity .2s;
	transform: scale(.8);
	opacity: 0
}
.no-touch .hi-icon-effect-1a .hi-icon:hover {
	background: #fff;
	color: #41ab6b
}
.no-touch .hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.no-touch .hi-icon-effect-1b .hi-icon:hover {
	background: #fff;
	color: #41ab6b
}
.hi-icon-effect-1b .hi-icon:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}
.no-touch .hi-icon-effect-1b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.hi-icon-effect-2 .hi-icon {
	color: #eea303;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s
}
.hi-icon-effect-2 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s
}
.no-touch .hi-icon-effect-2a .hi-icon:hover {
	color: #eea303
}
.no-touch .hi-icon-effect-2a .hi-icon:hover:after {
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85)
}
.no-touch .hi-icon-effect-2b .hi-icon:hover:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform .4s, opacity .2s;
	-moz-transition: -moz-transform .4s, opacity .2s;
	transition: transform .4s, opacity .2s
}
.no-touch .hi-icon-effect-2b .hi-icon:hover {
	color: #fff
}
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s
}
.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform .2s, opacity .3s;
	-moz-transition: -moz-transform .2s, opacity .3s;
	transition: transform .2s, opacity .3s
}
.hi-icon-effect-3a .hi-icon {
	color: #f06060
}
.hi-icon-effect-3b .hi-icon, .no-touch .hi-icon-effect-3a .hi-icon:hover {
	color: #fff
}
.no-touch .hi-icon-effect-3a .hi-icon:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0
}
.no-touch .hi-icon-effect-3b .hi-icon:hover {
	color: #f06060
}
.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0
}
.no-touch .hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.hi-icon-effect-4 .hi-icon {
	width: 92px;
	height: 92px;
	box-shadow: 0 0 0 4px #fff
}
.hi-icon-effect-4a .hi-icon {
	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	transition: box-shadow .2s
}
.hi-icon-effect-4 .hi-icon:before {
	line-height: 92px
}
.hi-icon-effect-4 .hi-icon:after {
	top: -4px;
	left: -4px;
	padding: 0;
	z-index: 10;
	border: 4px dashed #fff
}
.no-touch .hi-icon-effect-4 .hi-icon:hover {
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	color: #fff
}
.no-touch .hi-icon-effect-4b .hi-icon:hover {
	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	transition: box-shadow .2s
}
.no-touch .hi-icon-effect-4b .hi-icon:hover:after {
	-webkit-animation: spinAround 9s linear infinite;
	-moz-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite
}
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg)
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0)
	}
	to {
		-moz-transform: rotate(360deg)
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}
.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0);
	overflow: hidden;
	-webkit-transition: background .3s, color .3s, box-shadow .3s;
	-moz-transition: background .3s, color .3s, box-shadow .3s;
	transition: background .3s, color .3s, box-shadow .3s
}
.hi-icon-effect-5 .hi-icon:after {
	display: none
}
.no-touch .hi-icon-effect-5 .hi-icon:hover {
	background: #fff;
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0)
}
.no-touch .hi-icon-effect-5a .hi-icon:hover:before {
	-webkit-animation: toRightFromLeft .3s forwards;
	-moz-animation: toRightFromLeft .3s forwards;
	animation: toRightFromLeft .3s forwards
}
@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%)
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%)
	}
	51% {
		opacity: 1
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%)
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%)
	}
	51% {
		opacity: 1
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%)
	}
	50% {
		opacity: 0;
		transform: translate(-100%)
	}
	51% {
		opacity: 1
	}
}
.no-touch .hi-icon-effect-5b .hi-icon:hover:before {
	-webkit-animation: toLeftFromRight .3s forwards;
	-moz-animation: toLeftFromRight .3s forwards;
	animation: toLeftFromRight .3s forwards
}
@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%)
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%)
	}
	51% {
		opacity: 1
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%)
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%)
	}
	51% {
		opacity: 1
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%)
	}
	50% {
		opacity: 0;
		transform: translate(100%)
	}
	51% {
		opacity: 1
	}
}
.no-touch .hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom .3s forwards;
	-moz-animation: toTopFromBottom .3s forwards;
	animation: toTopFromBottom .3s forwards
}
@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%)
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%)
	}
	51% {
		opacity: 1
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%)
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%)
	}
	51% {
		opacity: 1
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%)
	}
	50% {
		opacity: 0;
		transform: translateY(100%)
	}
	51% {
		opacity: 1
	}
}
.no-touch .hi-icon-effect-5d .hi-icon:hover:before {
	-webkit-animation: toBottomFromTop .3s forwards;
	-moz-animation: toBottomFromTop .3s forwards;
	animation: toBottomFromTop .3s forwards
}
@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%)
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%)
	}
	51% {
		opacity: 1
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%)
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%)
	}
	51% {
		opacity: 1
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%)
	}
	50% {
		opacity: 0;
		transform: translateY(-100%)
	}
	51% {
		opacity: 1
	}
}
.hi-icon-effect-6 .hi-icon {
	box-shadow: 0 0 0 4px #fff;
	transition: background .2s, color .2s
}
.no-touch .hi-icon-effect-6 .hi-icon:hover {
	background: #fff;
	color: #64bb5d
}
.no-touch .hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite
}
.hi-icon-effect-7 .hi-icon {
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: background .2s, color .2s;
	-moz-transition: background .2s, color .2s;
	transition: background .2s, color .2s
}
.no-touch .hi-icon-effect-7 .hi-icon:hover {
	color: #fff
}
.hi-icon-effect-7 .hi-icon:after {
	top: -8px;
	left: -8px;
	padding: 8px;
	z-index: -1;
	opacity: 0
}
.hi-icon-effect-7a .hi-icon:after {
	box-shadow: 0 0 0 #fff;
	-webkit-transition: opacity .2s, box-shadow .2s;
	-moz-transition: opacity .2s, box-shadow .2s;
	transition: opacity .2s, box-shadow .2s
}
.no-touch .hi-icon-effect-7a .hi-icon:hover:after {
	opacity: 1;
	box-shadow: 3px 3px 0 #fff
}
.hi-icon-effect-7a .hi-icon:before {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	opacity: .7;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s
}
.no-touch .hi-icon-effect-7a .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.hi-icon-effect-7b .hi-icon:after {
	box-shadow: 3px 3px #fff;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity .2s, -webkit-transform .2s;
	-moz-transition: opacity .2s, -moz-transform .2s;
	transition: opacity .2s, transform .2s
}
.no-touch .hi-icon-effect-7b .hi-icon:hover:after {
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}
.hi-icon-effect-7b .hi-icon:before {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	opacity: .7;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s
}
.no-touch .hi-icon-effect-7b .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.hi-icon-effect-8 .hi-icon {
	background: rgba(255, 255, 255, .1);
	-webkit-transition: -webkit-transform ease-out .1s, background .2s;
	-moz-transition: -moz-transform ease-out .1s, background .2s;
	transition: transform ease-out .1s, background .2s
}
.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .1);
	opacity: 0;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}
.no-touch .hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255, 255, 255, .05);
	-webkit-transform: scale(.93);
	-moz-transform: scale(.93);
	-ms-transform: scale(.93);
	transform: scale(.93);
	color: #fff
}
.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: .3
	}
	40% {
		opacity: .5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5)
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5);
		-webkit-transform: scale(1.5);
		opacity: 0
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: .3
	}
	40% {
		opacity: .5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5)
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5);
		-moz-transform: scale(1.5);
		opacity: 0
	}
}
@keyframes sonarEffect {
	0% {
		opacity: .3
	}
	40% {
		opacity: .5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5)
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5);
		transform: scale(1.5);
		opacity: 0
	}
}
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	transition: box-shadow .2s
}
.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s
}
.no-touch .hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
	opacity: .5
}
.no-touch .hi-icon-effect-9a .hi-icon:hover {
	box-shadow: 0 0 0 10px #fff;
	color: #fff
}
.no-touch .hi-icon-effect-9b .hi-icon:hover:after {
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85)
}
.no-touch .hi-icon-effect-9b .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .4);
	color: #fff
}
*, ::before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
section {
	position: relative
}
section::after, section::before {
	position: absolute;
	content: '';
	pointer-events: none
}
.ss-style-triangles::after, .ss-style-triangles::before {
	left: 50%;
	width: 100px;
	height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg)
}
.ss-style-triangles::before {
	top: -50px;
	background: #2980b9
}
.ss-style-triangles::after {
	bottom: -50px;
	z-index: 10;
	background: inherit
}
.ss-style-doublediagonal {
	z-index: 1;
	padding-top: 2em;
	background: 0 0
}
.ss-style-doublediagonal::after, .ss-style-doublediagonal::before {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
.ss-style-doublediagonal::before {
	height: 260px;
	background: #333;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-transform-origin: 3% 0;
	transform-origin: 3% 0
}
.ss-style-doublediagonal::after {
	height: 200px
}
svg#bigTriangleColor {
	pointer-events: none
}
#bigTriangleColor path {
	stroke-width: 2
}
.ss-style-multitriangles::after, .ss-style-multitriangles::before {
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg)
}
.ss-style-multitriangles::before {
	top: -25px;
	background: inherit;
	box-shadow: -50px 50px 0 #3498db, 50px -50px 0 #3498db
}
.ss-style-multitriangles::after {
	bottom: -25px;
	z-index: 10;
	background: inherit;
	box-shadow: -50px 50px 0 #3498db, 50px -50px 0 #3498db
}
.ss-style-roundedcorners::before {
	top: 100%;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 60px;
	border-radius: 0 0 60px 60px;
	background: inherit
}
.ss-style-roundedsplit {
	padding-top: 7em;
	border-radius: 0 0 80px 80px
}
.ss-style-roundedsplit::after, .ss-style-roundedsplit::before {
	top: -70px;
	left: 0;
	z-index: 10;
	width: 50%;
	height: 70px;
	background: inherit
}
.ss-style-roundedsplit::before {
	border-radius: 0 80px 0 0
}
.ss-style-roundedsplit::after {
	left: 50%;
	border-radius: 80px 0 0
}
.ss-style-invertedrounded {
	margin-bottom: 90px;
	padding: 13em 10% 10em;
	border-radius: 0 0 0 90px
}
.ss-style-invertedrounded::after, .ss-style-invertedrounded::before {
	left: 0;
	z-index: -1;
	height: 90px;
	background: #3498db
}
.ss-style-invertedrounded::before {
	top: 100%;
	width: 100%;
	border-radius: 0 90px 0 0
}
.ss-style-invertedrounded::after {
	bottom: 0;
	z-index: -1;
	width: 50%
}
.ss-style-boxes {
	padding-top: 4em;
	padding-bottom: 13em
}
.ss-style-boxes::before {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-image: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(.5, #3498db), color-stop(.5, #2980b9));
	background-image: linear-gradient(to right, #3498db 50%, #2980b9 50%);
	-webkit-background-size: 130px 100%;
	background-size: 130px 100%
}
.ss-style-zigzag::after, .ss-style-zigzag::before {
	right: 0;
	left: 0;
	z-index: 10;
	display: block;
	height: 90px;
	background-size: 50px 100%
}
.ss-style-zigzag::before {
	top: -90px;
	background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(.25, transparent), color-stop(.25, #3498db));
	background-image: linear-gradient(315deg, #3093d5 25%, transparent 25%), linear-gradient(45deg, #3498db 25%, transparent 25%);
	background-position: 50%
}
.ss-style-zigzag::after {
	top: 100%;
	background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(.25, #3498db), color-stop(.25, #2980b9));
	background-image: linear-gradient(135deg, #3498db 25%, transparent 25%), linear-gradient(225deg, #3498db 25%, transparent 25%);
	background-position: 50%
}
.ss-style-roundedges {
	padding-bottom: 16em
}
.ss-style-roundedges::after, .ss-style-roundedges::before {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #2980b9;
	top: -100px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.ss-style-roundedges::before {
	left: -100px
}
.ss-style-roundedges::after {
	right: -100px
}
.ss-style-slit {
	padding-top: 5em
}
.ss-style-slit::after, .ss-style-slit::before {
	width: 50.5%;
	width: -webkit-calc(60%);
	width: -moz-calc(60%);
	width: calc(60%);
	height: 160px;
	background: #2980b9;
	top: -160px
}
.ss-style-slit::before {
	left: -20px;
	-webkit-transform: skewX(10deg);
	transform: skewX(10deg);
	box-shadow: -10px -20px #3192d3
}
.ss-style-slit::after {
	right: -20px;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
	box-shadow: 10px -20px #3192d3
}
#trianglePath2 {
	fill: #2072a7;
	stroke: #2072a7
}
.ss-style-inczigzag::after, .ss-style-inczigzag::before {
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100px 100%
}
.ss-style-inczigzag::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(.5, #2980b9), color-stop(.5, #3498db));
	background-image: linear-gradient(15deg, #3498db 50%, #2980b9 50%)
}
.ss-style-inczigzag::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(.5, #3498db), color-stop(.5, #2980b9));
	background-image: linear-gradient(15deg, #2980b9 50%, #3498db 50%)
}
.ss-style-castle::before {
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 200px 100%;
	top: 0;
	background-image: -webkit-linear-gradient(40deg, #3498db 50%, #2980b9 50%);
	background-image: linear-gradient(40deg, #3498db 50%, #2980b9 50%)
}
#slitPath1 {
	fill: #3498db;
	stroke: red;
	stroke-width: 0
}
#slitPath2, #slitPath3 {
	fill: #2072a7
}
.ss-style-foldedcorner::after, .ss-style-foldedcorner::before {
	bottom: 0;
	width: 100px;
	height: 100px
}
.ss-style-foldedcorner::before {
	right: 0;
	background-image: -webkit-linear-gradient(top left, #37a2ea 50%, #3498db 50%);
	background-image: linear-gradient(315deg, #3498db 50%, #37a2ea 50%)
}
.ss-style-foldedcorner::after {
	right: 100px;
	background-image: -webkit-linear-gradient(top left, transparent 50%, #236fa1 50%);
	background-image: linear-gradient(315deg, #236fa1 50%, transparent 50%)
}
.ss-style-dots::before {
	bottom: 20px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #2072a7;
	box-shadow: 30px 0 #2072a7, -30px 0 #2072a7
}
.ss-style-doubleline::before {
	bottom: 30px;
	width: 140px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #2072a7;
	box-shadow: 0 30px 0 #2072a7
}
.ss-style-cross {
	padding-bottom: 15em
}
.ss-style-cross::after, .ss-style-cross::before {
	background: #2072a7;
	bottom: 70px;
	width: 200px;
	height: 2px;
	left: 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}
#featured-work .nav-slide, .featured-work-2 .nav-slide {
	font-family: fontello;
	bottom: 40px;
	left: 50%
}
.ss-style-cross::before {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg)
}
.ss-style-cross::after {
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg)
}
#clouds path {
	fill: #ecf0f1;
	stroke: #ecf0f1
}
@media screen and (max-width:54em) {
	.column {
		display: block;
		width: 100% !important
	}
	.icon {
		margin: 0 auto
	}
	.col-2 .column:first-child .icon {
		margin: 0 auto 50px
	}
	.col-2 .column:nth-child(2) .icon {
		margin: 50px auto 0
	}
}
.md-overlay {
	background: rgba(0, 0, 0, .8)
}
a.md-trigger {
	cursor: pointer
}
.md-modal {
	max-width: 1200px;
	width: auto
}
.md-modal .md-close {
	padding: 0 5px;
	-webkit-box-shadow: 0 4px 0 #F5EAD5;
	box-shadow: 0 4px 0 #F5EAD5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fbeed7;
	color: #DCAA59;
	position: absolute;
	top: 10px;
	right: 10px;
	border: none
}
.md-modal .md-close:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
.md-modal .md-close:hover h1, .md-modal .md-close:hover h2, .md-modal .md-close:hover i, .md-modal .md-close:hover p, .md-modal .md-close:hover span {
	color: #fff
}
.md-modal .md-close:active {
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47;
	top: 12px
}
.md-modal .md-content {
	border: none;
	// width: 131%;
	width: 100%;
	background-color: #d29b47;
	box-shadow: 0 0 100px #000;
// 	margin: 2px -9% -9% -100px
// }
.md-modal .md-content .md-description {
	text-align: center;
	line-height: 1.6em
}
.md-modal .md-content.form {
	font-size: 12px;
	font-weight: 400;
	background: #0f161e
}
.md-modal .md-content.form h1 {
	color: #fff;
	padding-left: 60px;
	font-size: 24px
}
.md-modal .md-content.form .form-body {
	background: #18222c
}
.md-modal .md-content.form .col-sm-8 {
	padding-right: 0
}
.md-modal .md-content.form button.btn-submit {
	padding: 0 5px;
	background-color: #d29b47;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47;
	border: none;
	font-size: 14px;
	margin-top: 10px
}
.md-modal .md-content.form button.btn-submit h1, .md-modal .md-content.form button.btn-submit h2, .md-modal .md-content.form button.btn-submit i, .md-modal .md-content.form button.btn-submit p, .md-modal .md-content.form button.btn-submit span {
	color: #fff
}
.md-modal .md-content.form button.btn-submit:hover {
	background-color: #18af91;
	-webkit-box-shadow: 0 4px 0 #14947b;
	box-shadow: 0 4px 0 #14947b;
	text-decoration: none
}
.md-modal .md-content.form button.btn-submit:hover h1, .md-modal .md-content.form button.btn-submit:hover h2, .md-modal .md-content.form button.btn-submit:hover i, .md-modal .md-content.form button.btn-submit:hover p, .md-modal .md-content.form button.btn-submit:hover span {
	color: #fff
}
.md-modal .md-content.form button.btn-submit:active {
	top: 3px !important;
	-webkit-box-shadow: none;
	box-shadow: none
}
.md-modal .md-content.form input.form-control {
	height: 32px
}
.md-modal .md-content.form label input[type=checkbox], .md-modal .md-content.form label input[type=radio] {
	margin-top: 8px
}
.md-modal .md-content.form .md-close {
	color: #466381;
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;
	box-shadow: none;
	padding-left: 1px;
	padding-top: 0;
	background: 0 0;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4
}
.md-modal .md-content.form .md-close i:before {
	border: 1px solid #466381;
	border-radius: 50%;
	padding: 4px 10px;
	text-indent: -5px
}
#featured-navbar, #featured-work-navbar {
	margin: 0 20px;
	box-shadow: none;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
@media (min-width:768px) {
	#featured-navbar, #featured-work-navbar {
		border: none
	}
}
#featured-filter {
	text-align: center;
	font-size: 12px
}
#featured-filter a {
	    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    background: 0 0;
    line-height: 1.4;
    padding: 10px 20px;
}
#featured-filter a.active, #featured-filter a:hover {
	color: #fff
}
#featured-filter li { background: #fffcf7;
	margin: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	border: 1px solid #dcaa59
}
#featured-filter li.active, #featured-filter li:hover {
	background-color: #DCAA59;
	border: 1px solid #DCAA59
}
.featured-work-2 .navbar-default {
	background-color: transparent
}
.featured-work-2 .nav-slide {
	position: absolute
}
.featured-work-2 .description, .featured-work-2 .top-image {
	position: relative
}
.featured-work-2 .nav-slide a {
	margin: 0 -46px
}
.featured-work-2 .nav-slide a.btn {
	padding: 2px 9px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	box-shadow: 0 4px 0 #bdc3c7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #e3e9eb;
	position: relative;
	top: 0;
	color: #8c9899
}
.featured-work-2 .nav-slide a.btn:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #d29b47;
	box-shadow: 0 4px 0 #d29b47
}
.featured-work-2 .nav-slide a.btn:hover h1, .featured-work-2 .nav-slide a.btn:hover h2, .featured-work-2 .nav-slide a.btn:hover i, .featured-work-2 .nav-slide a.btn:hover p, .featured-work-2 .nav-slide a.btn:hover span {
	color: #fff
}
.featured-work-2 .nav-slide a.btn:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
.featured-work-2 #featured-work-2 {
	padding: 0 50px
}
@media (max-width:767px) {
	.featured-work-2 #featured-work-2 {
		padding: 0 20px
	}
}
.featured-work-2 .featured-item {
	max-width: 373px;
	overflow: hidden;
	text-align: center;
	margin: 20px 0
}
.featured-work-2 .top-image img {
	height: auto;
	width: 100%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.featured-work-2 h4 {
	line-height: 1.7;
	font-weight: 300;
	color: #fff
}
.featured-work-2 .description {
	background: rgba(26, 188, 156, .6);
	opacity: 1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.featured-work-2 .slide-content {
	padding: 40px;
	color: #fff
}
@media (min-width:1024px) and (max-width:1200px) {
	.featured-work-2 .slide-content {
		padding: 1px 10px
	}
}
@media (min-width:480px) and (max-width:1023px) {
	.featured-work-2 .slide-content {
		padding: 30px 10px
	}
	.featured-work-2 .slide-content p {
		display: none
	}
}
@media (max-width:480px) {
	.featured-work-2 .slide-content {
		padding: 10px
	}
}
@media (max-width:319px) {
	.featured-work-2 .slide-content {
		padding-top: 30px
	}
	.featured-work-2 .slide-content p {
		display: none
	}
}
#featured-work .nav-slide {
	position: absolute
}
#featured-work .description, #featured-work .top-image {
	position: relative
}
#featured-work .nav-slide a {
	margin: 0 -46px
}
#featured-work .nav-slide a.btn {
	padding: 2px 9px;
	-webkit-box-shadow: 0 4px 0 #F5EAD5;
	box-shadow: 0 4px 0 #F5EAD5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fbeed7;
	position: relative;
	top: 0;
	color: #DCAA59
}
#featured-work .nav-slide a.btn:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
#featured-work .nav-slide a.btn:hover h1, #featured-work .nav-slide a.btn:hover h2, #featured-work .nav-slide a.btn:hover i, #featured-work .nav-slide a.btn:hover p, #featured-work .nav-slide a.btn:hover span {
	color: #fff
}
#featured-work .nav-slide a.btn:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
#featured-work .top-image img {
	height: auto;
	width: 100%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
#featured-work h4 {
	line-height: 1.7;
	font-weight: 300;
	margin: 0
}
#featured-work .description {
	background-image: url(../images/3d/360.svg);
	opacity: .8;
	// margin-left: -2px
}
#featured-work .owl-slide {
	overflow: hidden;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px
}
@media (min-width:1024px) and (max-width:1200px) {
	#featured-work .owl-slide {
		max-width: 300px;
		margin: 40px auto
	}
}
@media (min-width:992px) and (max-width:1023px) {
	#featured-work .owl-slide {
		max-width: 373px;
		margin: 40px auto;
		position: relative
	}
}
@media (max-width:600px) {
	#featured-work .owl-slide {
		max-width: 320px;
		position: relative;
		margin: 40px auto
	}
}
@media (max-width:320px) {
	#featured-work .owl-slide {
		max-width: 260px;
		position: relative;
		margin: 0 auto
	}
}
#featured-work .slide-content {
	padding: 112px 40px;
	color: #fff
}
#featured-work .slide-content h4 {
	color: #fff
}
@media (min-width:1024px) and (max-width:1200px) {
	#featured-work .slide-content {
		margin: 0 auto;
		padding: 48px 10px;
		font-size: 14px
	}
}
@media (max-width:480px) {
	#featured-work .slide-content {
		margin: 0 auto;
		padding: 1px 5px
	}
}
.small, small {
	font-size: 73% !important
}
#recent-post {
	text-align: left;
	line-height: 1.4em
}
#recent-post img {
	width: 53px;
	height: auto;
	display: inline-block;
	float: left;
	margin: 0 15px
}
#recent-post a {
	text-decoration: none
}
#recent-post p {
	padding-left: 15px;
	margin: 0
}
#recent-post p a.post-title {
	color: #fff;
	font-weight: 500;
	padding: 10px
}
#recent-post .date, #recent-post a.author, #recent-post date {
	font-size: 75%;
	line-height: 1.4em
}
#recent-post .date, #recent-post date {
	color: #908d8d;
	font-family: lora;
	font-style: italic
}
#recent-post hr:after {
	width: 0
}
#recent-post .owl-slide {
	padding-right: 10px
}
#recent-post .owl-item {
	overflow: hidden
}
#recent-post .owl-controls .owl-page {
	float: left;
	margin: 0;
	color: #fff
}
#recent-post .owl-controls .owl-page span {
	width: 6px;
	height: 6px;
	margin: 5px 2px;
	border-radius: 10px;
	background: #fff;
	color: #fff;
	opacity: 1
}
#recent-post .owl-controls .owl-page span:hover, #recent-post .owl-controls .owl-page.active span {
	background-color: #DCAA59
}
.profile_team .profile {
	margin-bottom: 40px;
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	-o-perspective: 1700px;
	-ms-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	-o-perspective-origin: 0 50%;
	-ms-perspective-origin: 0 50%;
	perspective-origin: 0 50%
}
@media (max-width:767px) {
	.profile_team .profile {
		max-width: 320px;
		position: relative;
		margin: 40px auto
	}
}
@media (max-width:319px) {
	.profile_team .profile {
		width: 300px;
		margin: 40px auto
	}
}
.profile_team .profile h3 {
	margin-top: 0
}
.profile_team .profile ul.profile-scocial {
	position: absolute;
	bottom: 10px;
	padding-left: 0
}
.profile_team .profile ul.profile-scocial li {
	display: inline-block;
	padding-right: 5px
}
.profile_team .profile ul.profile-scocial li a {
	color: #34495e
}
.profile_team .profile ul.profile-scocial li a:hover {
	color: #d29b47;
	text-decoration: none
}
.profile_team .profile p {
	font-size: 12px;
	// margin-top: 20px
}
@media (max-width:991px) {
	.profile_team .profile p {
		display: none
	}
}
.profile_team .profile .profile-heading {
	font-size: 24px
}
.profile_team .profile .profile-heading, .profile_team .profile p {
	color: #fff
}
.profile_team .profile .profile-subheading {
	font-size: 12px;
	color: #fff;
	font-family: lora;
	font-style: italic;
	margin-top: 40px
}
@media (max-width:768px) {
	.profile_team .profile ul.profile-scocial li {
		padding-right: 0
	}
	.profile_team .profile .profile-subheading {
		margin-top: 20px
	}
}
.profile_team .profile figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.profile_team .profile figure>div {
	overflow: hidden
}
.profile_team .profile figure img {
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	-ms-transition: -ms-transform .4s;
	-o-transition: -o-transform .4s;
	transition: transform .4s
}
.profile_team .profile figure.cs-hover img, .profile_team .profile figure:hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	-o-transform: translateX(25%);
	transform: translateX(25%)
}
.profile_team .profile figcaption {
	height: 100%;
	width: 65%;
	opacity: 0;
	background-color: rgba(197, 133, 38, .88);
	position: absolute;
	padding: 0 15px;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform .4s, opacity .1s .3s;
	-moz-transition: -moz-transform .4s, opacity .1s .3s;
	-mos-transition: -mos-transform .4s, opacity .1s .3s;
	-o-transition: -o-transform .4s, opacity .1s .3s;
	transition: transform .4s, opacity .1s .3s
}
.profile_team .profile .figcap {
	position: absolute;
	top: 50%;
	left: 95%;
	width: 15px;
	height: 15px;
	background-color: inherit;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.profile_team .profile figcaption::before {
	content: '';
	display: inline-block;
	background-color: inherit
}
.profile_team .profile figure.cs-hover figcaption, .profile_team .profile figure:hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transition: -webkit-transform .4s, opacity .1s;
	-moz-transition: -moz-transform .4s, opacity .1s;
	-mos-transition: -mos-transform .4s, opacity .1s;
	-o-transition: -o-transform .4s, opacity .1s;
	transition: transform .4s, opacity .1s
}
.client-testimoni {
	margin-bottom: 80px;
	color: #999
}
.client-testimoni #client-testimonial {
	margin-top: -50px !important
}
.client-testimoni blockquote {
	border: none;
	// margin-left: 60px;
	// margin-bottom: 0;
	text-align: center
}
@media (max-width:480px) {
	.client-testimoni blockquote {
		margin: 0;
		padding: 20px 0
	}
}
.client-testimoni blockquote p {
	font-size: 15px;
	line-height: 1.7;
	color: #000
}
.client-testimoni blockquote:before {
	// content: '\201C';
	font-size: 170px;
	font-family: lora;
	font-style: italic;
	position: relative;
	color: #f6f7f7;
	line-height: .5;
	padding: 0 !important;
	float: left;
	top: 60px !important;
	height: 0;
	width: 0;
	pointer-events: none;
	margin-left: -100px
}
.owl-carousel-navigation .next, .owl-carousel-navigation .prev, .portfolio-page #portfolios .nav-slide {
	font-family: fontello
}
.client-testimoni .client-say {
	border-bottom: solid 1px #ddd;
	padding: 3px 15px;
	display: inline-block;
	position: relative;
	margin-bottom: 30px !important;
	color: #000;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.client-testimoni .client-say:after, .client-testimoni .client-say:before {
	top: 100%;
	left: 50px;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.client-testimoni .client-profile, .client-testimoni .date {
	top: -15px;
	display: inline;
	position: relative;
	font-size: 14px;
	font-weight: 300
}
@media (max-width:767px) {
	.client-testimoni .client-say:after, .client-testimoni .client-say:before {
		left: 50%
	}
}
.client-testimoni .client-avatar {
	width: 100px;
	float: left
}
.client-testimoni .client-avatar img {
	// width: 100px;
	width: 86px;
	height: auto;
	margin-left: 4px
}
.client-testimoni .client-profile {
	// left: 50px;
	left: 45%;
	float: left;
	max-width: 75%;
	min-height: 120px
}
.client-testimoni .client-profile h4 {
	font-size: 14px;
	font-weight: 300;
	color: #999;
	padding: 0;
	margin: -7px;
	text-align: center
}
.client-testimoni .date {
	float: right
}
@media (max-width:767px) {
	.client-testimoni .client-profile {
		max-width: 50%
	}
	.client-testimoni .date {
		display: none
	}
}
.client-logos .testimoni img {
	margin: 0 auto;
	text-align: center
}
.isotope-item {
	z-index: 2
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
	transform: translate(0, 0) scale(1)
}
.isotope .isotope-item.more-post {
	-webkit-transition: opacity .8s .5s;
	-moz-transition: opacity .8s .5s;
	-o-transition: opacity .8s .5s;
	-ms-transition: opacity .8s .5s;
	transition: opacity .8s .5s
}
.isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item {
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-ms-transition-duration: 0;
	-o-transition-duration: 0;
	transition-duration: 0
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
	display: none
}
.portfolio-page section.twitter-section {
	margin-bottom: 0
}
.portfolio-page #portfolios {
	padding: 0
}
.portfolio-page #portfolios .nav-slide {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin-top: -15px;
	margin-left: -46px;
	-webkit-transform: translate(50%, 50%) scale(1);
	-moz-transform: translate(50%, 50%) scale(1);
	-ms-transform: translate(50%, 50%) scale(1);
	-o-transform: translate(50%, 50%) scale(1);
	transform: translate(50%, 50%) scale(1);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.portfolio-page #portfolios .nav-slide a {
	margin: 0 5px
}
.portfolio-page #portfolios .nav-slide a.btn {
	padding: 2px 9px;
	-webkit-box-shadow: 0 4px 0 #F5EAD5;
	box-shadow: 0 4px 0 #F5EAD5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fbeed7;
	position: relative;
	left: 6%;
	top: 0;
	color: #DCAA59
}
.portfolio-page #portfolios .nav-slide a.btn:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
.portfolio-page #portfolios .nav-slide a.btn:hover h1, .portfolio-page #portfolios .nav-slide a.btn:hover h2, .portfolio-page #portfolios .nav-slide a.btn:hover i, .portfolio-page #portfolios .nav-slide a.btn:hover p, .portfolio-page #portfolios .nav-slide a.btn:hover span {
	color: #fff
}
.portfolio-page #portfolios .nav-slide a.btn:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
.portfolio-page #portfolios .top-image img {
	width: 100%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.portfolio-page #portfolios .description, .portfolio-page #portfolios .top-image {
	position: relative
}
.portfolio-page #portfolios h4 {
	line-height: 1.7;
	font-weight: 300
}
.portfolio-page #portfolios .description {
	background: rgba(218, 153, 46, .82);
	opacity: 1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.portfolio-page #portfolios .slide-content {
	padding: 40px;
	color: #fff
}
@media (min-width:1024px) and (max-width:1200px) {
	.portfolio-page #portfolios .slide-content {
		padding: 1px 10px
	}
}
@media (min-width:480px) and (max-width:1023px) {
	.portfolio-page #portfolios .slide-content {
		padding: 30px 10px
	}
	.portfolio-page #portfolios .slide-content p {
		display: none
	}
}
@media (max-width:480px) {
	.portfolio-page #portfolios .slide-content {
		padding: 10px
	}
}
@media (max-width:319px) {
	.portfolio-page #portfolios .slide-content {
		padding-top: 30px
	}
	.portfolio-page #portfolios .slide-content p {
		display: none
	}
}
.portfolio-page .portfolio {
	margin-bottom: 80px
}
.portfolio-page .portfolio .portfolio-item {
	margin: 10px 0;
	overflow: hidden
}
.portfolio-page .portfolio .portfolio-item img {
	width: 100%
}
.portfolio-page .portfolio .portfolio-with-desc .portfolio-item {
	overflow: hidden;
	background: #ecf0f1
}
.portfolio-page .portfolio .portfolio-with-desc .portfolio-item .description {
	height: 225px;
	padding: 20px;
	background: rgba(255, 255, 255, 0) !important;
	color: #a4a8a9;
	font-size: 14px
}
@media (max-width:768px) {
	.portfolio-page .portfolio .portfolio-with-desc .portfolio-item .description {
		height: auto
	}
}
.portfolio-page .portfolio .portfolio-with-desc .portfolio-item .portfolio-link-detail {
	line-height: 1.7;
	font-weight: 300;
	font-size: 18px;
	text-transform: uppercase;
	color: #2a2929
}
.portfolio-page .portfolio .portfolio-with-desc .portfolio-item.more-post {
	background: 0 0;
	height: auto
}
.portfolio-page .portfolio .portfolio-with-desc .portfilio-meta {
	list-style: none;
	margin-left: 0;
	padding: 0
}
.portfolio-page .portfolio .portfolio-with-desc .portfilio-meta li {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: auto
}
.portfolio-page .portfolio .portfolio-with-desc .portfilio-meta li:after {
	content: '|';
	width: 0;
	padding: 0;
	margin: 0 0 0 6px;
	height: 0
}
.portfolio-page .portfolio .portfolio-with-desc .portfilio-meta li:last-child:after {
	content: ''
}
.portfolio-page .portfolio .portfolio-with-desc .top-image {
	position: relative;
	overflow: hidden;
	width: 100%
}
.portfolio-page .portfolio .portfolio-with-desc .square {
	width: 285px
}
.portfolio-page .portfolio .portfolio-with-desc .landscape {
	width: 590px
}
.portfolio-page .portfolio .portfolio-4col .square {
	width: 285px;
	height: 285px
}
.portfolio-page .portfolio .portfolio-4col .big-square {
	width: 590px;
	height: 590px
}
.portfolio-page .portfolio .portfolio-4col .portrait {
	width: 285px;
	height: 590px
}
.portfolio-page .portfolio .portfolio-4col .landscape {
	width: 590px;
	height: 285px
}
.portfolio-page .portfolio .portfolio-5col .square {
	width: 224px;
	height: 224px
}
.portfolio-page .portfolio .portfolio-5col .big-square {
	width: 468px;
	height: 468px
}
.portfolio-page .portfolio .portfolio-5col .portrait {
	width: 224px;
	height: 468px
}
.portfolio-page .portfolio .portfolio-5col .landscape {
	width: 468px;
	height: 224px
}
.portfolio-page .portfolio .more-post {
	font-size: 16px;
	text-transform: uppercase;
	color: #2a2929;
	font-weight: 300
}
.portfolio-page .portfolio .btn-more {
	padding: 0 13px;
	-webkit-box-shadow: 0 4px 0 #F5EAD5;
	box-shadow: 0 4px 0 #F5EAD5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fbeed7;
	position: relative;
	top: 0;
	color: #DCAA59;
	font-size: 26px;
	font-weight: 400;
	margin-right: 20px
}
.portfolio-page .portfolio .btn-more:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
.portfolio-page .portfolio .btn-more:hover h1, .portfolio-page .portfolio .btn-more:hover h2, .portfolio-page .portfolio .btn-more:hover i, .portfolio-page .portfolio .btn-more:hover p, .portfolio-page .portfolio .btn-more:hover span {
	color: #fff
}
.portfolio-page .portfolio .btn-more:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #d29b47;
	box-shadow: 0 0 0 #d29b47
}
.portfolio-detail-page .portfolio-gallery-container {
	margin: 0 -30px
}
.portfolio-detail-page .carousel-control {
	font-size: 50px;
	top: 40%;
	height: 0
}
@media (max-width:480px) {
	.portfolio-detail-page .carousel-control {
		font-size: 25px
	}
}
.portfolio-detail-page .portfolio-gallery:after, .portfolio-detail-page .portfolio-gallery:before {
	content: " ";
	display: table
}
.portfolio-detail-page .portfolio-gallery>div {
	padding: 10px
}
.portfolio-detail-page .portfolio-title {
	font-weight: 300;
	color: #2a2929;
	font-size: 30px
}
.portfolio-detail-page .portfolio-content {
	font-size: 14px;
	color: #a4a8a9
}
.portfolio-detail-page .portfolio-content .portfolio-description {
	padding-top: 20px
}
.home-2 .sequence-preloader, .home-3 .sequence-preloader, .home-4 .sequence-preloader {
	background-color: transparent
}
.spinner-css {
	margin: -50px 0 0 -50px;
	height: 100px;
	width: 100px;
	top: 50%;
	left: 50%;
	position: absolute;
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px
}
.spinner-css:after {
	content: "";
	position: absolute;
	width: 96px;
	height: 96px;
	left: 0;
	top: 0;
	margin: 2px;
	background: #000;
	opacity: 1;
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px
}
.home-2 .spinner-css:after, .home-3 .spinner-css:after, .home-4 .spinner-css:after {
	background-color: #fff
}
.spinner-css .side {
	height: 100px;
	width: 50px;
	position: absolute;
	overflow: hidden;
	top: 0
}
.spinner-css .side>.fill {
	position: absolute;
	width: 50px;
	height: 100px;
	background: #d29b47;
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	animation: cssSpinnerRight 2s infinite linear;
	-webkit-animation: cssSpinnerRight 2s infinite linear;
	-moz-animation: cssSpinnerRight 2s infinite linear;
	-o-animation: cssSpinnerRight 2s infinite linear;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.spinner-css .side.sp_right {
	left: 50px;
	border-radius: 0 999px 999px 0;
	-webkit-border-radius: 0 999px 999px 0;
	-moz-border-radius: 0 999px 999px 0
}
.home-2 .spinner-css .side.sp_right>.fill, .home-3 .spinner-css .side.sp_right>.fill, .home-4 .spinner-css .side.sp_right>.fill {
	border-color: #fff
}
.spinner-css .side.sp_right>.fill {
	right: 0;
	border-right: 50px solid #000
}
.spinner-css .side.sp_left {
	left: 0;
	border-radius: 999px 0 0 999px;
	-webkit-border-radius: 999px 0 0 999px;
	-moz-border-radius: 999px 0 0 999px
}
.home-2 .spinner-css .side.sp_left>.fill, .home-3 .spinner-css .side.sp_left>.fill, .home-4 .spinner-css .side.sp_left>.fill {
	border-color: #fff
}
.spinner-css .side.sp_left>.fill {
	left: 0;
	border-left: 50px solid #000;
	animation: cssSpinnerLeft 2s infinite linear;
	-webkit-animation: cssSpinnerLeft 2s infinite linear;
	-moz-animation: cssSpinnerLeft 2s infinite linear;
	-o-animation: cssSpinnerLeft 2s infinite linear
}
@-webkit-keyframes cssSpinnerRight {
	0% {
		-webkit-transform: rotate(0)
	}
	20% {
		-webkit-transform: rotate(90deg)
	}
	25%, 50% {
		-webkit-transform: rotate(180deg)
	}
	70% {
		-webkit-transform: rotate(270deg)
	}
	100%, 75% {
		-webkit-transform: rotate(360deg)
	}
}
@-webkit-keyframes cssSpinnerLeft {
	0%, 25% {
		-webkit-transform: rotate(0)
	}
	35% {
		-webkit-transform: rotate(90deg)
	}
	50%, 75% {
		-webkit-transform: rotate(180deg)
	}
	80% {
		-webkit-transform: rotate(270deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}
@-moz-keyframes cssSpinnerRight {
	0% {
		-moz-transform: rotate(0)
	}
	20% {
		-moz-transform: rotate(90deg)
	}
	25%, 50% {
		-moz-transform: rotate(180deg)
	}
	70% {
		-moz-transform: rotate(270deg)
	}
	100%, 75% {
		-moz-transform: rotate(360deg)
	}
}
@-moz-keyframes cssSpinnerLeft {
	0%, 25% {
		-moz-transform: rotate(0)
	}
	35% {
		-moz-transform: rotate(90deg)
	}
	50%, 75% {
		-moz-transform: rotate(180deg)
	}
	80% {
		-moz-transform: rotate(270deg)
	}
	100% {
		-moz-transform: rotate(360deg)
	}
}
@-o-keyframes cssSpinnerRight {
	0% {
		-o-transform: rotate(0)
	}
	20% {
		-o-transform: rotate(90deg)
	}
	25%, 50% {
		-o-transform: rotate(180deg)
	}
	70% {
		-o-transform: rotate(270deg)
	}
	100%, 75% {
		-o-transform: rotate(360deg)
	}
}
@-o-keyframes cssSpinnerLeft {
	0%, 25% {
		-o-transform: rotate(0)
	}
	35% {
		-o-transform: rotate(90deg)
	}
	50%, 75% {
		-o-transform: rotate(180deg)
	}
	80% {
		-o-transform: rotate(270deg)
	}
	100% {
		-o-transform: rotate(360deg)
	}
}
@keyframes cssSpinnerRight {
	0% {
		transform: rotate(0)
	}
	20% {
		transform: rotate(90deg)
	}
	25%, 50% {
		transform: rotate(180deg)
	}
	70% {
		transform: rotate(270deg)
	}
	100%, 75% {
		transform: rotate(360deg)
	}
}
@keyframes cssSpinnerLeft {
	0%, 25% {
		transform: rotate(0)
	}
	35% {
		transform: rotate(90deg)
	}
	50%, 75% {
		transform: rotate(180deg)
	}
	80% {
		transform: rotate(270deg)
	}
	100% {
		transform: rotate(360deg)
	}
}
[class*=uk-animation-] {
	-webkit-animation-duration: .9s;
	animation-duration: .9s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
[data-uk-scrollspy*=uk-animation-] {
	opacity: 0
}
.uk-animation-fade {
	-webkit-animation-name: uk-fade;
	animation-name: uk-fade;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}
@media (max-width:480px) {
	.uk-animation-fade {
		-webkit-animation-name: none;
		animation-name: none;
		opacity: 1
	}
}
.uk-animation-scale-up {
	-webkit-animation-name: uk-scale-up;
	animation-name: uk-scale-up
}
@media (max-width:480px) {
	.uk-animation-scale-up {
		-webkit-animation-name: none;
		animation-name: none;
		opacity: 1
	}
}
.uk-animation-scale-down {
	-webkit-animation-name: uk-scale-down;
	animation-name: uk-scale-down
}
@media (max-width:480px) {
	.uk-animation-scale-down {
		-webkit-animation-name: none;
		animation-name: none;
		opacity: 1
	}
}
.uk-animation-slide-top {
	-webkit-animation-name: uk-slide-top;
	animation-name: uk-slide-top
}
@media (max-width:480px) {
	.uk-animation-slide-top {
		-webkit-animation-name: none;
		animation-name: none;
		opacity: 1
	}
	ul.desc {
		font-size: .9em;
		color: #999
	}
}
.uk-animation-slide-bottom {
	-webkit-animation-name: uk-slide-bottom;
	animation-name: uk-slide-bottom
}
@media (max-width:480px) {
	.uk-animation-slide-bottom {
		-webkit-animation-name: none;
		animation-name: none;
		opacity: 1
	}
}
.uk-animation-slide-left {
	-webkit-animation-name: uk-slide-left;
	animation-name: uk-slide-left
}
@media (max-width:480px) {
	.uk-animation-slide-left {
		-webkit-animation-name: none;
		animation-name: none;
		opacity: 1
	}
}
.uk-animation-slide-right {
	-webkit-animation-name: uk-slide-right;
	animation-name: uk-slide-right
}
@media (max-width:480px) {
	.uk-animation-slide-right {
		-webkit-animation-name: none;
		animation-name: none;
		opacity: 1
	}
}
.uk-animation-shake {
	-webkit-animation-name: uk-shake;
	animation-name: uk-shake
}
.uk-animation-reverse {
	-webkit-animation-direction: reverse;
	animation-direction: reverse
}
@media (max-width:480px) {
	.uk-animation-reverse, .uk-animation-shake {
		-webkit-animation-name: none;
		animation-name: none;
		opacity: 1
	}
}
@-webkit-keyframes uk-fade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes uk-fade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes uk-scale-up {
	0% {
		opacity: 0;
		-webkit-transform: scale(.2)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}
@keyframes uk-scale-up {
	0% {
		opacity: 0;
		transform: scale(.2)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}
@-webkit-keyframes uk-scale-down {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.8)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}
@keyframes uk-scale-down {
	0% {
		opacity: 0;
		transform: scale(1.8)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}
@-webkit-keyframes uk-slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}
@keyframes uk-slide-top {
	0% {
		opacity: 0;
		transform: translateY(-100%)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
@-webkit-keyframes uk-slide-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}
@keyframes uk-slide-bottom {
	0% {
		opacity: 0;
		transform: translateY(100%)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
@-webkit-keyframes uk-slide-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}
@keyframes uk-slide-left {
	0% {
		opacity: 0;
		transform: translateX(-100%)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}
@-webkit-keyframes uk-slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}
@keyframes uk-slide-right {
	0% {
		opacity: 0;
		transform: translateX(100%)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}
@-webkit-keyframes uk-shake {
	0%, 100% {
		-webkit-transform: translateX(0)
	}
	10% {
		-webkit-transform: translateX(-9px)
	}
	20% {
		-webkit-transform: translateX(8px)
	}
	30% {
		-webkit-transform: translateX(-7px)
	}
	40% {
		-webkit-transform: translateX(6px)
	}
	50% {
		-webkit-transform: translateX(-5px)
	}
	60% {
		-webkit-transform: translateX(4px)
	}
	70% {
		-webkit-transform: translateX(-3px)
	}
	80% {
		-webkit-transform: translateX(2px)
	}
	90% {
		-webkit-transform: translateX(-1px)
	}
}
@keyframes uk-shake {
	0%, 100% {
		transform: translateX(0)
	}
	10% {
		transform: translateX(-9px)
	}
	20% {
		transform: translateX(8px)
	}
	30% {
		transform: translateX(-7px)
	}
	40% {
		transform: translateX(6px)
	}
	50% {
		transform: translateX(-5px)
	}
	60% {
		transform: translateX(4px)
	}
	70% {
		transform: translateX(-3px)
	}
	80% {
		transform: translateX(2px)
	}
	90% {
		transform: translateX(-1px)
	}
}
@-webkit-keyframes uk-slide-top-fixed {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}
@keyframes uk-slide-top-fixed {
	0% {
		opacity: 0;
		transform: translateY(-10px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
@-webkit-keyframes uk-slide-bottom-fixed {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}
@keyframes uk-slide-bottom-fixed {
	0% {
		opacity: 0;
		transform: translateY(10px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
@-webkit-keyframes uk-spin {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(359deg)
	}
}
@keyframes uk-spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(359deg)
	}
}
p.featured_p {
	margin-top: 12px;
	font-weight: 600;
	margin-bottom: 1px
}
span.client-name {
	color: #DCAA59;
	font-size: 20px;
	font-weight: 400;
	text-transform: none
}
a.scrolling {
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(images/top.png);
	opacity: .9
}
p.dp {
	text-align: center !important;
	color: rgba(128, 128, 128, .4)
}
.portfolio-page #portfolios .top-image {
	overflow: hidden;
	opacity: .85
}
.portfolio-page #portfolios figure.effect-phoebe {
	// background: #DCAA59
}
figure.effect-phoebe img {
	opacity: .9;
	-webkit-transition: opacity .35s;
	transition: opacity .35s
}
figure.effect-phoebe:hover img {
	opacity: .6
}
figure.effect-phoebe figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 275px;
	height: 275px;
	background: url(../images/6_1.svg) center center no-repeat;
	background-size: 100% 100%;
	content: '';
	-webkit-transition: opacity .5s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: scale(0);
	transform: scale(0)
}
figure.effect-phoebe:hover figcaption::before {
	opacity: .6;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
figure.effect-phoebe h2 {
	margin-top: -7em;
	-webkit-transition: transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0)
}
figure.effect-phoebe:hover h2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
figure.effect-phoebe p a.btn {
	font-size: 140%;
	opacity: 0;
	display: inline-block;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	padding: 2px 9px;
	-webkit-box-shadow: 0 4px 0 #F5EAD5;
	box-shadow: 0 4px 0 #F5EAD5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fbeed7;
	position: relative;
	left: 6%;
	top: 0;
	color: #DCAA59
}
figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	margin: 0
}
figure.effect-phoebe p a.btn:first-child(2) {
	-webkit-transform: translate3d(-60px, -60px, 0);
	transform: translate3d(-60px, -60px, 0)
}
figure.effect-phoebe:hover p a.btn {
	opacity: 1;
	position: absolute;
	top: 117px;
	left: 120px;
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: .8
}
button.accordion {
	background-color: #fbeed7;
	border: 1px solid #dcaa59;
	color: #333;
	cursor: pointer;
	padding: 9px;
	width: 100%;
	text-align: left;
	outline: 0;
	font-size: 15px;
	transition: .4s
}
button.accordion.active, button.accordion:hover {
	background-color: fff;
	color: #af6c00
}
button.accordion:after {
	content: '\002B';
	color: #DCAA59;
	font-weight: 700;
	float: right;
	margin-left: 11px;
	background-clip: padding-box;
	background-color: #fbeed7;
	position: relative;
	width: 8%;
	padding: 1px 13px;
	box-shadow: 0 4px 0 #F5EAD5;
	font-size: 20px;
	    height: 27px;
    line-height: 27px;
	text-align: center !important
}
button.accordion.active:after {
	content: "\2212";
	background-color: #DCAA59;
	color: #fff;
	box-shadow: 0 4px 0 #9c6306;
	font-size: 20px
}
.panel, div.panel {
	background-color: #fff
}
div.panel {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out;
	color: #000; border-left:1px solid #f4f4f4 !important; border-right:1px solid #f4f4f4 !important; border-radius:0;
	font-weight: 500 !important
}

div.panel p{
	color: #999; margin:11px 0; font-family: 'Open Sans',sans-serif;
}



.panel {
	margin-bottom: 7px !important;
	border: none !important
}
center {
	z-index: 999999;
	position: absolute;
	left: 32%
}

@media screen and (max-width:1200px) and (min-width:320px) {
	center {
		z-index: 999999;
		position: absolute;
		left: 0;
		font-size: 12px !important
	}
	button.accordion {
		font-size: 13px !important;
		padding: 8px 6px 12px
	}
	button.accordion:after {
		width: 15% !important;
		padding: 0 14px
	}
	.experience-text {
		font-size: 14px !important
	}
	.md-modal .md-content {
		width: 100% !important;
		margin-left: 0 !important
	}
	.profile_team .profile .profile-heading {
		font-size: 20px
	}
	#sequence .slide-logo {
		margin-left: -60px
	}
	figure.effect-phoebe figcaption::before {
		width: 100% !important;
		height: 100% !important
	}
	p.copyright {
		margin: 48px 0 -44px
	}
	a.count1 {
		margin: -5% 3% 0 0;
		float: right
	}
}
p.client-name {
	color: #b08544;
	font-size: 28px;
	font-weight: 400;
	text-transform: none;
	text-align: center !important;
	padding: 0;
	margin: 0
}
p.client-desi {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #000
}
.Muthurajan img {
	width: 130px;
	position: relative;
	top: 0;
	left: 44%
}
.logo .intrendlogo.logo_text .logo_text_small {
	position: absolute !important;
	top: 10% !important;
	left: auto;
	width: 100%;
	text-align: center
}
.logo img {
	position: absolute;
	z-index: 999;
	left: 45%;
	top: 10%;
	width: 215px
}
img#logo_text {
	top: 22%;
}

@media screen and (max-width:768px) and (min-width:320px) {
	.logo img {
		position: absolute;
		z-index: 999;
		left: 26% !important;
		top: 10%;
		width: 160px
	}
	.circle-address img {
		position: absolute;
		top: 21%;
		left: 21%;
		opacity: .8
	}
	figure.effect-phoebe p a.btn {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%)
	}
	
}
.owl-carousel-navigation {
	text-align: center;
	margin-top: 50px
}
.owl-carousel-navigation .prev:before {
	content: '\e9fa'
}
.owl-carousel-navigation .next:before {
	content: '\e9fb'
}
.owl-carousel-navigation .btn-owl {
	padding: 3px 17px;
	-webkit-box-shadow: 0 4px 0 #bdc3c7;
	box-shadow: 0 4px 0 #F5EAD5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fbeed7;
	position: relative;
	top: 0;
	margin: 0 3px;
	color: #DCAA59
}
.owl-carousel-navigation .btn-owl:hover {
	background-color: #d29b47;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 4px 0 #9c6306;
	box-shadow: 0 4px 0 #9c6306
}
.owl-carousel-navigation .btn-owl:hover h1, .owl-carousel-navigation .btn-owl:hover h2, .owl-carousel-navigation .btn-owl:hover i, .owl-carousel-navigation .btn-owl:hover p, .owl-carousel-navigation .btn-owl:hover span {
	color: #fff
}
.owl-carousel-navigation .btn-owl:active {
	top: 3px;
	-webkit-box-shadow: 0 0 0 #17a689;
	box-shadow: 0 0 0 #17a689
}
.detail-product-top-part .owl-carousel-navigation {
	margin-top: 38px
}
@media (max-width:767px) and (min-width:320px) {
	a.myLinkToTop {
		top: 87% !important;
		right: 40% !important
	}

}
// img#logo_text {
// 	top: 25% !important;
// }
img#logo_text {
	top: 26%;
}
img#logo_text_small {
	top: 32% !important;
	animation-delay: 1s;
}

center#slogan {
	animation-delay: 6s
}
.portloc, .portname {
	animation-delay: 5s
}
.teamexpertise {
	display: none
}
@media screen and (max-width:767px) and (min-width:320px) {
	.client, p.new_content {
		text-align: center
	}
	#featured-work .description {
		background-image: url(../images/3d/360.svg);
		background-repeat: no-repeat;
		background-size: cover
	}
	#featured-work .slide-content {
		margin: 0 auto;
		padding: 35px;
		font-size: 15px !important
	}
	.Muthurajan img {
		width: 130px;
		position: relative;
		left: 0 !important
	}
	.cn_wrapper {
		margin: 0 auto;
		width: 99%;
		position: relative;
		overflow: hidden;
		display: none
	}
	.teamexpertise {
		display: block
	}
	a.count1 {
		margin: 4%;
		padding: 14px 10px 10px;
		float: right
	}
	.contact-form-section .btn-send {
		float: left
	}
	.fancybox-title-float-wrap .child {
		font-size: 10px
	}
	button.accordion.teamexpertise_slide:after {
		position: relative;
		padding: 1px 31px 0 14px
	}
	p.new_content {
		color: #000;
		text-transform: uppercase
	}
	.contact-form-section .success div {
		background-color: #dcaa59;
		border-radius: 3px;
		padding: 0 31px;
		margin-top: 9px;
		margin-left: -4%;
		font-size: medium
	}
	img#logo_text {
		top: 25% !important;
	}
	#mynavbar a {
		padding: 4px;
	}
	span.indus{
		padding: 8px 28px;
	}
	.g-recaptcha {
		margin-left: -10px;
	}
	section.map-image-area img {
		height: 200px;
		margin-top: -31px;
		
	}
	h2.Head{
		
		font-size: 20px !important;
		
	} 
	h2.Head1 {
		font-size: 20px !important;

	}
	.map-image-area .map {

		height: 600px;
		position: relative;
	}
}
@media screen and (max-width:1200px) and (min-width:768px) {
	// figure.effect-phoebe p a.btn {
		//   position: absolute !important;
		//   top: 43% !important;
		//   left: 43% !important;
		//   padding: 2px 4px !important
	}
	/* .section-head {
		margin-bottom: 76px !important;
		} */
		.map-image-area .map {
			
			height: 272px;
			position: relative;
		} 
		.logo img, center {
			position: absolute
		}
		button.accordion:after {
			width: 15% !important;
			padding: 0 14px !important
		}
		Muthurajan img {
			width: 130px;
			position: relative;
			left: 0 !important
		}
		#featured-work .description {
			background-image: url(../images/3d/res_260.svg);
			background-repeat: no-repeat;
			background-size: cover
		}
		.circle-address img {
			position: absolute;
			top: 20% !important;
			left: 40% !important
		}
		.logo img {
			z-index: 999;
			left: 38% !important;
			top: 10%;
			width: 215px !important
		}
		center {
			z-index: 999999;
			left: 9%;
			font-size: 14px !important
		}
		img#logo_text {
			top: 28% !important
		}
		img#logo_text_small {
			top: 34% !important
		}
		#mynavbar a {
			padding: 54px 20px 10px;
			letter-spacing: 1px;
			border-bottom: 2px Solid Transparent;
			transition: all .2s ease-out 0s
		}
		#mynavbar {
			width: 100% !important;
			font-size: 12px
		}
		p.corp_client, p.corp_loc {
			position: absolute;
			left: auto;
			z-index: 999999;
			color: #fff;
			width: 100%;
			text-align: center
		}
		a.count1 {
			margin: -1%;
			padding: 14px 10px 10px;
			float: right
		}
		a.myLinkToTop {
			transform: translate(-50%, -50%)
		}
		.cn_wrapper {
			display: block
		}
		.vs_title {
			font-size: 14px !important
		}
		.teamexpertise {
			display: none
		}
		.dt-services-section .dt-service p {
			font-size: 12px;
			margin: 9px
		}
		.experience-text {
			bottom: 15% !important
		}
		p.corp_client {
			top: 62%;
			display: none;
			font-size: 10px !important
		}
		.effect-phoebe:hover p.corp_client {
			display: block
		}
		p.corp_loc {
			top: 72%;
			display: none;
			font-size: 9px
		}
		.effect-phoebe:hover p.corp_loc {
			display: block
		}
		section.map-image-area img {
			height: auto;

		}
		h2.Head1 {
			font-size: 15px !important;
		}
	}
	p.Insti, p.Insti_1, p.comm, p.comm_1, p.corp_client, p.corp_loc, p.resi_1, p.resi_loc {
		position: absolute;
		left: auto;
		z-index: 999999;
		color: #fff;
		width: 100%;
		text-align: center
	}
	p.resi_1 {
		top: 62%;
		display: none;
		font-size: 13px
	}
	.effect-phoebe:hover p.resi_1 {
		display: block
	}
	p.resi_loc {
		top: 72%;
		display: none;
		font-size: 11px
	}
	.effect-phoebe:hover p.resi_loc {
		display: block
	}
	p.Insti {
		top: 62%;
		display: none;
		font-size: 13px
	}
	.effect-phoebe:hover p.Insti {
		display: block
	}
	p.Insti_1 {
		top: 72%;
		display: none;
		font-size: 11px
	}
	.effect-phoebe:hover p.Insti_1 {
		display: block
	}
	p.comm {
		top: 62%;
		display: none;
		font-size: 12px
	}
	p.comm_1, p.corp_client, p.corp_loc {
		font-size: 11px
	}
	.effect-phoebe:hover p.comm {
		display: block
	}
	p.comm_1 {
		top: 72%;
		display: none
	}
	.effect-phoebe:hover p.comm_1 {
		display: block
	}
	p.corp_client {
		top: 62%;
		display: none
	}
	.effect-phoebe:hover p.corp_client {
		display: block
	}
	p.corp_loc {
		top: 72%;
		display: none
	}
	.effect-phoebe:hover p.corp_loc {
		display: block
	}
	p.new_content {
		color: #000;
		text-align: center;
		text-transform: uppercase
	}

	.map-info.hidden-xs {
		display: block !important;
		height: auto;
	}
	
	
	.clientsListingOuter{
	margin-bottom:75px;	
	}
	
	.clientsListing div{ padding-bottom:36px;
		
	}
	
	.pt-0{
		
		padding-top:0 !important;}