/*
Theme Name: Black Cube
Author: Divert Design
Author URI: http://www.divertdesign.co.uk/
Description: Black Cube Theme
Version: 1.0
License: All rights reserved
*/

.map-point {
    width: 18px;
}

.map-point {
    border: none;
    position: absolute;
    background: url(images/cube-icon.png);
    background-repeat: repeat;
    background-size: auto auto;
    background-repeat: no-repeat;
    width: 35px;
    height: 30px;
    padding: 0;
    background-size: contain;
	cursor:  url('images/pointer.png'), auto;	
	transition: all 0.5s;
	margin: 0;

}
.map-point:hover {
    background: url(images/cube-hover.png);
	width: 45px;
    height: 39px;
    background-repeat: no-repeat;    
    background-size: contain;
}

.panzoom[style*="matrix(1.3"] .map-point {
    width: 27px;
    height: 23px;
}

.panzoom[style*="matrix(1.69"] .map-point {
    width: 20.7px;
    height: 18px;
}

.panzoom[style*="matrix(2"] .map-point {
	width: 17.5px;
    height: 15px;
}

.panzoom[style*="matrix(1.3"] .map-point:hover {
    width: 34.6px;
    height: 30px;
}

.panzoom[style*="matrix(1.69"] .map-point:hover {
	width: 27px;
    height: 23px;
}


.panzoom[style*="matrix(2"] .map-point:hover {
    width: 22.5px;
    height: 19.5px;
}


.locat2 {
    top: 27%;
    left: 27%;
}
.locat3{
	top: 24%;
	left: 43%;
}
.locat4{
	top: 27%;
	left: 48%;
}
.locat5{
	top: 43%;
	left: 51%;
}
.locat6 {
    top: 28%;
    right: 32%;
}
.locat7{
	top: 18%;
	left: 47%;
}
.map-section {
    position: relative;
	/* max-width: 1140px; */
	margin: 0 auto;
	width:100%;
}
.map-zoom {
    transform:  scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	transition: all .5s;
}

.map-zoom-out {
    transform:  scale(1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	transition: all .5s;
}
.zoom-nav li {
    display: inline-block;
    list-style: none;
}
.zoom-nav ul {
    padding: 10px;
}
.zoom-nav {
    position: relative;
    margin-left: 10px;
	margin-top: 10px;
}
.map-main-sec {
  position: relative;
  
}
.workspace {
    position: relative;
    background-color: #7a8284;
	top:59px;
}
.workspace .frame {
  height: 100%;  
  overflow: hidden;
}
.workspace .palette {
    padding: 2px;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    left: 10px;
}
.workspace .panzoom {
  width: 100%;
  overflow: visible;
  cursor:initial !important;
}
.workspace button {
  float: left;
  margin-left: 1px;
}
.palette a {
    background-color: #364042;
    color: #fff !important;
    display: block;
    margin: 0px 6px 0px 10px;
    padding: 20px 25px 12px 25px;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.palette a:hover {
	text-decoration:none;
	color: #ccc;
	user-select: none;
}
.event-name-wrap p {
    margin-bottom: 15px;
}

.category-drop-wrap button {
    float: none;
    margin: 0;
}

.category-drop-wrap {
    position: absolute;
    right: 50px;
    z-index: 1;
    top: 77px;
}

.case-std-title {
    position: absolute;
    top: 48px;
    left: 40px;
    z-index: 1;
}

.case-std-title h2 {
    color: #fff;
    font-size: 52px;
    margin: 0px;
}

.case-std-title p {
    margin-top: 15px;
    color: #fff;
    font-size: 22px;
}

.category-drop-wrap button {
    float: none;
    margin: 0;
    width: 313px;
    background-color: #121314 !important;
    border: none;
    color: #89898a !important;
    text-align: left;
    padding: 15px;
	outline: 0 !important;
	text-transform: uppercase;
}

.category-drop-wrap .dropdown-menu {
    width: 100%;
    background-color: #121314;
    margin-top: -1px;
	color: #89898a !important;
	border: none;
}

.category-drop-wrap .dropdown-menu>li>a {
    padding: 8px 0px;
    clear: both;
    font-weight: normal;
    color: #89898a !important;
    margin: 0px;
    border-bottom: 1px solid #d0d0d0;
    margin-left: 15px;
    font-size: 14px;
    margin-right: 15px;
	text-transform: uppercase;

}

.category-drop-wrap .dropdown-menu>li:last-child a{   
    border: none; 
}

.category-drop-wrap .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: transparent;
    color: #fff !important;
    outline: 0;
}

.category-drop-wrap .dropdown .caret {
    border-top: 10px dashed;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    color: #fff;
    border-bottom: none;
    float: right;
    margin: 5px 0px;
}

.category-drop-wrap .dropdown.open .caret {  
    border-bottom: 10px dashed;
	border-top: none;
}

.zoom-text p {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #414745;
    font-weight: bold;
}
.zoom-text {
    position: absolute;
    bottom: 22px;
    left: 115px;
    background-color: rgba(188, 193, 194, 0.8);
    padding: 12px 25px 8px;
	width: 20%;
}

.cube-box {
    position: absolute;
    bottom: 142px;
    text-align: center;
    left: 21px;
}

.cube-box p {
    margin-top: 10px;
    margin-bottom: 0px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.page-template-template-case-studies .case-study-modal .links {
	  margin-top: 25px !important;
	  padding-top: 20px !important;
	  padding: 0px 70px;
}

.page-template-template-case-studies .case-study-modal .content {
    padding: 15px 30px !important;
}

.page-template-template-case-studies .case-study,
.page-template-template-case-studies .case-study-link {
    margin-bottom: 10px !important;
}

.page-template-template-case-studies .case-study-modal .close {
    background: url(images/x-button.svg) !important;
}

.page-template-template-case-studies .case-study-modal .modal-heading {
    position: absolute;
    top: 0% !important;
    max-width: 70%;
}

.container.case-study-container {
    display: block;
}

.page-template-template-case-studies footer {
    padding-top: 91px !important;
}


.page-template-template-content-page-noscroll .title-area{position:relative; margin-top: 85px;}
.page-template-template-content-page-noscroll .testimonial_design{position: relative;margin-top: 100px;}
.page-template-template-content-page-noscroll .focuspoint{
		    position: fixed;
    height: 100%;
    width: 100%;
	}
.page-template-template-content-page-noscroll #page-content{
	top: 0px;
    position: relative;
}
.page-template-template-content-page-noscroll #page-content .container.normal{
	padding-top:40px;
}
.content-area-noscroll{
	color: #2f2f2f;
    background-color: #fff;
    margin-top: 70px;
    margin-bottom: 30px;
}

.content-area-noscroll h3 {
    margin-top: 40px;
    margin-bottom: 15px;
}

.page-template-template-content-page-noscroll .invert .content-area-noscroll{
	    background: #222222;
}

.page-template-template-content-page-noscroll .invert .content-area-noscroll h1, .page-template-template-content-page-noscroll .invert .content-area-noscroll h2, .page-template-template-content-page-noscroll .invert .content-area-noscroll h3, .page-template-template-content-page-noscroll .invert .content-area-noscroll h4, .page-template-template-content-page-noscroll .invert .content-area-noscroll h5, .page-template-template-content-page-noscroll .invert .content-area-noscroll h6, .page-template-template-content-page-noscroll .invert .content-area-noscroll p {
    color: #ffffff;
}



@media (min-width: 768px) {
	.case-study-modal .modal-dialog {
		width: 900px;
		margin: 30px auto;
	}
	.target-content img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
}

@media only screen and (max-width:1450px) {
	.map-main-sec {
		position: relative;		
	}
}

@media only screen and (max-width:1024px) {	
	.page-template-template-case-studies .case-study-container {
		padding-top: 70px !important;
	}
	.zoom-text {
		width: 30%;
	}
}

@media only screen and (max-width:800px) {
	.case-std-title {		
		top: 74px;
		left: 25px;		
	}
	.case-std-title p {
		margin-top: 0px;
		color: #fff;
		font-size: 16px;
	}
	.category-drop-wrap button {		
		width: 230px;		
		padding: 10px;		
	}
	.category-drop-wrap .dropdown .caret {
		left: 22px;		
	}
	.category-drop-wrap .dropdown-menu > li > a {
		padding: 8px 0px;		
		margin-left: 10px;		
		margin-right: 15px;
		text-transform: uppercase;
	}
	.category-drop-wrap {		
		right: 20px;	
	}
	.zoom-text {
		width: 35%;
	}
	.case-study-modal .modal-dialog {
		width: 640px;
		margin: 30px auto;
	}
	.page-template-template-case-studies .case-study-modal .modal-heading {	
		max-width: 100%;
	}
	.page-template-template-case-studies .case-study-modal .links {				
		padding: 0px 0px;		
	}
}

@media only screen and (max-width:767px) {
	#showImageSec {
		width: 100%;
		object-fit: cover;
	}	
	.workspace .palette {
		bottom: 0px;
		left: 0px;
	}
	.page-template-template-case-studies .case-study-container {
		padding-top:30px !important;
	}
	.case-study-modal .modal-dialog {
		width: auto;		
	}
	.page-template-template-case-studies .case-study-modal .modal-heading {				
		top: 0% !important;		
	}
	.page-template-template-case-studies .case-study-modal .modal-heading .location {
		color: #cacaca;
		margin-top: 10px;
		margin-bottom: 0px;
	}	
	.case-study-modal .modal-dialog {	
		margin: 10px 20px;
	}
	.page-template-template-case-studies .case-study-modal .modal-heading h2 {
		color: #FFF;
		margin-top: 5px !important;
		margin-bottom: 5px  !important;
		font-size: 18px  !important;
	}
	.case-std-title {
		position: initial;
		padding-left: 20px;
		padding-top: 20px;
	}
	.category-drop-wrap {
		position: initial;
	    padding-left: 20px;
		padding-bottom: 30px;
	}
	.case-std-title h2 {		
		font-size: 32px;
		margin: 0px;
	}
	.case-std-title p {
		margin-top: 0px;
		color: #fff;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.category-drop-wrap button {
		width: 94%;
		padding: 10px 13px;
	}
	.category-drop-wrap .dropdown .caret {
		float: right;
		position: inherit;
		margin: 5px;
	}
	.category-drop-wrap .dropdown-menu {
		width: 94%;		
	}
	.workspace .palette {
		bottom: 0px;
		left: 5px;
	}
	.workspace .palette {		
		bottom: 20px;
		left: 10px;
		width: 23%;
		position: relative;
		padding-top: 40px;
	}
	.palette a {		
		padding: 15px 15px 12px 15px;
		font-size: 36px;		
	}
	.zoom-text {
		position: absolute;
		bottom: 24px;
		left: 28%;
		background-color: rgba(188, 193, 194, 0.8);
		padding: 10px 15px 6px;
		width: 68%;
	}
	.page-template-template-case-studies footer {
		padding-top: 60px !important;
	}	
	.panzoom .map-point {		
		width: 25px;
		height: 20px;
	}
	.panzoom .map-point:hover {		
		width: 30px;
		height: 24px;
	}
	
	.panzoom[style*="matrix(1.3"] .map-point {
		width: 19.3px;
		height: 16px;
	}

	.panzoom[style*="matrix(1.69"] .map-point {
		width: 14.8px;
		height: 11.9px;
	}

	.panzoom[style*="matrix(2.1"] .map-point {
		width: 11.4px;
		height: 9.5px;
	}
	
	
	.panzoom[style*="matrix(2.8"] .map-point {
		width: 8.8px;
		height: 7px;
	}
		
	
	.panzoom[style*="matrix(3.7"] .map-point {
		width: 6.7px;
		height: 5.4px;
	}
	
	
	.panzoom[style*="matrix(4"] .map-point {
		width: 6.3px;
		height: 5px;
	}

	.panzoom[style*="matrix(1.3"] .map-point:hover {
		width: 23.1px;
		height: 19px;
	}

	.panzoom[style*="matrix(1.69"] .map-point:hover {
		width: 18px;
		height: 14px;
	}

	.panzoom[style*="matrix(2.1"] .map-point:hover {
		width: 14px;
		height: 11px;
	}
	
	.panzoom[style*="matrix(2.8"] .map-point:hover {
		width: 10.5px;
		height: 8.4px;
	}
	
	.panzoom[style*="matrix(3.7"] .map-point:hover {
		width: 8.1px;
		height: 6.5px;
	}
	
	.panzoom[style*="matrix(4"] .map-point:hover {
		width: 7.5px;
		height: 6px;
	}

	
	.content-area-noscroll{
		margin-top:0px
	}
	.page-template-template-content-page-noscroll .testimonial_design{    margin-top: 10px;}
	.p-sm-0{padding:0px !important}
	.content-area-noscroll{padding: 5px 20px;}
}

.page-template-template-content-page .testimonial_design {
    position: relative;
    margin-top: 90px;
}

/*14 Feb, 2020*/

.credo #cubez-wrapper .face {
    width: 33% !important;
    margin-bottom: 20px;
}
.credo #cubez-wrapper #cubez {
    display: block !important;
}
.recipe-boxes {
    display: flex;
    justify-content: space-between;
}

.page-template-template-board{
	overflow:auto !important;
	position:relative !important;
}
.page-template-template-board .content-area.content-area-board{
	position:relative;
	left:0;
	margin-top:110px;
}

.page-template-template-board #footer{
	position: relative !important;
	bottom: 0 !important;
	margin-top: 200px !important;	
}


#backtotop {
	display: inline-block;
	background-color: #FF9800;
	text-align: center;
	border-radius: 4px;
	margin: 5px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s;
	z-index: 1000;
	color: #fff;
	padding: 10px;
		
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
}
#backtotop:hover {
  cursor: pointer;
  background-color: #333;
}
#backtotop:active {
  background-color: #555;
}

@media (min-width: 1340px)
#cubez-wrapper .container {
    width: 1310px !important;
    margin: auto;
    padding: 0px 15px;
}
@media (min-width: 992px)
#cubez-wrapper .container {
    width: 970px !important; 
    margin: auto;
    padding: 0px 15px;
}
@media (min-width: 768px)
#cubez-wrapper .container {
    width: 750px !important;
    margin: auto;
    padding: 0px 15px;
}
}
/*14 Feb, 2020*/
@media (min-width:992px) and (max-width:1339px){
.page-template-template-board .title-area .heading {font-size: 42px;width: 100% !important;word-wrap: break-word;}
.page-template-template-board .content-area {left: 35% !important;}
.page-template-template-content-page .title-area{margin-top: 90px;}
}
@media (min-width:768px) and (max-width:991px){
	.page-template-template-board .title-area .heading {font-size: 42px;width: 100% !important;word-wrap: break-word;}
	.page-template-template-board .title-area{margin-top: 170px;}
	.page-template-template-board .content-area{top: 170px !important;}
	.page-template-template-board .board-members-list-wrap {top: 30px !important;}
	.page-template-template-content-page .title-area{margin-top: 140px;}
	.page-template-template-content-page .content-area{top: 155px;}
}
@media (max-width:767px){
	.page-template-template-board .title-area {height: auto !important; position: relative;}
	.page-template-template-board .title-area .heading {line-height: 1.4 !important;;padding-bottom: 10px !important;}
	.page-template-template-content-page .title-area{height: auto;margin-top: 65px;position: relative;}
	.page-template-template-content-page-noscroll .title-area{height: auto;margin-top: 35px;position: relative;}
	.page-template-template-content-page .testimonial_design{margin-top: 0px;}
	.page-template-template-content-page .title-area .heading br,.page-template-template-content-page-noscroll .title-area .heading br {display: none;}
	.page-template-template-content-page .testimonial_design{background: #000;}
	
}
@media (max-width:548px){
	.page-template-template-board .content-area{top: 2px !important;}

}

@media only screen and (min-width: 768px) and (max-width: 1000px) and (orientation: landscape) { 
.page-template-template-board .content-area.content-area-board{
		margin-top:0;
	}

}
/* Landscape */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {   
	.workspace .palette {	
		width: 15%;		
	}
	.zoom-text {		
		left: 18%;		
	}
	#showImageSec {
		height: 280px;
	}
	
	
}


@media only screen and (max-width: 340px){
	
}



/*#backtotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}*/
/* css add by gagan start */
.hedd {
    font-family: 'Blackcube Stencil';
}
.face-cvr h3 {
    font-family: 'Blackcube Stencil' !important;
}
.bc-banner #bc-banner-text_home{
/*font-family: 'Blackcube Stencil' !important;*/
}
.bc-creativebanner .creative-intelligence p {
    /*font-family: 'Blackcube Stencil' !important;*/
}
.credo #cubez-wrapper b {
    font-weight: unset;
}
.content-area-noscroll {
    background-color: #222222;
    color: #fff;
}
.testmnials .source_design {
    text-align: right !important;
    margin-bottom: 0px; 
    margin-top: 10px;		
}
@media only screen and (max-width: 767px){
	.testmnials .testimonial_design {
		margin-top: 0px;
		margin-left: 0px !important;
	}
	.page-template-template-case-studies .case-study-header .wrapper p {
		color:#ffffff;
		font-size:16px;
		line-height:20px;
		text-align:left;
	}
	.page-template-template-case-studies .case-study-header .wrapper{margin-left:0px !important;}
	.page-template-template-case-studies .case-study-header .wrapper p{padding-left:20px}
	.page-template-template-case-studies .case-study-header .wrapper .heading{padding-left:20px;}
	.testimonial-bk .content-bk.content_design {font-size:16px !important;line-height:20px !important;}
	.page-template-template-case-studies .focuspoint{height:365px !important;}
	.page-template-template-case-studies .case-study-header{height:365px !important;}
	.case-study-header .subheading {text-align:left;padding-left:20px;}
}
@media only screen and (max-width:622px){
	.page-template-template-case-studies .focuspoint{height:387px !important;}
	.page-template-template-case-studies .case-study-header{height:387px !important;}
}
@media only screen and (max-width:544px){
	.page-template-template-case-studies .focuspoint{height:400px !important;}
	.page-template-template-case-studies .case-study-header{height:400px !important;}
}
@media only screen and (max-width:326px){
	.page-template-template-case-studies .focuspoint{height:420px !important;}
	.page-template-template-case-studies .case-study-header{height:420px !important;}
}
@media only screen and (max-width:321px){
	.page-template-template-case-studies .focuspoint{height:442px !important;}
	.page-template-template-case-studies .case-study-header{height:442px !important;}
}
.testmnials .testimonial_design {
    margin-left: unset;
}
.page-id-47 .source_design img {
    width: 100px;
}
.testmnials .content_design {
    text-align: left !important;
}
/* css add by gagan start */