/*
Theme Name: U-Design Child
Theme URL: https://udesigntheme.com/envato-market/
Description: A slick, powerful and clean theme U-Design provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive & mobile ready should you choose that option. The U-Design theme features include: unlimited colors, widgetized home page, over 600 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive U-Design support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Author: Andon
Author URL: https://1.envato.market/OdObz
Template: u-design
Version: 3.3.4
Text Domain: u-design-child
*/


#logo {
    margin-top: 35px;
}


#home-page-content::before, #page-content::before, #footer-bg::before {
    background: #fff;
}

/* Start menu styling*/


#navigation-menu {
    width: 70%;
    right: 0;
}

#main-menu {
	background-color: transparent;
	
}

#navigation-menu ul.sf-menu a:hover, #navigation-menu ul.sf-menu a:active {
	border-bottom: 2px #339966 solid;
}


.u-design-menu-drop-shadows-on #navigation-menu .sf-menu ul {
    box-shadow: 0px 0px 20px #44444430;	
}

#navigation-menu ul.sf-menu > li {
    margin: 0 40px 0 0;
	letter-spacing: .05em;
}

#navigation-menu ul.sf-menu > li > a {
    padding: 0 0 4px 2px;
}

#navigation-menu ul.sf-menu > li > a > span {
    padding: 8px 0 0 0 !important;
}

#navigation-menu ul.sf-menu li li a:hover {
	border-bottom: none;
    background-color: #e4f8e8;
	color: #133C61;
	font-weight: 700;
}

#navigation-menu ul.sf-menu li li {
	font-weight: 600;
	margin-bottom: 0;
}


#navigation-menu ul.sf-menu li li a {
	font-weight: 600;
	padding: 12px 15px;
	font-size: 15px;
}


#navigation-menu ul.sf-menu ul {
	padding: 8px 0;
	margin-top: 5px;
	border-radius: 8px;
	margin-left: -90px;
	min-width: 250px;
}

/* End menu styling*/


.welcome-text h1{
	font-size: 2em;
	font-weight: 700;
}


.heading h2 {    
    margin: -8px 0 0;
    padding-bottom: 0;
    }


.heading h4, .heading-interior h4 { 
	color:#95dfcb;
}

.heading-interior h2 {
	margin: -8px 0 0;
    padding-bottom: 0;
	color:#ffffff;
}

.vc_custom_1570653365857{
	width: 100%;
}



.white-text, .white-text h4, .white-text h3 {
	color: #ffffff;
}


.challenge-image-modi img, .challenge-image-ia img {
	position: relative;
    top: 15px;
    width: 100%;
    height: auto;
}

.challenge-wrapper-modi, .challenge-wrapper-yofima, .modi-navigation-wrapper, .modi-dash-wrapper, .modi-fulfillment-dash-wrapper, .yofima-user-flow-wrapper, .yofima-availability-wrapper, .tpj-admin-wireframes-wrapper, .challenge-wrapper-ia, .results_ia_wrapper, .challenge-wrapper-design, .results_designhandoff_wrapper, .challenge-wrapper-tpj, .challenge-wrapper-wellness {
	position: relative;
	z-index:9999;
	overflow: visible !important;
}

.modi-dash-wrapper {
	height: 720px;
}

.challenge-wrapper-modi, .challenge-wrapper-yofima, .challenge-wrapper-ia, .challenge-wrapper-design, .challenge-wrapper-tpj, .challenge-wrapper-wellness {
	height: 500px;
}


.modi-navigation-img {
	position: relative;
    top: -100px;
	left: 0;
    width: 93%;
    height: auto;
}

.modi-dash-img {
	position: relative;
    top: -100px;
}

.modi-dash-img img {
    width: 95%;
}

.modi-fulfillment-dash-img {
	position: relative;
    top: -100px;
	left: 0;  
}

.modi-fulfillment-dash-img img {
	    width: 94%;
}


.challenge-image-yofima img {
	position: relative;
    top: 0;
    width: 100%;
    height: auto;
} 

.yofima-availability-img img{
	position: relative;
    top: -100px;
	width: 95%;
}

/*
.yofima-availability-wrapper {
	height: 550px;
}
*/

.tpj-admin-wireframes-wrapper {
		height: 750px;
}

.tpj-admin-wireframes-img img {
	position: relative;
    top: -100px;
	width: 95%;
}

.tpj-certificate {
	width: 50%;
	position: relative;
	left:-10px;
}

.yofima-dash-img {
	position: relative;
    top: -30px;
    width: 100%;
    height: auto;
	z-index:9999;
}

.session-screens {
	position:relative;
	left: -30px;
}


.app-store-icon-apple, .app-store-icon-google {
	float: left;
	width: 20%;
	margin-right: 20px;
	position: relative;
    left: 90px;
}

.process-head-dots img {
	width: 50%;
}


.project-description-text h4 {
	margin-top: 0;
}

.project-description-text h5 {
	font-size: .9em;
	padding-bottom: 0;
}

.vc_gitem-animated-block{
    box-shadow:  0px 0px 4px 0px #9cabb959;
    border-radius: 0 0 30px 0;
	/*border: 1px solid #9cabb926;*/
}

.project-box-shadow{
    box-shadow:  0 4px 14px 0px #9cabb957;
    border-radius: 0 0 30px 0;
}

.overview-box {
    box-shadow:  0 4px 14px 0px #18273557;
	height: 250px;
}
.vc_gitem-zone {
    border-radius: 0 0 30px 0;
}

.overview-box h4{
	color: #133c61;
}

.overview-dots-left {
	position: absolute;
    top: 138px;
    left: -50px;
	z-index: -1;
}

.overview-dots-right {
	position: fixed;
    top: 226px;
    right: 223px;
	z-index: -1;
}

.rounded-corner-contatiner h4{
	color: #133c61;
}

.rounded-corner-contatiner {
    border-radius: 0 0 30px 0;
	box-shadow:  0 4px 14px 0px #18273557;
	height: 250px;
}

.vc_column-inner .vc_custom_1570566252762{
	border-radius: 20px;
	box-shadow:  0 4px 14px 0px #18273557;
}

/*
/*Browser Dots START*/
.browser-dots {
	float:left;
	width: 1.6em;
	position: relative;
	left: 15px;
	top:-4px;
	font-size: .8em !important;
	height: 3.5em !important;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs .vc_icon_element-icon {
	z-index: 1;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    height: 3.5em;
}


/*Browser Dots END*/


/*Browser Box Container START*/
.browser-header{
	position: relative;
	top: 10px;
	overflow: hidden;
	
}

.project-image img{
	border-radius: 0 0 10px 10px;
	
}

.project-image {
	border-radius: 10px;
	background-color: #fff;
	box-shadow:  0 6px 20px 0px #1827354a;
}


/* MODI Overview and Role boxes */
.vc_custom_1573444290980:after {
  position: absolute;
  background: #febc11;
  height: 5px;
  content: '';
  width: 55%;
  top: 35px;
	left: 0;
    margin-left: 15px;
  border-radius: 0 0 4px 0;
}


.vc_custom_1573444301036:after{
	position: absolute;
  background: #febc11;
  height: 5px;
  content: '';
 width: 55%;
    top: 35px;
	left: 0;
    margin-left: 5px;
  border-radius: 0 0 4px 0;
}



/* YOFIMA Overview and Role boxes 
.vc_custom_1573528059427:after {
  position: absolute;
  background: #313134;
  height: 5px;
  content: '';
  width: 55%;
  top: 35px;
	left: 0;
    margin-left: 15px;
  border-radius: 0 0 4px 0;
}
*/

.vc_custom_1573444257409:after{
	position: absolute;
  background: #313134;
  height: 5px;
  content: '';
 width: 55%;
    top: 35px;
	left: 0;
    margin-left: 5px;
  border-radius: 0 0 4px 0;
}


/* TPJ Overview and Role boxes */
.vc_custom_1574391207530:after {
  position: absolute;
  background: #5abce0;
  height: 5px;
  content: '';
  width: 55%;
  top: 35px;
	left: 0;
    margin-left: 15px;
  border-radius: 0 0 4px 0;
}


.vc_custom_1574391219187:after{
	position: absolute;
  background: #5abce0;
  height: 5px;
  content: '';
 width: 55%;
    top: 35px;
	left: 0;
    margin-left: 5px;
  border-radius: 0 0 4px 0;
}


/*KidsMaps top border */
.vc_custom_1572404728134:after {
  position: absolute;
  background: #8b38a5;
  height: 4px;
  content: '';
  width: 190px;
  top: -10px;
  left: 0;
  border-radius: 0 0 4px 0;
	z-index:9999;
}

/*Permanente top border */
.vc_custom_1574395928165:after {
  position: absolute;
  background: #0076a8;
  height: 5px;
  content: '';
  width: 190px;
  top: 0;
  left: 0;
  border-radius: 0 0 4px 0;
	z-index:9999;
}

/*Puddletown top border */
.vc_custom_1572405624604:after {
  position: absolute;
  background: #f9be00;
  height: 4px;
  content: '';
  width: 190px;
  top: 0;
  left: 0;
  border-radius: 0 0 4px 0;
	z-index:9999;
}

/*MODI top border */
.vc_custom_1574288142424:after {
  position: absolute;
  background: #7bcad6;
  height: 5px;
  content: '';
  width: 60%;
  top: 0px;
  left: 0;
  border-radius: 0 0 4px 0;
}


/*YOFIMA top border */
.vc_custom_1691607434286:after {
  position: absolute;
  background: #da3e3e;
  height: 5px;
  content: '';
  width: 60%;
  top: 0;
  left: 0;
  border-radius: 0 0 4px 0;
}


/*Wellness top border */
.vc_custom_1691710860439:after{
  position: absolute;
  background: #006ad7;
  height: 5px;
  content: '';
  width: 60%;
  top: 0;
  left: 0;
  border-radius: 0 0 4px 0;
}

/*IA top border */
.vc_custom_1691710986021:after{
  position: absolute;
  background: #6945dd;
  height: 5px;
  content: '';
  width: 60%;
  top: 0;
  left: 0;
  border-radius: 0 0 4px 0;
}

/*Design Handoff top border */
.vc_custom_1691711141384:after{
  position: absolute;
  background: #fa854b;
  height: 5px;
  content: '';
  width: 60%;
  top: 0;
  left: 0;
  border-radius: 0 0 4px 0;
}



.arrow-icon {
text-align: right !important;
	padding-right: 30px;
}


.vc_gitem-animated-block:hover {
	box-shadow: 0 15px 30px 0 rgba(59, 66, 78, 0.03), 0 15px 50px 0 rgba(59, 66, 78, 0.08);
	transform: translateY(-10px);
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	border-radius: 0 0 30px 0;
}

#back-to-top-fixed {
    background-color: #133c61;
}

#back-to-top-fixed:hover {
    background-color: #239679;
}


.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner:hover {
  -webkit-filter: brightness(115%); /* Safari 6.0 - 9.0 */
  filter: brightness(115%);
}

#page-content {
    padding-bottom: 0;
}

.entry {
    padding: 0;
}

#home-page-content::before, #page-content::before, #footer-bg::before {
    background: none;
}
/*-----------------------------------------phone--------------------------------------------------------------------------*/
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
 
	  
	  #top-wrapper {
    padding-bottom: 0;
	  }	  
		 

	#logo h1 a {
	background-position: left !important;
    margin-top: -20px;
	  }	  


	.welcome-text h1{
	font-size: 1.8em;
	margin-top: 0;
	font-weight: 700;
}
	.welcome-text p{
	font-size: 1.2em;
	margin-top: 0;
	}
	  
  

	  
.overview-box, .rounded-corner-contatiner {
    height: auto;
	margin-bottom: 0 !important;

}

.vc_custom_1570576618744, .vc_custom_1570576613925 {
    padding-right: 4px !important;
	padding-left: 6px !important;
	  }

/* Yofima overview box top border */
.vc_custom_1573528059427:after {
	left: -9px;
	width: 70%;
}
	  
.vc_custom_1573444257409:after{
	left: 1px;
	width: 70%;
	top: 35px !important;
}
/* Yofima overview box top border */

/* MODI overview box top border */
.vc_custom_1573444290980:after {
	left: -9px;
	width: 70%;
}
	  
.vc_custom_1573444301036:after{
	left: 1px;
	width: 70%;
	top: 35px !important;
}
/* MODI overview box top border */

.vc_gitem-zone {
		height: 620px !important;  
	  }

 
.heading-interior h2 {
	font-size: 2.5em;
	position: relative;
	left: -10px;
}
	 
.heading-interior h4 {
	position: relative;
	left: -10px;
}
	  
.mean-container .mean-bar {
		display:none;	  
	  }

.vc_custom_1569971645596 {
    margin-top: 100px !important;
	  }
	  
#home-page-content #content-container {
    padding:  0;
	  }

	  
#top-wrapper {
    background: none;
	  }
	  
body {
    background-color: #ffffff;
	  }
	  
.challenge-wrapper-modi {
	height: 800px;
}
	  
.challenge-wrapper-wellness {
	height: 700px;
}
	  
.challenge-wrapper-ia {
	height: 820px;
}
	  
.challenge-wrapper-tpj, .challenge-wrapper-design {
	height: 840px;
	
}
	  

.challenge-wrapper-yofima {
	height: 880px;
	
}
	  
.challenge-image-yofima img {
    width: 80%;
    height: auto;
	left: 30px;
}
	  
.yofima-the-process-wrapper, .tpj-the-process-wrapper {
	padding-top: 120px;	  
}

.ia-the-process-wrapper {
	padding-top: 40px;	  
}

	  
.yofima-sitemaps-wrapper {
	position:relative;
	top:-80px;
	  } 

	  
.yofima-user-flow-wrapper, .yofima-availability-wrapper, .modi-navigation-wrapper, .modi-dash-wrapper, .modi-fulfillment-dash-wrapper, .tpj-admin-wireframes-wrapper, .reverse-order {
	  display: flex; 
	flex-flow: column-reverse;
}
	  
	  .tpj-admin-wireframes-wrapper {
		  height: auto; 
	  }	  
	  
.vc_custom_1573623873577 {
	position: relative;
	top: -50px;
	  }
	  
	  .yofima-user-flow-img {
	position: relative;
	top: -50px; 
	  }
	  
  
	  .modi-dash-wireframe-text {
	      position: relative;
    top: 15px;
	  }
	  
	   	  .modi-dash-wireframe {
		  position: relative;
		  top: 50px;
	  }	
	  
	  .modi-dash-img {
		  position: relative;
		  top: 0;
	  }	
	 
	  .modi-navigation-img img{
		  width: 100%;
	  }
	  
	  .modi-dash-wrapper {
    height: auto;
	  }
	  
	  .modi-dash-img img {
    width: 100%;
}
	  
.modi-fulfillment-needs-text {
		 position: relative;
		  top: 60px; 
	  }
	  
	  .modi-fulfillment-wireframes {
		  	 position: relative;
		  top: 80px; 
	  }
	  
.vc_custom_1573679254452 {
    padding-left: 0 !important;
	  }
	  
	  .modi-fulfillment-dash-img {
		  position: relative;
		  top: 0; 
	  }
	  
	  .yofima-availability-img {
		  position: relative;
		  top: 80px;
	  }	  
	  
.vc_custom_1573527522564 {
    padding-top: 0 !important;
	margin-bottom: 10px !important;
}	
	  
	  .styleguide-empty-space {
		  display: none;
	  }
	 
	  
}


/*-----------------------------------------tablet small--------------------------------------------------------------------------*/


@media only screen 
  and (min-device-width: 768px) 
	and (max-device-width: 1824px) 
	and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio: 2)
{
		
	
	.welcome-text h1{
	font-size: 1.8em;
	margin-top: 0;
}
	.welcome-text p{
	font-size: 1.2em;
	margin-top: 0;
	}

	.welcome-text {
		position: relative;
		top: 20px;
	}
	
	#logo h1 a {
	background-size: 80%;
		top: 5%;
	}	


	.vc_custom_1573528590509 {
    padding-right: 0 !important;
	}
	
	.vc_custom_1573528595054 {
    padding-left: 0 !important;
	}
	
	.vc_custom_1570653365857 {
		position: relative;
		top: -30px !important;
	}
	
	.vc_custom_1569971639381 {
    margin-top: 80px !important;
	}
	
	
	.vc_gitem-zone {
		height: 600px !important;  
	  }

	
	.vc_col-sm-12 .wellness-project-grid .vc_gitem-col .vc_gitem-col-align- .vc_custom_1691710860439 {
		padding: .5em !important;
	}
	
	}

@media only screen 
  and (min-device-width: 768px) 
	and (max-device-width: 1824px) 
	and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 2)
{
		#logo h1 a {
	background-size: 80%;
		top: 0;
	}
	
}

/*

@media only screen 
  and (min-device-width: 1024px) 
	and (max-device-width: 1112px) 
  and (-webkit-min-device-pixel-ratio: 2)

{

	
	#main-content .main-content-padding {
    padding: 0 60px 0 60px;
}
	
		#logo h1 a {
	background-size: 80%;
		top: 0;
	}
	 
	 	.welcome-text h1{
	font-size: 1.8em;
	margin-top: 0;
}

	
	.vc_gitem-zone {
		height: 700px !important;  
	  }

	
	.vc_col-sm-12 .wellness-project-grid .vc_gitem-col .vc_gitem-col-align- .vc_custom_1691710860439 {
		padding: .5em !important;
	}

}
*/