html {height:100%;}

.error404 #main {
	min-height: 90vh;
}
/*.home #main {
	padding-top: 0;
}*/

.main-menu li {
  padding: 0 0.6em;
}
.list-menu-top li {
	padding-right: 10px;
}
.main-menu li a,
.list-menu-top a {
	position: relative;
	padding: 0;
}
.main-menu li a:hover,
.list-menu-top a:hover {
	color: #616161;
}
.main-menu li a:before,
.list-menu-top a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	bottom: -1px;
	left: 0;
	background-color: #616161;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.theme-dark .main-menu li a:hover {
	color: #b3b3b3;
}
.theme-dark .main-menu li a:before {
	background-color: #b3b3b3;
}
.page-template-template-art .main-menu li.menu-art a:before,
.single-art .main-menu li.menu-art a:before,
.archive:not(.theme-dark) .main-menu li.menu-commissioned a:before,
.single-commissioned .main-menu li.menu-commissioned a:before,
.term-commissioned .main-menu li.menu-commissioned a:before,
.main-menu li.current-menu-item a:before,
.main-menu li a:hover:before,
.list-menu-top a:hover:before,
.list-menu-top .current-category a:before {
	width: 100%;
}

.single-commissioned {
    /*overflow: hidden;*/
}

.btn-primary {
  /*-webkit-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;*/
}
.btn-primary:hover {
	background-color: #b3b3b3 !important;
	color: #181409 !important;
  	/*box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);*/
}
.form-control {
	padding-right: 0 !important;;
	padding-left: 0 !important;
}
.form-control.wpcf7-textarea {
	border-top: 0;
	border-right: 0;
	border-left: 0;

	/*border: 0;
	background-image: -webkit-linear-gradient(transparent, transparent 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -moz-linear-gradient(transparent, transparent 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -o-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: linear-gradient(transparent, transparent 30px, #ccc 30px, #ccc 31px, white 31px);
    background-size: 100% 31px;
    line-height: 31px;*/
}
.right-desc input.wpcf7-not-valid,
.right-desc textarea.wpcf7-not-valid {
	border-color: #f30;
}
.right-desc label {
	display: block;
}
.right-desc .row-invalid label {
	color: #f30;
}
span.wpcf7-not-valid-tip {
	display: block;
	float: right;
	font-size: 12px;
	font-weight: 300;
	margin-left: 5px;
}
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
	display: none !important;
}
div.wpcf7-response-output {
	margin-right: 0;
	margin-left: 0;
}
div.wpcf7 .ajax-loader {
	background-image: url('../images/loading.gif');
	width: 80px;
	height: 12px;
	margin-left: 10px;
}
.theme-dark div.wpcf7 .ajax-loader {
	background-image: url('../images/loading-dark.gif');
}
/*.list-menu-top .current-category a {
	text-decoration: underline;
}*/
/*.is-animated {
  animation: .6s zoom-in;
}
@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}*/

.pagination ul {
  display: flex;
  margin: 10px 0 20px;
}

.pagination ul a,
.pagination ul span {
  padding-right: 10px;
  font-size: 0.8em;
}

.slide-content p {
	margin-bottom: 20px;
}

.single-art #main ul li img {
	height: auto;
	max-height: 900px;
	width:  auto;
}

.single-art #main .project-logo img {
    max-height:  300px;
}

.single-art .project-logo {
	text-align: center;
	padding: 50px 0;
	max-width: 40%;
	margin:  0 auto;
	/*padding-bottom:0px;*/
	padding-bottom: 20px
}

.single-art .project-images li {
	/*padding-bottom: 50px;*/
}

.single-art .project-images li.project-logo {
	padding-bottom: 30px;
}

.single-art .text-center p {
	font-size: 12px;
}

.single-art #main p {
    width: 67%;
}

.single-art #main .text-right {
    width:  100%;
}

.single-commissioned #footer {
	position: fixed;
	bottom: 0;
	width: 100%;
}

.page-about .left-image, .page-profile .left-image {
  flex: 0 35%;
  padding-bottom: 20px;
}
.right-content {
	flex: 0 65%;
	display: flex;
	flex-wrap: wrap;
  padding-bottom: 20px;
}
.bar-title {
  flex: 0 40%;
}
.right-desc {
  flex: 0 60%;
}

.page-contact .bar-title, .page-enquiry .bar-title {
    padding-left:  0px;
}


.page-contact .right-desc,  .page-enquiry .right-desc {padding-left: 0px;}

.page-contact .btn-primary:hover {
    background-color: #4d4d4d !important;
    color: #e6e6e6 !important;
}

/* Responsive */
.visible-mobile {
  display: none;
}
@media (min-width: 992px) {
}
@media (min-width: 1366px) {
}
@media (min-width: 1500px) {
}
@media (min-width: 1600px) {
}
@media (min-width: 1900px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	.single-art .project-logo {
		max-width: 67%;
	}
}
@media (max-width: 767px) {
	.single-art .project-logo {
		max-width: 45%;
		padding-top: 0;
		padding-bottom: 20px;
	}
	
	.single-art #main p {width:100%;}
	
	.right-content {
		display: block;
	}
	.bar-title {
		padding-right: 0;
	}
	.right-desc {
		padding-left: 30px;
	}
	.home #main .container {
		max-width: none;
		padding-right: 0;
		padding-left: 0;
	}
	.home #header.scrolled {
		background-color: #000000;
	}
	.home .root .wrapper:before {
		width: 100%;
		height: calc(50% + 7px);
		display: none;
	}
	.home #main .row {
		display: block;
	}
	#header/*,
	.home-left*/ {
		background-color: #000000;
	}
	.home-left,
	.home-right {
		padding-right: 15px;
		padding-left: 15px;
		margin: auto;
	}
	.home-left img,
	.home-right img {
		max-width: 540px;
		margin: auto;
		display: block;
		padding-right: 15px;
		padding-left: 15px;
	}
	.home .home-image {
		height: calc(50vh - 85px) !important;
	}
}
@media (max-width: 600px) {
	.bar-title {
		padding-left: 0;
	}
	.right-desc {
		padding-left: 0;
	}
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	.project-slider img{
    	/*height: calc(100vh - 250px) !important*/;
	}
}

/**AK 05-06-18**/
@media (max-width:992px) {
	.project-slider img{
		max-height:calc(100vh - 135px);
	}
	.home-image {
		height: calc(50vh - 85px) !important;
	}
}

@media (max-width:767px) {
	.project-slider img{
		max-height:calc(100vh - 125px);
	}
	.home-image {
		height: calc(50vh - 85px) !important;
	}
	body.home {
    background-color: #000000;
	}
}

/*Tablet*/
@media (min-height: 767px) and (max-width:1024px) {
	.is-mobile .project-slider img{
		max-height:calc(100vh - 240px);
	}
	.is-mobile .home-image {
		height: calc(50vh - 95px) !important;
	}
}

@media (min-height: 1366px) and (max-width:1024px) {
	.is-mobile .project-slider img{
		max-height:calc(100vh - 240px);
	}
	.is-mobile	.home-image {
		height: calc(50vh - 95px) !important;
	}
}

@media (min-height: 1024px) and (max-width:1366px) {
	.is-mobile .project-slider img{
		max-height:calc(100vh - 240px);
	}
	.is-mobile	.home-image {
		height: calc(50vh - 95px) !important;
	}
}

/*For Mobile*/
@media (min-height: 900px) and (max-width:767px) {
	.is-mobile .project-slider img{
		max-height:calc(100vh - 240px);
	}
	.is-mobile	.home-image {
		height: calc(50vh - 95px) !important;
	}
}

@media (min-height: 767px) and (max-width:767px) {
	.is-mobile .project-slider img{
		max-height:calc(100vh - 240px);
	}
	.is-mobile	.home-image {
		height: calc(50vh - 95px) !important;
	}	
}

@media (min-height: 640px) and (max-width:767px){
	.is-mobile .project-slider img{
		max-height:calc(100vh - 240px);
	}
	.is-mobile	.home-image {
		height: calc(50vh - 95px) !important;
	}
}

@media (min-height: 560px) and (max-width:767px){
	.is-mobile .project-slider img{
		max-height:calc(100vh - 240px);
	}
	.is-mobile	.home-image {
		height: calc(50vh - 95px) !important;
	}
}

@media (min-height: 440px) and (max-width:767px) {
	.is-mobile .project-slider img{
		max-height:calc(100vh - 220px);
	}
	.is-mobile	.home-image {
		height: calc(50vh - 95px) !important;
	}
}

@media (max-height: 439px) and (max-width:767px) {
	.is-mobile .project-slider img{
		max-height:calc(100vh - 220px);
	}
	.is-mobile	.home-image {
		height: calc(50vh - 95px) !important;
	}
}
/**Portfolio Slider Ends Here**/

.wpcf7-list-item.first {
    margin-left: 0;
}

/* checkbox */
span.wpcf7-list-item {
	margin-left: 0;
	margin-right: 1rem;
}
.wpcf7-checkbox label {
}
.wpcf7-checkbox label input[type="checkbox"] {
    opacity: 0;
}
.wpcf7-checkbox label span::before{
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 1px solid;   
}
.wpcf7-checkbox label span::after {
    content: "";
    display: inline-block;
    height: 6px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    
    transform: rotate(-45deg);
}
.wpcf7-checkbox label span {
    position: relative;
	padding-left: 10px;
}
.wpcf7-checkbox label span::before,
.wpcf7-checkbox label span::after {
    position: absolute;
}
.wpcf7-checkbox label span::before {
    top: 3px;
    left: -12px;
}
.wpcf7-checkbox label span::after {
    left: -9px;
    top: 7px;
}
.wpcf7-checkbox input[type="checkbox"] + span::after {
    content: none;
}
.wpcf7-checkbox input[type="checkbox"]:checked + span::after {
    content: "";
}
@media (max-width:517px) {
	span.wpcf7-list-item {
		display: block;
	}
}

/**Yes Open Text**/

#footer .col {
    width:33.33%;
    max-width: 33.33%
}

p.yes_open {
    text-align:  center;
}

.theme-dark p.yes_open {
	color:#2D2D2D;
}

.theme-light p.yes_open {
   color:#CECECE;
}

.single-commissioned footer .group-direction {text-align:right;}

@media (max-width: 767px) {
	.home p.yes_open {
    color: #2D2D2D;
}

	#footer .col.copyright {
    width: 22%;
    max-width: 22%;
    padding-right: 0px;
}

	p.yes_open {
    text-align:left;
}

	.col.group-direction {
    width: 44.66% !important;
    max-width: 44.66% !important;
}
}


@media (max-width: 420px) {
	#footer .websiteby {
    width:30%;
    max-width: 30%;
    padding: 0px;
}

.col.group-direction {
    width: 40% !important;
    max-width: 40% !important;
}

	#footer .col.copyright {
    width: 30%;
    max-width: 30%;
    padding-right: 0px;
}

}

@media (min-width: 768px) {
	.home #footer .col {
    width:10%;
    max-width: 10%
}
	
	

	.home #footer .websiteby {
    width:30%;
    max-width: 30%;
}

	.home p.yes_open {
    color: #2D2D2D;
    text-align:left;
}
}