/*style.css*/
/* bengali */
@font-face {
  font-family: 'Mina';
  font-style: normal;
  font-weight: 700;
  src: local('Mina Bold'), local('Mina-Bold'), url(https://fonts.gstatic.com/s/mina/v1/-nF8OGc18vARl4NM-jDT9qOk.woff2) format('woff2');
  unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Mina';
  font-style: normal;
  font-weight: 700;
  src: local('Mina Bold'), local('Mina-Bold'), url(https://fonts.gstatic.com/s/mina/v1/-nF8OGc18vARl4NM-izT9qOk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Mina';
  font-style: normal;
  font-weight: 700;
  src: local('Mina Bold'), local('Mina-Bold'), url(https://fonts.gstatic.com/s/mina/v1/-nF8OGc18vARl4NM-iLT9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html, body {
	width:100% !important;
	margin:0 !important;
	padding:0 !important
}
body {
	position:relative;
	font:90%/150% 'Source Sans Pro',sans-serif;
	color:#fff;
	height:100%;
	overflow:hidden;
	min-height:720px;
	min-height:0
}
body.single {
	min-height:0
}
strong, h3 {
	font-weight:normal;
	font:normal 100% 'Source Sans Pro',sans-serif
}
p {
	margin-bottom:1.5em
}
a {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	font-size:110%;
	margin:0 3px 0 0
}
a:hover {
	text-decoration:none
}
#page-border-right {
	width:10px;
	height:99.8%;
	background:#fff;
	position:fixed;
	right:0;
	bottom:0;
	top:auto;
	z-index:9
}
#page-border-bottom {
	width:100%;
	height:10px;
	background:#fff;
	position:fixed;
	right:0;
	bottom:0;
	z-index:9
}
.architect-container {
	clear:both;
	height:99.8%;
	width:100%;
	background:#fff;
	background:none;
	overflow:hidden;
	padding:0 0 10px 0;
	height:100%;
	position:relative
}
body.blog .architect-container {
	clear:both;
	height:99.8%;
	width:100%;
	background:none;
	overflow:visible;
	padding:0 0 10px 0;
	height:100%
}
body.blog>.architect-container, body.single>.architect-container {
	padding-bottom:0px
}
#portfolio-item .architect-container {
	width:100%;
	overflow:hidden;
	margin:0 0 0 20px
}
#architect {
	clear:both;
	width:160% !important;
	height:150% !important;
	background:#fff;
	position:relative !important;
	overflow:visible !important;
	display:block
}
body.blog #architect {
	width:100% !important
}
.bg-architect {
	margin:10px 0 0 10px;
	padding:0;
	display:block;
	overflow:hidden;
	z-index:5;
	background:#ddd;
	text-decoration:none !important
}
.bg-architect * {
	text-decoration:none !important
}
.masonry-brick {
	float:left
}
.architect-pic {
	width:100%;
	height:100%;
	background-position:top left !important;
	background-attachment:fixed !important;
	background-repeat:no-repeat;
	background-size:cover !important;
	transition:all 0.5s ease
}
.a {
	width:170px;
	height:170px
}
.b {
	width:350px;
	height:170px
}
.c {
	width:170px;
	height:350px
}
.d {
	width:350px;
	height:350px
}
.e {
	width:530px;
	height:350px
}
.f {
	width:170px;
	height:530px
}
.g {
	width:170px;
	height:710px
}
.h {
	width:350px;
	height:710px
}
.i {
	width:710px;
	height:710px
}
.w350 {
	width:350px
}
.w530 {
	width:530px
}
.hide {
	display:none !important
}
.preload {
	display:none
}
body.blog .bg-architect {
	background:#FFF
}
#content {
	width:490px;
	height:320px;
	padding:20px 20px 10px 20px;
	background:#d75700;
	color:#fff;
	font-size:11px;
	line-height:16px;
}
body.page-services #content {
	background:#1e4f50;
	color:#ecf2dc
}
body.page-contact #content {
	background:#401a25;
	color:#eddcf2
}
body.blog #content {
	background:#382d2d;
	color:#eedfcb;
	height:320px
}
.side {
	width:170px;
	padding:0 10px 0 0
}
.container .a {
	width:48%;
	height:170px;
	margin:10px 10px 0 0;
	width:170px;
	float:left;
	background:none repeat scroll 0 0 #DDD
}
.container .b {
	width:100%;
	height:170px;
	margin:10px 10px 0 0;
	width:350px;
	float:left;
	background:none repeat scroll 0 0 #DDD
}
.container .c {
	width:48%;
	height:350px;
	margin:10px 10px 0 0;
	width:170px;
	float:left;
	background:none repeat scroll 0 0 #DDD
}
.container .d {
	width:100%;
	height:350px;
	margin:10px 10px 0 0;
	width:350px;
	float:left;
	background:none repeat scroll 0 0 #DDD
}
#logo {
	margin:0
}

#skip {
	display:none
}
#nav.nav {
	display:block;
	width:140px;
	height:160px;
	overflow:hidden;
	background:#952500;
	border-right:10px solid #fff;
	text-transform:uppercase;
	padding:5px 15px;
	font-family:'Mina', sans-serif
}
#nav.nav .nav-toggle {
	display:none
}
#nav.nav .menu {
	display:block
}
#nav.nav li a {
	color:#fff;
	display:block;
	padding:8px 0;
	border-top:1px solid rgba(255, 255, 255, 0.11);
	font-weight:700;
	font-family:'Source Sans Pro',sans-serif;
	font-size:15px
}
#nav.nav li a:hover, #nav.nav .current-menu-item a, #nav.nav .current_page_item a {
	color:#fff;
	text-decoration:none;
	background:url('../images/support-img/arrow-red.html') no-repeat right center;
	transition:color 0.3s ease
}
#nav.nav li:first-child a {
	border-top:0
}
.container {
	position:absolute;
	background:#fff !important;
	z-index:6;
	top:0;
	left:0;
	padding:10px 0 10px 10px;
	height:auto;
	overflow:visible;
	width:auto !important
}
body.blog .container {
	/*height:1px*/
}
.hide-row-1, .hide-row-2 {
	height:180px;
	clear:both;
	transition:all 0.2s ease;
	overflow:hidden
}
.footer {
	width:330px;
	height:149px;
	margin:10px 10px 0 0;
	/*background:#393e3c;*/
	background:#31343B;
	padding:21px 0 0 20px;
	font-size:85%;
	line-height:160%;
	font-family:'Source Sans Pro',sans-serif;
}
body.blog #architect .footer {
	margin:10px 0 0 10px;
	background:#373B1A;
	padding-top:17px !important
}
body.blog .container .footer {
	margin:0 0 0 -10px;
	border-left:0
}
body.page-services .footer {
	background:#c92c2c
}

.footer span {
	display:block;
	margin:0
}
.footer .clear {
	margin-top: 13px;
	float: left;
	width: 100%;
}
.footer .fleft, .container .footer .fright {
	width:42%;
	font-size:12px;
}

#main-content #content {
	height:320px
}
#main-content #content h1, #page #content h1 {
    font-family: 'Mina', sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 0.4em;
    line-height: 1.3;
    color: #fff;
	margin-bottom:6px
}
#main-content #content h1 span{
    border-bottom: 1px dotted #fff;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    text-transform: capitalize;
    font-family: 'Source Sans Pro',sans-serif;
	font-weight:600
}
#single h1 {
	font-family:'Armata', Helvetica, Verdana, Arial, sans-serif;
	font-size:150%;
	text-transform:uppercase;
	margin:0 0 0.4em;
line-height: 						%;
	color:#fff
}
#main-content #content h2 span, #page #content h1 span {
	display:block
}
#main-content .mid, #main-content .foot {
	clear:both
}
#main-content #content .more {
	font-size:90%;
	background:#f63;
	padding:5px 10px;
	margin:15px 0 0;
	text-transform:uppercase;
	display:inline-block;
	transition:all 0.3s ease
}
#main-content #content .more:hover {
	text-decoration:none;
	background:#ff8157
}
.contact-col1 {
	width:50%;
	display:block;
	float:left
}
.contact-col2 {
	width:50%;
	display:block;
	float:right
}
.page-contact form span {
	display:block;
	font-size:10px;
	line-height:23px;
	text-transform:uppercase
}
.page-contact form input {
	display:block;
	width:90%;
	height:29px;
	border:0;
	background:#efe3f2;
	padding:0 7px;
	color:#333;
	font:14px 'Armata', Helvetica, Verdana, Arial, sans-serif;
	margin:0 0 6px
}
.page-contact form textarea {
	display:block;
	width:98%;
	min-height:129px;
	height:129px;
	min-width:98%;
	margin:0 0 0.7em;
	border:0;
	background:#efe3f2;
	padding:8px;
	color:#333;
	font:14px 'Armata', Helvetica, Verdana, Arial, sans-serif;
	resize:none
}
.page-contact form input[type='submit'] {
	display:block;
	width:auto;
	border:0;
	height:30px;
	padding:5px 20px;
	background:#7e3c4f;
	font-family:'Armata';
	font-size:90%;
	text-transform:uppercase;
	float:right;
	color:#eedfcb;	
	cursor:pointer;
	position:relative;
	z-index:5;
	transition:all 0.3s ease;
	margin-right:-12px;
	margin-top:10px;
}
.page-contact form input[type='submit']:hover {
	background:#964e62
}
body.blog {
	overflow:visible
}
#filter li a {
	display:block;
	padding:3px 10px;
	margin:0 15px 0 0;
	cursor:pointer;
	background:#c33;
	text-transform:uppercase;
	font-size:80%;
	float:left;
	transition:all 0.3s ease
}
#filter li a:hover {
	background:#e44848;
	text-decoration:none
}
#filter li a.selected {
	background:#e44848
}
#filter li.filter-label {
	display:block;
	width:auto;
	float:none;
	font:90% 'Armata', Helvetica, Verdana, Arial, sans-serif;
	text-transform:uppercase;
	margin:0 0 1em
}
body.blog .filler-box {
	background:#382d2d;
	background:#c33;
	background:#ddd
}
.bg-architect .bg1, .bg-architect .bg2, .bg-architect .bg3 {
	position:absolute;
	width:100%;
	height:100%;
	background-size:cover;
	background-attachment:fixed
}
.bg-architect .bg1 {
	background:url("../support-img/bg-01.html")
}
.bg-architect .bg2 {
	background:url("../support-img/bg-02.html")
}
.bg-architect .bg3 {
	background:url("../support-img/bg-03a.html")
}
.bg-architect img {
	position:absolute;
	transition:all 0.5s ease;
	z-index:2;
	top:0;
	width:100%;
	height:100%
}
.magnify img {
	height:150%;
	margin:-40% -150%
}
#architect.mos-portfolio {
	transition:all 0.5s ease;
	display:none
}
.bg-architect .portfolio-info {
	position:relative;
	display:block;
	opacity:0.8;
	opacity:0;
	z-index:2;
	top:0;
	left:0;
	width:92%;
	width:100%;
	height:100%;
	padding:5%;
	padding:0;
	background:#111;
	text-align:center;
	transition:all 0.5s ease;
	display:table
}
.bg-architect.css-only:hover .portfolio-info {
	display:table;
	opacity:0.8
}
.portfolio-info div {
	position:relative;
	display:block;
	width:80%;
	padding:10%;
	height:auto;
	text-align:center;
	font-size:80%;
	display:table-cell;
	vertical-align:middle
}
.bg-architect .portfolio-info h2 {
	display:block;
	border-bottom:1px solid #333;
	font-size:130%
}
.bg-architect .portfolio-info span {
	text-transform:uppercase;
	display:block;
	font-size:90%
}
.loading {
	display:block;
	position:absolute;
	top:45%;
	left:50%
}
.sub-architect {
	display:block
}
#portfolio-item {
	position:absolute;
	top:0;
	left:0;
	left:-10px;
	z-index:10;
	overflow:hidden;
	width:100%;
	height:100%;
	background:#fefefe;
	border-bottom:10px solid #fff;
	border-right:10px solid #fff;
	padding:10px 0 0
}
#single.container {
	background:none !important;
	width:280px;
	padding:0;
	height:100%;
	position:relative;
	margin:0;
	float:left
}
#single #content {
	position:relative;
	width:280px;
	height:100%;
	padding:0;
	background:#222;
	margin:10px 10px 0 0px;
	border-left:10px solid #fff
}
#portfolio-item #single #content {
	margin:0 0 10px -10px
}
#single .single-info {
	padding:30px 30px 0px 30px;
	text-align:left
}
#single .single-info ul {
	text-transform:capitalize
}
#single .share {
	margin:1em 0
}
#single .share h3 {
	text-transform:uppercase;
	font-size:80%
}
#single .share li {
	display:inline-block
}
#single .share a {
	display:inline-block;
	padding:1px 8px;
	margin:1em 10px 1em 0;
	cursor:pointer;
	background:#c33;
	text-transform:uppercase;
	font-size:80%;
	color:#eedfcb;
	transition:all 0.3s ease
}
#single .share a:hover {
	background:#e44848
}
#gallery-carousel {
	margin:0;
	background:#222
}
#portfolio-item #gallery-carousel {
	top:0
}
#gallery-carousel .gallery-code {
	width:inherit !important
}
.controls {
	display:none
}
.controls a {
	background:none;
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-25px;
	z-index:6;
	border:0;
	text-indent:-999px;
	overflow:hidden;
	cursor:pointer
}
.controls span.max {
	opacity:0.1
}
.controls span.max:hover {
	cursor:default !important
}
#gallery-carousel .gallery-nav span, .controls span {
	background:transparent url('../support-img/portfolio-nav.html') no-repeat -2px -176px;
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	z-index:6;
	border:0;
	text-indent:-999px;
	overflow:hidden;
	cursor:pointer;
transition::all 0.3s ease
}
.controls .prev-slide span.max {
	background-position:-2px -176px
}
.controls .next-slide span {
	background-position:2px -226px
}
#gallery-carousel .gallery-nav.next, .controls .next-slide {
	left:auto;
	right:10px
}
#gallery-carousel .gallery-nav.next span, .controls .next-slide span {
	left:auto;
	background-position:2px -226px
}
#gallery-carousel .gallery-nav.prev span, .controls .prev-slide span {
}
#gallery-carousel .gallery-nav.disabled {
	background-position:center top
}
#gallery-carousel li {
	width:1000px;
	height:100% !important;
	min-height:100%;
	width:768px;
	margin:0 10px 0 0
}
#gallery-carousel .gallery-code ul {
	margin-top:10px;
	position:relative
}
#gallery-carousel .gallery-code li {
	clear:both
}
#gallery-carousel .gallery-code li.has-js {
	clear:none;
	width:100%;
	height:100%;
	display:block;
	margin:0 auto;
	min-height:100%;
	margin-bottom:20px;
	position:absolute;
	top:0px;
	left:59px;
	margin-left:10px
}
#gallery-carousel .gallery-code li img {
	width:auto;
	height:100%;
	border:0;
	display:block;
	margin:0 auto
}
.slider {
	overflow:hidden;
	position:relative
}
.slider ul {
	margin:0;
	padding:0
}
.slider li {
	float:left;
	margin:0 5px 0 0;
	list-style:none
}
.close, .share_fb, .share_twitter {
	background:transparent url('../support-img/portfolio-nav.html') no-repeat -12px -150px;
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	top:10px;
	right:6px;
	z-index:7;
	border:0;
	text-indent:-999px;
	overflow:hidden;
	cursor:pointer;
	transition:opacity 0.3s ease;
	opacity:0.35
}
.share_fb, .share_twitter {
	background-color:transparent;
	opacity:0.35;
	transition:opacity 0.3s ease
}
.share_fb:hover, .share_twitter:hover {
	background-color:transparent !important;
	opacity:0.65
}
.share_fb {
	right:inherit;
	left:10px;
	background-position:-11px -308px
}
.share_twitter {
	right:inherit;
	left:33px;
	background-position:-12px -277px
}
.close:hover {
	opacity:0.65
}
.mobile, .close-mobile {
	display:none
}
.architect-pic, #architect.mos-portfolio, .bg-architect img {
	display:none
}
.portfolio-loader {
	background:#fff url('../support-img/loading.html') no-repeat;
	width:30px;
	height:30px;
	position:absolute
}
.blog .portfolio-loader {
	top:10px;
	right:10px
}
.single .portfolio-loader {
	top:50%;
	left:50%;
	z-index:500;
	padding:10px;
	background-position:center center;
	margin-top:-30px;
	margin-left:-30px
}
div.wpcf7-response-output {
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	clear:both !important;
	position:relative;
	top:-35px;
	margin-bottom:-25px
}
.wpcf7-not-valid-tip {
	display:none !important
}
.contact-submit {
	position:relative;
	clear:both;
	top:-10px;
	margin-bottom:-25px
}
div.wpcf7 img.ajax-loader {
	position:absolute;
	left:0px;
	bottom:-23px;
	width:16px;
	height:11px;
background:
}
.mini_link {
	top:-5px;
	font-size:12px;
	position:relative;
	opacity:0.35;
	transition:all 0.3s ease;
	font-weight:normal
}
a.mini_link:hover {
	opacity:0.75
}
.copy_link {
	float:left
}
.phone-mail .spacer {
	height:2px;
	display:block
}
.footer .sep {
	display:none !important
}
body.blog .mini_link {
	top:-10px
}
#ajax_loader {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	display:none;
	background-color:#222
}
#ajax_loading {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#222;
	z-index:11;
	background:#222 url('../support-img/loading_darkbg.html') no-repeat center center
}
.single #page-border-right, .single #page-border-bottom {
	display:none
}
#gallery-info {
	position:absolute;
	left:10px;
	bottom:10px;
	width:100px;
	height:25px;
	width:100%;
	padding-top:5px;
	text-align:center
}
#gallery-info h1, #gallery-info h2 {
	display:inline-block
}
#gallery-info h2 {
	font-weight:normal;
	font-family:'Armata', Helvetica, Verdana, Arial, sans-serif;
	color:#999;
	font-size:13px;
	margin-left:5px
}
body.login {
	color:#000
}
.mobile-content {
	display:none
}
@media only screen and (min-width: 1025px) {
#mobile-portfolio {
display:none !important
}
body.single {
background-color:#222 !important
}
}
@media only screen and (min-width: 720px) {
body {
}
body.page .architect-container {
min-height:890px;
min-height:720px
}
body.home .architect-container {
min-height:550px
}
body.single {
overflow-y:scroll
}
body.blog .architect-container {
width:100%;
overflow:visible
}
#architect {
}
}
@media only screen and (min-width: 1680px) and (max-width: 1920px) {
.portfolio .side {
width:179px
}
.portfolio #logo a {
width:179px
}
.portfolio #nav.nav {
width:149px
}
.portfolio #content {
width:490px
}
.mos-portfolio .a {
width:179px
}
.mos-portfolio .b {
width:368px
}
.mos-portfolio .b.footer {
width:348px
}
.mos-portfolio .c {
width:179px
}
.mos-portfolio .d {
width:368px
}
.mos-portfolio .e {
width:557px
}
.mos-portfolio .f {
width:179px
}
.mos-portfolio .g {
width:179px
}
.mos-portfolio .h {
width:368px
}
}
@media only screen and (min-width: 1440px) and (max-width: 1680px) {
.portfolio .side {
width:173px
}
.portfolio #logo a {
width:173px
}
.portfolio #nav.nav {
width:143px
}
.portfolio #content {
width:448px
}
.mos-portfolio .a {
width:173px
}
.mos-portfolio .b {
width:356px
}
.mos-portfolio .b.footer {
width:336px
}
.mos-portfolio .c {
width:173px
}
.mos-portfolio .d {
width:356px
}
.mos-portfolio .e {
width:539px
}
.mos-portfolio .f {
width:173px
}
.mos-portfolio .g {
width:173px
}
.mos-portfolio .h {
width:356px
}
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
.portfolio .side {
width:166px
}
.portfolio #logo a {
width:166px
}
.portfolio #nav.nav {
width:136px
}
.portfolio #content {
width:428px
}
.mos-portfolio .a {
width:166px
}
.mos-portfolio .b {
width:342px
}
.mos-portfolio .b.footer {
width:322px
}
.mos-portfolio .c {
width:166px
}
.mos-portfolio .d {
width:342px
}
.mos-portfolio .e {
width:518px
}
.mos-portfolio .f {
width:166px
}
.mos-portfolio .g {
width:166px
}
.mos-portfolio .h {
width:342px
}
.mos-portfolio .box-resize-2 {
width:166px;
height:170px
}
.mos-portfolio .box-resize {
height:350px
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.portfolio .side {
width:181px
}
.portfolio #logo a {
width:181px
}
.portfolio #nav.nav {
width:151px
}
.portfolio #content {
width:473px
}
.mos-portfolio .a {
width:181px
}
.mos-portfolio .b {
width:372px
}
.mos-portfolio .b.footer {
width:352px
}
.mos-portfolio .c {
width:181px
}
.mos-portfolio .d {
width:372px
}
.mos-portfolio .e {
width:513px
}
.mos-portfolio .f {
width:181px
}
.mos-portfolio .g {
width:181px
}
.mos-portfolio .h {
width:372px
}
.mos-portfolio .box-resize {
height:350px
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.portfolio .side {
width:169px
}
.portfolio #logo a {
width:169px
}
.portfolio #nav.nav {
width:139px
}
.portfolio #content {
width:437px
}
.mos-portfolio .a {
width:169px
}
.mos-portfolio .b {
width:348px
}
.mos-portfolio .b.footer {
width:328px
}
.mos-portfolio .c {
width:169px
}
.mos-portfolio .d {
width:348px
}
.mos-portfolio .e {
width:527px
}
.mos-portfolio .f {
width:169px
}
.mos-portfolio .g {
width:169px
}
.mos-portfolio .h {
width:348px
}
.mos-portfolio .box-resize {
height:350px
}
}
@media only screen and (max-width: 1024px) {
.mobile-content {
display:block
}
body.blog>.architect-container {
padding-bottom:10px
}
#ajax_loader {
background-color:#FFF
}
#gallery-info, .portfolio-loader {
display:none
}
.fleft.mini_link {
width:auto;
margin-right:10px
}
.footer .sep {
display:inline-block !important;
opacity:0.35;
margin-right:5px;
position:relative;
top:-1px
}
.mini_link {
top:0px
}
body.blog .phone-mail .spacer {
display:none
}
body.blog .footer .sep {
top:-10px
}
body.blog .mini_clear {
padding-top:10px
}
div.wpcf7 img.ajax-loader {
bottom:-30px
}
div.wpcf7-response-output {
margin-bottom:-30px !important
}
body.blog .bg-architect {
background:#4d3f3f
}
.mobile {
display:block
}
.desktop {
display:none
}
body {
height:550px;
overflow:visible !important
}
#page-border-right, #page-border-bottom {
display:none
}
.container, #single.container {
background:yellow;
height:auto !important;
width:100%;
margin:0 0 0 10px;
padding:10px 0;
overflow:hidden;
position:relative
}
#single.container {
padding:10px 0 0
}
.container .a {
width:100%;
margin:0 0 10px -10px;
height:250px
}
.architect-container {
overflow:visible
}
#portfolio-item .architect-container {
margin:0
}
#architect {
display:none !important
}
#architect.mos-portfolio {
position:relative !important;
width:100% !important;
margin:0 0 0 0;
border-left:5px solid #fff;
overflow:hidden;
height:auto !important
}
#architect.mos-portfolio .bg-architect {
position:relative !important;
width:100%;
height:170px;
float:none;
margin:0 5px 5px -10px;
top:auto !important;
left:auto !important
}
#architect .desktop {
display:none !important
}
.architect-pic {
background-attachment:scroll !important
}




.side {
width:100%;
float:none
}
#skip {
display:block;
display:none;
width:100%;
height:5px;
background:green;
overflow:hidden
}
#nav.nav {
display:block;
width:100%;
height:auto;
padding:0 20px 0 0;
margin:0 5px 10px -30px;
border:0 !important
}
#nav.nav .menu {
padding:0 0 5px
}
#main-content #nav.nav .menu {
display:block
}
#nav.nav .nav-toggle {
display:block;
width:100%;
height:21px;
overflow:hidden;
text-decoration:none;
padding:0 0 7px 0;
margin:0 0 0 20px
}
#nav.nav .nav-toggle span {
background:#791e00 url(../images/menu.png) no-repeat center center;
display:block;
text-indent:-999px;
overflow:hidden;
font:12px/23px 'Mina', sans-serif;
text-decoration:none;
color:#af3e31;
padding:3px 0 1px 0;
margin:0 0 0 0px;
cursor:pointer
}
#nav.nav li a {
padding:7px 0;
margin:0 0 0 50px
}
#content {
width:100%;
height:auto !important;
padding:15px 0;
margin:0 5px 10px -10px;
color:white;
border:0 !important
}
.hide-row-1, .hide-row-2, .hide-row-3 {
height:0;
overflow:hidden
}
#content>* {
margin:0 30px 0.3em !important
}
#content p {
margin-bottom:1em !important
}
#main-content #content h2, #page #content h1 {
font-size:200%
}
.foot .b {
width:100%;
float:none;
margin:0 5px 10px -15px;
display:none
}
.footer {
width:100%;
height:auto;
padding:15px 0;
margin:0 0 -10px -10px
}
body.single .footer {
margin:0 0 10px -10px
}
.footer>div {
margin:0 30px 0 30px !important;
width:auto !important
}
#mobile-portfolio .footer>div {
margin:0 25px !important;
width:auto !important
}
.footer span {
display:block
}
.footer .address span {
display:inline
}
.container .foot .footer p {
margin:0
}
.contact-col1, .contact-col2 {
width:100%;
float:none
}
.contact-col2 {
margin:-0.5em 0 0
}
.page-contact form input, .page-contact form textarea {
width:100%;
margin:0 0 0.5em
}
.page-contact form input[type='submit'] {
margin:1em -16px 0 0
}
body.blog .container {
padding:10px 0 0
}
#filter {
margin:0 20px 0.3em !important
}
#filter li a {
padding:7px 0;
margin:5px 0% 5px 1.5%;
font-size:80%;
width:48.5%;
text-align:center;
display:block
}
#filter li.filter-label {
margin:0 0 1em 10px
}
#mobile-portfolio {
margin:0 0 0 10px;
overflow:hidden
}
#portfolio-item {
border:0
}
#mobile-portfolio .portfolio-item {
float:none;
width:100%;
height:auto;
clear:both;
padding:0 0 0 5px;
margin:0 0 10px -15px;
position:relative
}
.bg-architect img {
position:relative;
display:block;
z-index:2;
top:0;
left:0;
width:100%;
height:auto;
padding:0
}
.bg-architect .portfolio-info {
opacity:0.8;
display:block;
padding:0;
width:100%;
position:relative;
top:auto;
left:5px
}
.bg-architect .portfolio-info div {
display:block;
padding:2% 5%;
width:90%
}
#mobile-portfolio .footer {
float:none;
width:100%;
clear:both;
height:auto;
padding:15px 0 0 0;
margin:0 0 0px -10px
}
body.single .architect-container {
height:auto
}
#portfolio-item {
margin:0px 0 0 10px
}
#single.container {
width:100%
}
#single #content {
width:100%;
margin:0 0 10px -10px
}
#single .single-info {
padding:20px 15px 10px 30px;
text-align:left;
margin:0 !important
}
#single h1 {
font-size:150%
}
#single .share {
width:100%;
clear:both
}
#single .share li {
width:49.5%;
float:right;
display:block
}
#single .share li:first-child {
margin:0 0.5% 0 0;
float:left
}
#single .share a {
padding:7px 0;
margin:5px 0 5px 0;
font-size:80%;
width:100%;
text-align:center;
display:block
}
#gallery-carousel {
width:0;
height:0;
overflow:hidden
}
#gallery-list .gallery-code li {
width:100%;
height:auto;
display:block;
margin:0 0 10px -10px;
overflow:hidden
}
#gallery-list .gallery-code li img {
width:100%;
height:auto;
display:block
}
div.controls {
display:none !important
}
.close-mobile {
background:#700e00;
display:block;
width:100%;
padding:5px 0;
margin:0 0 10px -10px;
height:auto;
position:relative;
top:auto;
right:auto;
clear:both;
z-index:7;
border:0;
text-indent:0;
overflow:visible;
text-align:center;
cursor:pointer;
transition:all 0.3s ease
}
.close-mobile:hover {
background:#560C03
}
.close {
display:none
}
}
@media only screen and (max-width: 479px) {
.container {
background:red
}
div.wpcf7-response-output {
width:50%
}
.footer .sep {
margin-right:1px
}
.fleft.mini_link {
margin-right:6px
}
}
@media only screen and (max-height: 1080px) {
}
@media only screen and (max-height: 900px) {
.hide-row-1 {
height:0
}
}
@media only screen and (max-height: 710px) {
.hide-row-1 {
height:0
}
.hide-row-2 {
height:0
}
#gallery-carousel .gallery-nav span {
bottom:30%
}
.controls a {
bottom:25%
}
body {
height:550px;
overflow:visible
}
body.home {
overflow:hidden
}
body.blog {
overflow:visible
}
}
@media only screen and (max-height: 560px) {
#gallery-carousel .gallery-nav span {
bottom:15%
}
.controls a {
bottom:10%
}
body.home {
min-height:550px;
overflow:visible
}
}
@media only screen and (min-width: 720px) and (max-width: 1024px) {
.bg-architect img, .bg-architect .portfolio-info {
transition:none !important
}
#mobile-portfolio {
margin:0 10px !important
}
#mobile-portfolio .portfolio-item {
clear:none !important;
width:50% !important;
float:left !important;
display:block
}
#mobile-portfolio .portfolio-item.even {
left:29px
}
#mobile-portfolio .portfolio-item.odd {
left:6px
}
.bg-architect img {
left:4px !important
}
#mobile-portfolio .portfolio-item.even img {
left:-7px !important
}
#mobile-portfolio .portfolio-item.even .portfolio-info {
left:-10px !important
}
#mobile-portfolio .portfolio-item {
margin-bottom:10px !important
}
#mobile-portfolio .footer {
margin-left:0px !important
}
#mobile-portfolio .footer>div {
margin:0 20px !important
}
#mobile-portfolio .footer>div {
width:43% !important;
margin-right:4% !important
}
}
div.wpcf7 {
	margin:0;
	padding:0
}
div.wpcf7-response-output {
	margin:2em 0.5em 1em;
	padding:0.2em 1em
}
div.wpcf7 .screen-reader-response {
	position:absolute;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px);
	height:1px;
	width:1px;
	margin:0;
	padding:0;
	border:0
}
div.wpcf7-mail-sent-ok {
	border:2px solid #398f14
}
div.wpcf7-mail-sent-ng {
	border:2px solid #f00
}
div.wpcf7-spam-blocked {
	border:2px solid #ffa500
}
div.wpcf7-validation-errors {
	border:2px solid #f7e700
}
.wpcf7-form-control-wrap {
	position:relative
}
span.wpcf7-not-valid-tip {
	color:#f00;
	font-size:1em;
	display:block
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position:absolute;
	top:20%;
	left:20%;
	z-index:100;
	border:1px solid #f00;
	background:#fff;
	padding: .2em .8em
}
span.wpcf7-list-item {
	margin-left:0.5em
}
.wpcf7-display-none {
	display:none
}
div.wpcf7 img.ajax-loader {
	border:none;
	vertical-align:middle;
	margin-left:4px
}
div.wpcf7 div.ajax-error {
	display:none
}
div.wpcf7 .placeheld {
	color:#888
}
#logo a {
    display: block;
    width: 170px;
    height: 170px;
    line-height: 170px;
    overflow: hidden;
    background:transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #de7b70;
}
#logo a img{max-width:170px;display:block;}
#content ul {
	margin-left:20px;
}

#content ul li::before{content:'\f061';font-family:'FontAwesome';}
#content ul li
{
	list-style:none;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.78);
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.col-md-6
{
width:91% !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.col-md-6
{
width:94% !important;
}
}
#logo a {
display: inline-flex;
width: 170px;
height: 170px;
line-height: 1.7;
overflow: hidden;
background: transparent;
border-right: 10px solid #fff;
border-bottom: 10px solid #fff;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff;
align-items: center;
justify-content: center;
flex-direction: column;

}
#content ul li::before{    font-size: 8px;
    margin-left: -15px;
    margin-right: 8px;}

#content.contact-us{background:#ca6b35}
#content.about-us{background:#d48421}
#content.services{background:#67280f}
#content.about-us p,#content.contact-us p{margin-bottom:10px}
input.element,select.element{border:0px;padding:9px 15px;border-radius:1px;background:rgba(255, 255, 255, 0.48);color:#222;outline:none!important;margin-right:15px;margin-bottom:15px;width:168px;max-width:100%;}
textarea.element{border:0px;padding:11px 15px;border-radius:1px;background:rgba(255, 255, 255, 0.48);color:#222;outline:none!important;margin-right:15px;margin-bottom:10px;width:383px;max-width:100%;}
.element{font-family:'Source Sans Pro',sans-serif}
.element::placeholder{color:#222}
.btn-white,.btn-white:focus{border:0px;background:#fff;font-family:'Source Sans Pro',sans-serif;padding:8px 15px;font-size:14px;border-radius:2px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.32);cursor:pointer;outline:none!important;position:relative}
.btn-white:after:hover{content:'';width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;}
.btn-white:active{box-shadow:none!important}
.clearfix{clear:both;}
.about-us strong{display:inline-block;width:100%;font-size:15px;font-weight:700;font-family:'Mina',sans-serif}
#content.contact-us p, #content.about-us p{width:100%;display:inline-block;}
@media (max-width:528px){input.element, select.element,textarea.element{max-width:198px;width:100%}}
@media (min-width:768px){#content.contact-us p, #content.about-us p{margin-bottom:10px;text-align:justify;float:left;}}
#content p{display:inline-block;margin-bottom:10px;font-size:13px;text-align:justify}
.btn-one,.btn-one:focus{font-size:14px;background:#647cff;padding:9px 15px;display:inline-block;border-radius:2px;text-transform:uppercase;font-weight:600;margin-top:6px;box-shadow:0px 3px 12px 0px rgba(0, 0, 0, 0.11);transition:all 0.4s ease}
.btn-one:active{box-shadow:none;}
.btn-one:hover{background:#5368da;}
.panel-body {
  padding: 15px;
  background-color:#fff;
  color:#333
}

.accordion .collapsed,
.toggle .collapsed {
  display: none;
}
.panel-group .panel {
  border: none;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.panel-group .panel + .panel {
  margin-top: 1px;
}
.panel-group .panel-heading {
  position: relative;
  padding: 0;
  border-radius: 0;
  display: block;
}
.panel-group .panel-heading > a {
  background: #eee;
  display: block;
  padding: 7px 15px;
}
.panel-group .panel-title {
  color: #333;
  font-size: 13px;
}
.panel-group a[aria-expanded='true'] {
  background: #3f51b5;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-group a[aria-expanded='true'] .panel-title {
  color: #fff;
}
.panel-group .fa-angle-down {
  font-size: 16px;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 12px;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  color: #333;
}
.panel-group [aria-expanded='true'] .fa-angle-down {
  color: #fff;
  -webkit-transform: rotate(180deg) translateZ(0);
          transform: rotate(180deg) translateZ(0);
}
.panel-body p{margin:0px!important}
.service-box{display:inline-block;width:100%;height:290px;overflow-x:hidden;overflow-y:auto;}
.service-box::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.service-box::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
.service-box::-webkit-scrollbar-thumb{background-color: #3f51b5;background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));}

#content .panel .panel-body strong{font-size:14px;color:#333;font-weight:700;text-transform:uppercase;margin-bottom:4px;display:inline-block;width:100%;}
#content .panel ul{margin-bottom: 5px;}
@media (min-width:768px){#content .panel ul.twoo{column-count:2;column-gap:30px;}}
#content .panel ul li{color:#333;font-size:13px;font-family:'Source Sans Pro',sans-serif}
#content .panel ul li::before{content:'\f061';font-family:'FontAwesome';font-size:8px;margin-left:-15px;margin-right:8px;}
#content.services h1{line-height:1!important;margin:0px!important}

.service-image{position:relative;display:inline-block;width:100%;height:100%}
.service-image img{transform:scale(1);transition:all 0.4s ease}
.service-image a{text-align:center;position:absolute;width:100%;background:#004a95;top:0;bottom:0;margin:auto;display:inline-block;padding:10px 0px;z-index:0;height:18px;text-transform: uppercase;line-height:1;transition:all 0.4s ease;opacity:0}
.service-image:hover a{z-index:3;opacity:1;}
.service-image a:hover{z-index:3;opacity:1;background:#E91E63;}
.service-image:hover img{transform:scale(1.1)}



#content.about-us p{font-size:16px;line-height:1.6;}
@media (min-width:1100px) and (max-width:1350px){#portfolio-content{width:50%;}}
#content.about-us p{font-size:15px;line-height:1.8;}

@media (max-width:1024px){#content.about-us p{width:94%;}}