/*

Theme Name: The Design People

Theme URI: http://www.thedesignpeople.com

Description: AIOS mobile semi-custom theme.

Author: AgentImage

Author URI: http://www.agentimage.com

Version: 1.2.5

Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post

License: Proprietary

License URI: http://www.agentimage.com

Template: aios-starter-theme

CSS By: Manuel Parejas

*/



/*



TABLE OF CONTENTS



1. Custom CSS

2.	IP styles

3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css



*/



/*******************************************************

 *

 * 1. Custom CSS

 *

 *******************************************************/



/* Global */



::selection {

    background: #009abc;

	color: #fff;

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: inherit;

}

::-moz-placeholder { /* Firefox 19+ */

  color: inherit;

}

:-ms-input-placeholder { /* IE 10+ */

  color: inherit;

}

:-moz-placeholder { /* Firefox 18- */

  color: inherit;

}





 /* Placeholder effect */

[placeholder]:focus::-webkit-input-placeholder {

	transition: all 0.2s linear;

	transform: translate(10px, 0);

	opacity: 0;

	color:inherit;

}



input[type=text]:focus::-webkit-input-placeholder {

	color:inherit;

}



textarea {

	overflow-x:hidden;

}







html {

  box-sizing: border-box;

}



*, *:before, *:after {

  box-sizing: inherit;

}





a, a:visited, a:link, a:active {

	color:inherit;

	text-decoration: none;

}



a:hover {

	color:inherit;

}



p {

	line-height:1.23;

	margin-bottom:22px;

}



a{

	outline: none;

}

/* Globals */



body{

	background: #fff;

	color:#666666;

	font: 400 16px/20px 'Open Sans', sans-serif;

	text-size-adjust:none;

	-webkit-text-size-adjust:none;

}





.section-button-holder {

	position: relative;

	text-align: center;

}



/* Section Header */

.section-header {

	position: relative;

	text-align: center;

	margin-bottom: 30px;



}



	.section-header h3 {

		display: block;

		font-size: 50px;

		font-family: 'Open Sans', sans-serif;

		color: #009abc;

		line-height: 45px;

		padding: 17px 0 10px;

		font-weight: 600;

	}



	.section-header span {

		color: #666666;

		font-size: 19px;

		display: block;

		padding-bottom: 15px;

	}





/* Responsive Sprite */

/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */



.tdp-icon-online-stores,

.tdp-icon-internet-marketing,

.tdp-icon-free-consultation,

.tdp-icon-web-outsourcing,

.tdp-icon-brochure-sites,

.tdp-icon-real-estate-websites {

	max-width: 100%;

	background-size: 100%;

	background-image: url('images/icons/resp-sprite.png');

}



.tdp-icon-online-stores {

	background-position: 0 0%;

	background-size: 100%;

}

.tdp-icon-internet-marketing {

	background-position: 0 16.934046%;

	background-size: 106.363636%;

}

.tdp-icon-free-consultation {

	background-position: 0 37.197232%;

	background-size: 114.705882%; }

.tdp-icon-web-outsourcing {

	background-position: 0 54.545455%;

	background-size: 119.387755%;

}

.tdp-icon-brochure-sites {

	background-position: 0 74.954955%;

	background-size: 139.285714%;

}

.tdp-icon-real-estate-websites {

	background-position: 0 100%;

	background-size: 162.5%;

}







/***  Start of Custom CSS  ***/



/* Header */

#headerwrapper {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 10;

	color: #fff;



	opacity: 1;

}



body.home #headerwrapper  {



	/* opacity: 0; */

}



	.logo {

		position: relative;

		padding: 33px 0 24px 0;

	}



		.logo a {

			text-decoration: none;

		}



		/* .logo img,

		.logo span {

			display: inline-block;

			vertical-align: bottom;

		} */



		.logo img {

			width: 100%;

			max-width: 272px;

			height: auto;

		}



		.logo span {

			font-family: 'Open Sans', sans-serif;

			font-size: 17px;

			line-height: 24px;

			line-height: 32px;

			margin-left: 10px;

			vertical-align: bottom;

		}

		.logo span.tdp-logo {

			font-size: 39px;

			margin-left: 0;

		}



	.header-widget-right {

		position: relative;

		text-align: right;

		padding: 24px 0 0 0;

	}



		.header-contact {

			font-family: 'Open Sans', sans-serif;

			font-size: 22px;

			letter-spacing: 1px;

		}

			.header-contact strong{

				display: inline-block;

				vertical-align: bottom;

				font-weight: normal;

				padding: 8px 4px 0;

			}

			.header-contact .sale-bttn{

				display: inline-block;

				vertical-align: top;

				width: 195px;

				height: 36px;

				-webkit-border-radius: 18px;

				-moz-border-radius: 18px;

				border-radius: 18px;

				background-color: #8ec641;

				padding: 7px 0 8px 42px;

				position: relative;

				font-size: 21px;

				letter-spacing: 0;

				text-align: left;



			}

				.header-contact .sale-bttn span {

				    font-size: 19px;

				    position: absolute;

				    left: 18px;

				    top: 8px;

				}

	/* Navigation */

	#headerwrapper nav {

		position: relative;

	}



		#navi {

			margin: 0;

			padding: 0;

			list-style: none;

			font-size: 0;

			position: relative;

			text-align: center;

		}



			#navi > li {

				display: inline-block;

				position: relative;

				margin-left: 15px;

			    min-width: 215px;

		        padding-bottom: 5px;

			}



			#navi > li:first-child {

				margin-left: 0;

			}



				#navi > li > a {

					position: relative;

					z-index: 55;

					display: block;

				    font-size: 16px;

					font-family: 'Open Sans', sans-serif;

					color: #fff;

					text-decoration: none;



					font-weight: 400;

					/* padding: 11px 10px; */

					padding: 11px 62px;

					width: 100%;

					box-sizing: border-box;



					background: transparent;

					-webkit-border-radius: 23px 24px 24px 23px/23px 23px 24px 24px;

					-moz-border-radius: 23px 24px 24px 23px/23px 23px 24px 24px;

					border-radius: 23px 24px 24px 23px/23px 23px 24px 24px;

					transition: all .25s ease-in-out;

					-moz-transition: all .25s ease-in-out;

					-webkit-transition: all .25s ease-in-out;

				    font-weight: 700;



					/* background-color: rgba(255,255,255,.2);

					border: 1px solid #fff;

					text-shadow: 1px 1px 1px rgba(0,0,0,.24); */



					background: #009abc;

					border: 1px solid #009abc;

					text-shadow: none;



				}

/*					#navi > li.menu-item-has-children > a:after{

						display: block;

						content: "";

						width: 22px;

						height: 23px;

						position: absolute;

						left: -2px;

						bottom: -5px;

						background: url(images/dropdown-left.png) no-repeat 0 0 transparent;

						opacity: 0;

						transition: all .20s ease-in-out;

						-webkit-transition: all .20s ease-in-out;

						-moz-transition: all .20s ease-in-out;

					}

						#navi > li.menu-item-has-children:hover > a:after{

							opacity: 1;

							bottom: -1px;

						}

					#navi > li.menu-item-has-children > a:before{

						display: block;

						content: "";

						width: 22px;

						height: 23px;

						position: absolute;

						right: -2px;

						bottom: -5px;

						background: url(images/dropdown-right.png) no-repeat 0 0 transparent;

						opacity: 0;

						transition: all .20s ease-in-out;

						-webkit-transition: all .20s ease-in-out;

						-moz-transition: all .20s ease-in-out;

					}

						#navi > li.menu-item-has-children:hover > a:before{

							opacity: 1;

							bottom: -1px;

						}

*/					#navi > li:hover > a {

						/* background: #009abc;

						border-color: #009abc;

						text-shadow: none; */



						background-color: rgba(255,255,255,.2);

						border: 1px solid #fff;

						text-shadow: 1px 1px 1px rgba(0,0,0,.24);

					}



					#navi > li > a > span {

						display: inline-block;

						vertical-align: middle;

					}



					#navi > li > a > span.dp {

					}



					#navi > li > a > em {

						font-style: normal;

					}



				#navi > li > ul {

					display: none;

					position: absolute;

					left: -1px;

					padding-top: 7px;

					padding-bottom: 15px;

					padding-bottom: 9px;

					top: 48px;

					width: 100.2%;

					z-index: 50;

					background: #ffdf73;

/*					-webkit-border-bottom-right-radius: 25px;

					-webkit-border-bottom-left-radius: 25px;

					-moz-border-radius-bottomright: 25px;

					-moz-border-radius-bottomleft: 25px;

					border-bottom-right-radius: 25px;

					border-bottom-left-radius: 25px;

*/					background-color: #fff;

					border-radius: 25px;



				}



					#navi li ul li {

						display: block;

						margin: 0;

						padding: 0;

					}



						#navi li ul li a {

							font-size: 16px;

							font-weight: bold;

/*							color: #fff;

							text-shadow: 1px 1px 1px rgba(0,0,0,.36);

*/						    color: #666666;

							display: block;

							padding: 7px 0;

							border-top: 1px solid #fff;

						}

							#navi li ul li a:hover{

								color: #009abc

							}

							#navi li ul li:first-child a {

								border-top: none;

							}



						#navi li ul li:hover > a {

						

						}



					#navi li ul li ul {



					}





			/** DISPLA NONE Contact Us **/



			#navi li.menu-item-996,

			#fix-nav li.menu-item-996{

				display: none;

			}

/* Fixed Header */

.fixed-header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	display: block;

	background: rgba(255,255,255,1);

	color: #333333;



	/* opacity: 0; */

	top: -100px;



	-webkit-box-shadow: 4px 3px 5px rgba(0,0,0,.11);

	-moz-box-shadow: 4px 3px 5px rgba(0,0,0,.11);

	box-shadow: 4px 3px 5px rgba(0,0,0,.11);

}



	.fixed-header .logo {

		padding: 3px 0;

	}



		.fixed-header .logo img {

			display: block;

			width: 100%;

			height: auto;

			max-width: 52px;

		}



		.fixed-header .logo span{

			color: #707171;

			display: block;

			font-size: 43px;

			padding: 12px 0;

		}

	.fixed-header .mobile-nav-trigger {

		display: none;

	}



	.fixed-header .mobile-nav {

	 	display: none;

	}



	.fixed-header nav {

       padding: 18px 0px 18px 20px;

	}



		#fix-nav {

			position: relative;

			text-align: left;

			margin: 0;

			padding: 0;

			list-style: none;

			font-size: 0;

		}



			#fix-nav li {

				display: inline-block;

				padding: 0 17px 0 0;

				padding: 0 8% 0 0;

				position: relative;

			}



				#fix-nav li a {

				    font-size: 17px;

					font-family: 'Open Sans', sans-serif;

					text-decoration: none!important;

					transition: all .25s ease-in-out;

					-webkit-transition: all .25s ease-in-out;

					-moz-transition: all .25s ease-in-out;

				}



				#fix-nav li:hover > a {

					color: rgba(247,88,69,.89);

				}



				#fix-nav li a span {

					display: inline-block;

					vertical-align: middle;

				}



				#fix-nav li a em {

					font-style: normal;

				}



				#fix-nav li a span.dp {

				    width: 11px;

				    height: 6px;

				    background: url(images/dip2.png) center center no-repeat;

				    margin-left: 8px;

				}



				#fix-nav li ul {

					display: none;

					position: absolute;

					left: 0;

					width: 100%;

					padding-top: 23px;

					margin-left: -15px;

				}



					#fix-nav li ul li {

						display: block;

						padding: 0;

					}



						#fix-nav li ul li a {

							display: block;

							font-size: 15px;

							line-height: 17px;

						    padding: 13px 11px;

							background: rgba(255,255,255,.9);

							margin-bottom: 1px;

						}



						#fix-nav li ul li:hover > a {

							background: rgba(247,88,69,.89);

							color: #fff;

						}



						#fix-nav li ul li ul {

							margin: 0;

							left: 100%;

							top: 0;

							padding: 0 0 0 1px;

						}



	.fx-head-contact{

	    margin-left: -9%;

	}

	.fixed-header .header-contact {

		font-size: 20px;

		text-align: center;

		padding:12px 0;

	}

		.fixed-header .header-contact span{

			display: block;

			color: #fff;

			-webkit-border-radius: 18px;

			-moz-border-radius: 18px;

			border-radius: 18px;

			background-color: #8ec641;

		    padding: 9px 0;

			max-width: 170px;

			width: 100%;

			margin: 0 auto;

		}

/* Mobile Header */

#mobile-header{

	display: none;

	position: fixed;

	top: 0;

	right: 0;

	left: 0;

	z-index: 1000;



	background: #FFF;

	box-shadow: 0 0 5px 5px rgba( 0, 0, 0, 0.2 );

	padding-top: 15px;

	padding-bottom: 15px;

}

	#mobile-header .row{

		position: relative;

	}

	#mobile-header .mhr-burger{

		display: block;

		width: 36px;

		position: absolute;

		top: 50%;

		left: 30px;

		margin-top: -12.5px;

		padding: 10px 0;

		cursor: pointer;

	}

	#mobile-header .mhr-burger .mhr-center{

		display: block;

		background: #777;

		width: 100%;

		height: 3px;

		transition: all 0.1s linear;

	}

	#mobile-header .mhr-burger:before,

	#mobile-header .mhr-burger:after{

		content: '';

		display: inline-block;

		background: #777;

		position: absolute;

		width: 100%;

		height: 3px;

		transition: all 0.1s linear;

	}

	#mobile-header .mhr-burger:before{

		top: 0;

	}

	#mobile-header .mhr-burger:after{

		bottom: 0;

	}

	#mobile-header .mhr-burger.mhr-burger-active:before {

		transform: translateY(10px) rotate(135deg);

		-moz-transform: translateY(10px) rotate(135deg);

		-webkit-transform: translateY(10px) rotate(135deg);

		border-radius: 10px;

	}



	#mobile-header .mhr-burger.mhr-burger-active:after {

		transform: translateY(-10px) rotate(-135deg);

		-moz-transform: translateY(-10px) rotate(-135deg);

		-webkit-transform: translateY(-10px) rotate(-135deg);

		border-radius: 10px;

	}



	#mobile-header  .mhr-burger.mhr-burger-active .mhr-center {

		-moz-transform: scale(0);

		-webkit-transform: scale(0);

		transform: scale(0);

	}

	#mobile-header .hd-logo-font{

		font-size: 52px;

		color: #009bbb;

	}

	#mobile-header .mhr-call{

		border-radius: 50%;

		display: inline-block;

		background: #8ec641;

		color: #fff;

		width: 40px;

		height: 40px;

		position: absolute;

		top: 50%;

		right: 30px;

		margin-top: -20px;



		text-align: center;

	}

		#mobile-header .mhr-call a {

			font-size: 0;

		}

	#mobile-header .mhr-call span{

		font-size: 18px;

		line-height: 40px;

	}

	#mobile-header .nav-mobile{

		display: none;

		background: #FFF;

		padding: 15px 0;

	}

	#mobile-header .nav-mobile ul{

		margin: 0;

		padding: 0;

		list-style: none;

	}

	#mobile-header .nav-mobile ul li{

		display: block;

	}

	#mobile-header .nav-mobile ul li a{

		display: block;

		padding: 8px 15px;

		border-bottom: 1px solid #e8e8e8;

		font-weight: 600;

		font-size: 1em;

		color: #009bba;

	}





	#mobile-header .nav-mobile ul li.menu-item-has-children > a{

		font-weight: 600;

		color: #009bba;

	}

	#mobile-header .nav-mobile ul li.menu-item-has-children li a{

		font-weight: normal;

		color: #666;

	}

	#mobile-header .nav-mobile ul ul li.menu-item-has-children li a{

		color: #fb7a03;

	}

	#mobile-header .nav-mobile ul ul li a{

		padding: 8px 35px;

	}

	#mobile-header .nav-mobile ul ul ul li a{

		padding: 8px 55px;

	}

		#mobile-header .nav-mobile ul ul ul li:hover a,

		#mobile-header .nav-mobile ul ul li:hover a,

		#mobile-header .nav-mobile ul li:hover a{

		    color: #009bba;

		}



	.mobile-logo {

		font-size: 33px;

		text-align: center;

	}

/* Section 1 */

#section-1 {

	position: relative;

	overflow: hidden;

}



	#section-1 .scover {

		z-index: 500;

		position: absolute;

		left: 0;

		width: 100%;

		box-sizing: border-box;

		background: #fff;

		height: 50%;

		display: block;

		content: '';



		display: none;



		/* transition: all .7s ease-in-out;

		-webkit-transition: all .7s ease-in-out;

		-moz-transition: all .7s ease-in-out; */



		-webkit-transition: height 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

		   -moz-transition: height 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

		     -o-transition: height 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

		        transition: height 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */



		-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);

		   -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);

		     -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);

		        transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */



		        transition-delay: .7s;

	}



	#section-1 .scover-top {

		top: 0;

		/* border-bottom: 1px solid #ccc; */

	}



		#section-1 .scover-top:before,

		#section-1 .scover-bottom:before {

			position: absolute;

			display: block;

			content: '';

			width: 100%;

			height: 1px;

			left: 0;

			background: #ccc;



			transition: all .7s ease-in-out;

			-webkit-transition: all .7s ease-in-out;

			-moz-transition: all .7s ease-in-out;





			display: none;

		}



		#section-1 .scover-top:before {

			bottom: 1px;

		}

		#section-1 .scover-bottom:before {

			top: -0.5px;

		}



		#section-1 .scover-top:after {

			position: absolute;

			display: block;

			content: '';

			width: 0%;

			height: 1px;

			bottom: 0;

			left: 0;

			background: #41adc9;



			transition: all .7s ease-in-out;

			-webkit-transition: all .7s ease-in-out;

			-moz-transition: all .7s ease-in-out;

		}



	#section-1 .scover-bottom {

		bottom: 0;

	}



		#section-1.unfold .scover-top:after {

			width: 100%;

		}





	#section-1.unfold .scover{

		height: 0;

	}









	/* Slideshow */

	#hero {

		position: relative;

		z-index: 1;

		overflow: hidden;

	    background: #009abc;

	}

		#hero:after{

			display: block;

			width: 100%;

			height: 100%;

			background: url(images/slideshow-overlay.png) repeat-x 0 0 transparent;

			position: absolute;

			left: 0;

			top: 0;

			z-index: 1;

			content: ""

		}

		#hero .slideshow{

			width: 100%;

			height: auto;

			position: relative;

		}

			#hero .slideshow canvas{

				background-size: cover;

				display: block;

				width: 100%;

				height: 620px;

				background-repeat: no-repeat;

				background-position: center center

			}



	#section-1 .section-1-content-holder {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		box-sizing: border-box;

		padding-top: 139px;

		z-index: 3;

	}



	.slideshow-list{

		position: absolute;

	}



	.section-1-content-holder .center-element {

		position: relative;

		font-size: 0;

		text-align: center;

		width: 100%;

		height: 100%;

	}



	.section-1-content-holder .center-element:before {

		display: inline-block;

		vertical-align: middle;

		width: 0;

		height: 100%;

		content: '';

	}



	.slide-overlay-left {

	  	width: 100%;

	    text-align: left;

	    display: inline-block;

	    vertical-align: middle;

	    font-size: 15px;

	    padding-top: 60px;

	    position: relative;

	}

		.slide-tag {

			outline: none;

			display: block;

			position: absolute;

		}



		.slide-tag .slide-tagline-header {

			display: block;

			position: relative;

			font-family: 'Open Sans', sans-serif;

			color: #fff;

			text-shadow: 1px 1px 1px rgba(0,0,0,.24);

		}





			.slide-tag .slide-tagline-header span {

				display: block;

				font-size: 63px;

				line-height: 71px;



				position: relative;

				/* top: -100px;

				opacity: 0;  */

			}



			.slide-tag .slide-tagline-header strong {

				display: block;

				font-size: 75px;

				line-height: 75px;

				position: relative;

				/* left: -100px;

				opacity: 0; */

				font-weight: 600;

			}



			.slide-tag p {

			    display: block;

			    font: 400 29px/33px 'Open Sans', sans-serif;

			    font: 400 34px/40px 'Open Sans', sans-serif;

			    text-shadow: 1px 1px 1px rgba(0,0,0,.24);

			    color: #fff;

			    margin-top: 15px;

			    max-width: 510px;

			    position: relative;

			}

		.slide-overlay-left .slick-dots{

			position: absolute;

		    bottom: 0;

		    padding-bottom: 0;

		}

			.slick-dots{

				text-align: center;

				padding-bottom: 20px;

			}

			.slick-dots li{

				display: inline-block;

				vertical-align: top;

			}

				.slick-dots button{

					display: inline-block;

					margin: 0 3px;

					width: 12px;

					height: 12px;

					border-radius: 6px;

					background: #fff;

					vertical-align: top;

					font-size: 0;

					line-height: 0;

					-webkit-box-shadow: 1px 1px 2px 0px #333333;

					box-shadow: 1px 1px 2px 0px #333333;

					border: none;

					vertical-align: top;

					outline: none;

				}

					.slick-dots li.slick-active button{

						background-color: #009abc;

					}



	.slide-overlay-right {

		position: relative;

		text-align: left;

		display: inline-block;

		vertical-align: middle;

		width: 100%;

		font-size: 15px;

	    padding-top: 60px;

	}



		.slide-overlay-right .fsSubmit input.fsSubmitButton {

		    max-width: 230px!important;

		}



		.slide-form {

			position: relative;

			opacity: 0;

			bottom: -100px;

		}



			.slide-form h3 {

				display: block;

			    background: rgb(0, 126, 154);

				font-family: 'Open Sans', sans-serif;

				font-size: 22px;

				text-align: center;

				color: #fff;

				padding: 15px 10px;

			}



			.slide-form .slide-form-holder {

				position: relative;

				background: rgba(255,255,255,.89);

				padding: 20px 17px 19px;

			}



			.slide-form input[type="text"],

			.slide-form input[type="email"],

			.slide-form input[type="tel"],

			.slide-form textarea {

				border: 1px solid #bfcbce;

				height: 41px;

				width: 100%;



				padding: 12px 14px;



				margin: 0 0 11px 0;

				outline-color: #02c8a7;



				-webkit-border-radius: 2px;

				-moz-border-radius: 2px;

				border-radius: 2px;



				color: #666666;

				font-size: 15px;

				line-height: 17px;

			 font-family: 'Open Sans', sans-serif;





				background: transparent;



				box-sizing: border-box;

				appearance:none;

				-webkit-appearance:none;

				-moz-appearance:none;

			}



			.slide-form textarea {

				height: 75px;

				resize: none;

				margin-bottom: 0;

			}





			.slide-form input[type="submit"] {

				position: relative;

				display: block;

				max-width: 125px;

				width: 100%;

				height: 46PX;

				margin: 0 auto;

				-webkit-border-radius: 23px;

				-moz-border-radius: 23px;

				border-radius: 23px;

				background-color: #8ec641;

				border: none;

				outline: none;

				color: #fff;

				font-size: 15px;

				font-family: 'Open Sans', sans-serif;

				font-weight: 700;

				text-transform: uppercase;

				transition: all .25s ease-in-out;

				-webkit-transition: all .25s ease-in-out;

				-moz-transition: all .25s ease-in-out;

			}



			.slide-form input[type="submit"]:hover {

				background: #009abc;

			}



			.slide-form input[type="submit"]:active {

				top: 2px;

			}





			/* form Stack overwrite */

			.slide-form .fsBody {

			    margin: 0!important;

			    padding: 0!important;

			    background: none!important;

			}



			.slide-form .fsSectionHeader {

			    display: none!important;

			}



			.slide-form .fsFieldRow .fsFieldCell.fsSpan50 {

			   /*  width: 46%; */

			    width: 49.8%!important;

			    margin: 0!important;

			    margin-left: .4%!important;

			    background: none!important;

			}



			.slide-form .fsFieldRow .fsFieldCell:nth-child(1) {

				margin-left: 0!important

			}



			.slide-form .fsBody .fsForm {

			    margin: 0!important;

			    padding: 0!important;

			    background: none!important;

			}



			.slide-form .fsBody .fsFieldRow,

			.slide-form .fsBody .fsRowBody {

			    margin-bottom: 5px!important;

			}



			.slide-form .wf-active .fsBody,

			.slide-form .wf-active .fsBody input {

				font-family: inherit!important;



			}



			.slide-form .fsForm select,

			.slide-form .fsForm textarea,

			.slide-form .fsRowBody input[type=email],

			.slide-form .fsRowBody input[type=number],

			.slide-form .fsRowBody input[type=tel],

			.slide-form .fsRowBody input[type=text] {

				color: #666666!important;

				padding: 12px 14px!important;

			    font-size: inherit!important;

			   font-family: 'Open Sans', sans-serif;



			    background: none!important;

			    border-radius: 3px!important;

			    outline-color: #02c8a7!important;

			}



			.slide-form .fsForm select,

			.slide-form .fsRowBody input[type=email],

			.slide-form .fsRowBody input[type=number],

			.slide-form .fsRowBody input[type=tel],

			.slide-form .fsRowBody input[type=text] {

				height: 39px!important

			}



			.slide-form textarea {

			    height: 86px!important;

			    resize: none!important;

			}





			.slide-form .fsFieldFocused:not(.fsValidationError).fsSpan100 {

				padding: 0!important;

				margin: 0!important;

			}



			.slide-form  .fsForm .fsSubmit {

			    margin-top: 0!important;

			    padding: 0!important;

			    text-align: left;



			    font-size: 21px;

			    font-weight: 400;

			    font-family: "Open Sans";

			    color: #fff;

			}



				.banner-form-fields .fsForm .fsSubmit span {

				    font-size: 26px;

				    padding-top: 12px;

				    display: block;

				    color: #047a91;

				    font-weight: 700;

				}



				.slide-form .add-details {

				    width: 53%;

				    float: left;

				    box-sizing: border-box;

				    font-size: 21px;

				    font-weight: 400;

				    padding: 16px 22px 16px 0;

				}



			.slide-form input[type="submit"] {



				position: relative!important;

				display: block!important;

				max-width: 125px!important;

				width: 100%!important;

				height: 46PX!important;

				margin: 0 auto;

				-webkit-border-radius: 23px!important;

				-moz-border-radius: 23px!important;

				border-radius: 23px!important;

				background-color: #8ec641!important;

				border: none!important;

				outline: none!important;

				color: #fff!important;

				font-size: 18px!important;

				font-family: 'Open Sans', sans-serif !important;



				transition: all .25s ease-in-out;

				-webkit-transition: all .25s ease-in-out;

				-moz-transition: all .25s ease-in-out;

			}



			.slide-form .fsValidationError {

				background-color: none!important

				-moz-box-shadow: none!important;

				-webkit-box-shadow: none!important;

				box-shadow: none!important;

			}



			.slide-form .fsFirst.fsLast.fsFieldCell {

				background: none;

			}



			.slide-form .fsValidationError input {

				border-color: red!important;

			}



			.slide-form .fsValidationError .fsSignature,

			.slide-form .fsValidationError input[type=email],

			.slide-form .fsValidationError input[type=number],

			.slide-form .fsValidationError input[type=tel],

			.slide-form .fsValidationError input[type=text],

			.slide-form .fsValidationError select, .fsValidationError textarea {

				background: rgba(243,159,159,.8)!important;

			}



/* Section 2 */

#section-2 {

	padding: 50px 0;

	overflow: hidden;

}



	.welcome-message {

		position: relative;

	}



		.welcome-message article {

			display: block;

			margin-bottom: 20px;

			position: relative;



			opacity: 0;

			bottom: -80px;

		}



			/* .welcome-message article .article-1 {

				bottom: -20px;

			} */



			.welcome-message article h3 {

				font: 700 30px 'Open Sans', sans-serif;

			    color: #8ec641;

				margin-bottom: 17px;

			}

				.welcome-message article h3.title-red{

					color: #e60003;

				}

				.welcome-message article h3.title-teal{

					color: #009abc

				}

			.welcome-message article p {

				line-height: 31px;

				font-size: 16px;

				color: #666666;

			}



	.welcome-photo-mobile{

	    display: none;

	    padding-bottom: 60px;

	}

	.device-photo {

		position: relative;

		padding: 62px 0 0 0;

		text-align: center;

		width: 92.77%;

		max-width: 424px;

		margin: 0 auto;

		box-sizing: border-box;

	}



		.device-photo img {

			position: absolute;

			display: block;

			margin: 0 auto;

		}



		.device-photo img.ipad-device {

			position: relative;

			z-index: 1;

			width: 100%;

			height: auto;

			max-width: 424px;



			top: -90px;

			opacity: 0;

		}



		.device-photo img.s7-device {

			z-index: 2;

			top: 64%;

			left: -9%;

			width: 107%;

		    height: auto;

		    max-width: 453px;

			left: 41%;

			opacity: 0;

		}



		.device-photo img.iphone-device {

			z-index: 3;

			top: 46%;

			left: -13%;

			width: 50%;

			height: auto;

			max-width: 184px;



			top: 57%;

			opacity: 0;

		}





/* Section 3 */

#section-3 {

	background: url(images/recent-project-bg.jpg) center center no-repeat;

	min-height: 893px;

	box-sizing: border-box;

	padding: 55px 0 68px;

	color: #fff;

	background-size: cover;

}



	#section-3 .section-header {

		opacity: 0;

		bottom: -40px;

	}



		.recent-projects {

			position: relative;

			font-size: 0;

			text-align: center;

		}

			.recent-projects span{

				display: none;

			}



			.recent-projects a {

				display: inline-block;

				vertical-align: top;

				width: 47%;

				position: relative;

				margin-left: 2.64%;

				margin-bottom: 2.64%;



				transition: box-shadow .25s ease-in-out;

				-webkit-transition: box-shadow .25s ease-in-out;

				-moz-transition: box-shadow .25s ease-in-out;



				overflow: hidden;

				opacity: 0;

				bottom: -100px;

				position: relative;

		        padding: 1% 2.4%;

		        z-index: 1;

			}

				.recent-projects a:after {

				    display: block;

				    width: 100%;

				    height: 100%;

				    background: url(images/ipad-wrap.png) no-repeat 0 0 transparent;

				    position: absolute;

				    left: 0;

				    top: 0;

				    z-index: 10;

				    background-size: 100% 100%;

				    content: "";

				}

				.recent-projects a canvas{

					width: 100%;

					height: auto;

					display: block;

					background-size: cover;

					background-repeat: no-repeat;

					margin-left: 3px;

				}

			.recent-projects a:active {

				top: 5px;

			}



	#section-3 .section-button-holder {

		margin-top: 27px;

		display: none;

	}



		#section-3 .section-button-holder a{

			position: relative;

			bottom: -10px;

			opacity: 0;

		}





#section-4 {

	padding: 31px 0 11px 0;

}



	#section-4 .section-header {

		opacity: 0;

		bottom: -40px;

	}



	.expertise-list {

		position: relative;

		text-align: center;

		font-size: 0;

		margin-top: 56px;

	}



		.expertise-list article {

			display: inline-block;

			vertical-align: top;

			position: relative;

			box-sizing: border-box;

			width: 50%;

			margin-bottom: 41px;

			min-height: 281px;



			opacity: 0;

			bottom: -100px;

		}



			.expertise-list article:after {

				clear: both;

				display: block;

				content: '';

			}



			.expertise-list article .exp-icon {

				width: 21.05%;

				float: left;

				margin-top: 13%;

				font-size: 84px;

				color: #0a7082;

			}

				.expertise-list article .exp-icon span{

					color: #999999;

				}

				.expertise-list article span.tdp-icon-brochure-sites {

				    font-size: 112px;

				}

				.expertise-list article span.tdp-real-website{

				    font-size: 125px;

				}

				.expertise-list article span.tdp-internet-marketing{

			        font-size: 112px;

				}

				.expertise-list article span.tpd-websourcing{

					font-size: 98px;

				}

				.expertise-list article span.tdp-consultation{

					font-size: 104px;

				}



				.expertise-list article span.tdp-font-brochures {

					font-size: 109px;

				}

			.expertise-list article .exp-inf{

				width: 76.14%;

				float: right;

				box-sizing: border-box;

				padding-right: 36px;

				font: 400 16px/31px 'Open Sans', sans-serif;

				color: #666666;

				text-align: left;

				position: relative;

				padding-bottom: 40px;

			}



				.expertise-list article .exp-inf h3{

					font-size: 29px;

					font-family: 'Open Sans', sans-serif;

					color: #333333;

					margin: 0;

					padding: 15px 0;

				}



				.expertise-list article .exp-inf p {

					font: 400 16px/31px 'Open Sans', sans-serif;

				}



				.expertise-list article .exp-inf .exp-btn {

					position: absolute;

					bottom: 0;

					left: 0;

				}



	.services-list {

		position: relative;

		text-align: center;

		font-size: 0;

		padding: 23px 0 15px;

		border-top: 1px solid #969798;

		margin-top: 50px;

	}



		.services-list img {

			display: inline-block;

			vertical-align: middle;

			margin: 0 12px;



			position: relative;

			/* `opacity: 0;

			bottom: -50px; */

		}





/* Footer */

#footerwrapper {

  background: #5a5a5a;

  width: 100%;

  min-height: 373px;

  color: #fff;



}



	.footer-top-area {

		padding: 55px 15px 50px;

	}



		.footer-logo {

			position: relative;

			padding: 70px 0px;

		}

			.footer-logo span {

			    font-size: 49px;

			}

			.footer-logo img {

				max-width: 388px;

				width: 100%;

				height: auto;

			}



		.footer-navs-social {

			position: relative;

			font-size: 18px;

			font-family: 'Open Sans', sans-serif;



		}



			.footer-navs-social:after {

				clear: both;

				content: '';

				display: block;

			}



			.footer-navs-social .footer-nav-list,

			.footer-navs-social .social-media-wrap {

				float: left;

				width: 33.33%;

				box-sizing: border-box;

			}





			.footer-navs-social .footer-nav-list {

				padding-left: 43px;

			}



			.footer-navs-social .footer-nav-list h3,

			.footer-navs-social .social-media-wrap h3 {

				display: block;

				font-size: 22px;

				font-family: 'Open Sans', sans-serif;

				margin-bottom: 20px;

				font-weight: 600;

			}



			.footer-navs-social .footer-nav-list .link-list li {

				display: block;

				padding: 5px 0;

			}

				.footer-navs-social .footer-nav-list .link-list li:hover a{

					color: #8ec641

				}



			.footer-navs-social em {

				font-style: normal;

			}





			.social-media {

				position: relative;

				font-size: 0;

			}



				.social-media a {

					position: relative;

					display: inline-block;

					vertical-align: top;

					width: 32px;

					height: 32px;

					background: #bd081c;

					color: #fff;

					-webkit-border-radius: 50%;

					-moz-border-radius: 50%;

					border-radius: 50%;

					font-size: 21px;

					text-align: center;

					margin-right: 6px;

					text-decoration: none!important;

					transition: all .25s ease-in-out;

					-webkit-transition: all .25s ease-in-out;

					-moz-transition: all .25s ease-in-out;

				}



				.social-media a:before {

					line-height: 31px;

				}



				.social-media a:active {

					top: 5px;

				}



				.social-media a.tdp-font-facebook{

					background: #4d6baa;

				}

					.social-media a.tdp-font-facebook:hover{

						color: #4d6baa;

					}

				.social-media a.tdp-font-twitter{

					background: #4fc6f8;

				}

					.social-media a.tdp-font-twitter:hover{

						color: #4fc6f8;

					}

				.social-media a.tdp-font-google-plus{

					background: #dc4e41;

				}

					.social-media a.tdp-font-google-plus:hover{

						color: #dc4e41;

					}



				.social-media a.tdp-font-linkedin{

					background: #bd081c;

				}

					.social-media a.tdp-font-linkedin:hover{

						color: #bd081c;

					}

				.social-media a.tdp-font-pinterest{

					background: #cd201f;

				}

					.social-media a.tdp-font-pinterest:hover{

						color:#cd201f;

					}

				.social-media a:hover{

					background: #fff;

				}





	.main-footer {

		position: relative;

		padding: 28px 0px;

	    background: #4e4e4e;

	}



		.main-footer .credit-links {

			text-align: right;

		}



			.main-footer .credit-links a {

				display: inline-block;

				vertical-align: middle;

				padding: 0 5px;

			}

			.main-footer .credit-links a:hover{

				color: #8ec641;

			}



/*******************************************************

 *

 * 2. IP Styles

 *

 *******************************************************/



/* Adjust minimum height of page area */

#content-sidebar, #content-full{ margin-top: 70px;}



/** Adjust width of content columns **/



#content-sidebar #content{ width: 70%; }

#content-full #content { width: 100%; }

.sidebar{ width: 26%; float: right; }

#content .archive-thumbnail {

    width: 27%;

    float: none;

    padding-right: 2%;

    display: inline-block;

    vertical-align: top;

}



#content .archive-thumbnail canvas {

    display: block;

    width: 100%;

    height: auto;

    background-size: cover;

    background-position: center center;

}

#content .archive-content {

    width: 100%;

    float: none;

    display: inline-block;

    vertical-align: top;

}

	#content .archive-subtitle{

		margin: 0;

	}



/* Adjust line height of page elements */

#content h4, aside h4,

#content p, aside p,

#content blockquote, aside blockquote,

#content ul, aside ul,

#content fieldset, aside fieldset,

#content form, aside form,

#content ol, aside ol,

#content dl, aside dl,

#content dir, aside dir,

#content menu, aside menu { line-height:1.7 }



/* Style post/page main headings (h1) */

.entry-title {

	font-size:66px;

    font-family: 'Open Sans', sans-serif;

    color: #fff;

  	line-height: 71px;

    padding-top: 60px;

    letter-spacing: 0;

    font-weight: 400;



    text-shadow: 1px 1px 10px rgba(0,0,0,.35);

}



	 .entry-title {

	 	font-weight: 400;

	 	font-size: 63px;

	 	display: block;

	 }



	 .entry-title em {

		font-style: normal;

	 }





	/* .entry-title span{

		font-weight: 400;

		font-size: 24px;

		display: block;

	} */



	/* .entry-title em {

		font-style: normal;

		font-weight: 400;

		font-size: 34px;

		display: block;

		line-height:38px;



	} */



	.entry-title .sub-title,

	.page-title .sub-title {

		font-style: normal;

		font-size: 27px;

		    line-height: 43px;

		color: #fff;

		text-shadow: 1px 1px 8px rgba(0,0,0,.69);

		margin-top: 7px;

		/* margin-top: 15px; */

		letter-spacing: 0px;

	}



/* Style category/archive/etc main headings (h1) */

.archive-title {

	font-size: 75px;

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    line-height: 75px;

    text-shadow: 1px 1px 10px rgba(0,0,0,.35);

    padding-top: 20px;

}



/* Styles for category/archive/search/etc subheadings (h2) */

.archive-subtitle {

	font-size: 28px;

	font-family: 'Open Sans', sans-serif;

	color: #333;

    margin: 0;

    line-height: 25px;

    padding-bottom: 10px;

}





a.archive-more{

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    position: relative;

    color: #fff!important;

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    background: #8ec641;

    padding: 6px 30px;

    min-width: 165px;

    box-sizing: border-box;

    overflow: hidden;

    text-decoration: none!important;

    -webkit-border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

    -moz-border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

    border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

    transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    font-weight: 700;

    text-transform: uppercase;

    font-style: normal !important;

    display: block;

    max-width: 221px;

}





/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */







/* Internet Marketing Page */

.internet-marketing-content {

	/* text-align: center; */

}



#content .internet-marketing-content p {

    line-height: 28px;

}









/* Default CSS for reusable section style */





/* Pagination */

.page-links {

    position: relative;

}



	.page-links * {

	    display: inline-block;

	    vertical-align: middle;

	    border: 1px solid;

	    border-radius: 10px;

	    padding: 2px 11px;

	    color: #9a9a9a!important;

	    text-decoration: none!important;

	}



	.page-links .page-numbers.current {

	    font-weight: bold!important;

	    color: #5a5959!important;

	    border-color: #9a9a9a!important;

	}



/** Button Styles **/



/* Button Teal Green */

.btn-teal {

	text-align: center;

	display: inline-block;

	vertical-align: middle;

	position: relative;

	color: #fff !important;

	font-family: 'Open Sans', sans-serif;

	font-size: 15px;

	background: #009abc;

	padding: 15px 20px;

	box-sizing: border-box;

	min-width: 235px;

	text-decoration: none!important;

	overflow: hidden;

	-webkit-border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

	-moz-border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

	border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

	transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	text-transform: uppercase;

	font-weight: 700;

}



	.btn-teal span {

		position: relative;

		z-index: 5;

	}



	.btn-teal:after {

		height: 0;

	    content: '';

	    width: 100%;

	    background: #8ec641;

	    position: absolute;

	    z-index: 1;

	    bottom: 0;

	    left: 0;





	    transition: all 0.24s ease 0s;

	    -webkit-transition: all 0.24s ease 0s;

	    -moz-transition: all 0.24s ease 0s;

	}



	.btn-teal:hover:after {

		height: 100%;



	}



	.btn-teal:active {

		top: 5px;



	}







/* Button Orange */

.btn-orange {

	text-align: center;

	display: inline-block;

	vertical-align: middle;

	position: relative;

	color: #fff !important;

	font-family: 'Open Sans', sans-serif;

	font-size: 15px;

	background: #ff700f;

	padding: 15px 20px;

	box-sizing: border-box;

	min-width: 235px;

	text-decoration: none!important;

	overflow: hidden;

	-webkit-border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

	-moz-border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

	border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

	transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	text-transform: uppercase;

	font-weight: 700;

	position: relative;

}



	.btn-orange span {

		position: relative;

		z-index: 5;

	}



	.btn-orange:after {

		height: 0;

	    content: '';

	    width: 100%;

	    background: #8ec641;

	    position: absolute;

	    z-index: 1;

	    bottom: 0;

	    left: 0;





	    transition: all 0.24s ease 0s;

	    -webkit-transition: all 0.24s ease 0s;

	    -moz-transition: all 0.24s ease 0s;

	}



	.btn-orange:hover:after {

		height: 100%;



	}



	.btn-orange:active {

		top: 5px;



	}

/* Button Lime */

.btn-lime {

	text-align: center;

	display: inline-block;

	vertical-align: middle;

	position: relative;

	color: #fff!important;

	font-family: 'Open Sans', sans-serif;



	font-size: 15px;

	background: #8ec641;

	padding: 6px 30px;

	min-width: 165px;

	box-sizing: border-box;

	overflow: hidden;



	text-decoration: none!important;



	-webkit-border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

	-moz-border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;

	border-radius: 25px 26px 26px 25px/26px 26px 25px 25px;



	transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

    font-weight: 700;

    text-transform: uppercase;

}



.btn-lime span {

	position: relative;

	z-index: 5;

}



.btn-lime:after {

	height: 0;

    content: '';

    width: 100%;

    background: #009abc;

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 0;



    transition: all 0.24s ease 0s;

    -webkit-transition: all 0.24s ease 0s;

    -moz-transition: all 0.24s ease 0s;

}



.btn-lime:hover:after {

	height: 100%;

}



/* .btn-lime:hover {

	background: #f75845;

} */



/* .btn-lime:active {

	top: 5px;

} */



/** Form Stack Submit **/

.fsSubmit input.fsSubmitButton{

    position: relative!important;

    display: block!important;

    max-width: 125px;

    width: 100%!important;

    height: 46PX!important;

    margin: 0 auto;

    -webkit-border-radius: 23px!important;

    -moz-border-radius: 23px!important;

    border-radius: 23px!important;

    background-color: #8ec641!important;

    border: none!important;

    outline: none!important;

    color: #fff!important;

    font-size: 18px!important;

    font-family: 'Open Sans', sans-serif !important;

    transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

    font-weight: 600;

    text-transform: uppercase;

    -moz-transition: all .25s ease-in-out;

}



/** Form Stack Submit **/

/** Form Stach Validation Error **/

.fsValidationError{

    background-color: transparent !important;

    -moz-box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;

    -webkit-box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;

    box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;

}

	.fsBody .fsValidationError input[type="text"],

	.fsBody .fsValidationError input[type="email"]{

		background: #fae9e9 !important;

		color: #ce5f6d !important;

	}

/** Form Stach Validation Error **/

/** Button Styles **/





/* Content Titles */

.content-blue {

	color: #009abc;

}



.content-title {

	text-align: center;

	font-size: 50px!important;

	line-height: 45px;

	font-weight: 400!important;

}



	.content-title span {

		font-weight: 300;

		font-size: 28px;

		display: block;

	}







/* Product Card */

.product-card {

	position: relative;

}



	.product-card h4 {

		text-align: center;

	    display: block;

	    font-size: 43px;

	    color: #009abc;

	    font-weight: 400!important;

	    line-height: 1.2em!important;

	    margin: 40px 0 25px!important;

	}



	.prod-card-item {

		position: relative;

		display: block;

		border: 1px solid #d9dfe0;

		padding: 20px;

		text-align: center;

	}



		.prod-card-item .prod-card-img {

			display: block;

			position: relative;

		}



			.prod-card-item .prod-card-img img {

				width: 100%;

				display: block;

				max-width: 100%;

			}



		.prod-card-item .prod-card-desc {

			position: relative;

		}



			.prod-card-desc strong.prod-title {

				font-size: 31px;

				font-weight: 300!important;

				color: #333333;

				display: block;



				margin-top: 17px;

				line-height: 35px;

			}



			.prod-card-desc .prod-sub-title {

				font-weight: 600;

				font-size: 16px;

				color: #666666;

			}



			.prod-card-desc button[class^=btn] {

				margin: 10px 0;

				border: none;

				outline: none;

			}







/* Page Titles */

h1.page-title,

h2.page-title,

h3.page-title,

h4.page-title,

#content h1.page-title,

#content h2.page-title,

#content h3.page-title,

#content h4.page-title,

#content .page-title {

	font-size: 50px;

	line-height: 60px;

	font-weight: 400;

	color: #009abc;

	text-align: center;

	text-align: center;

	letter-spacing: -3px;

}



	h1.page-title.no-margin,

	h2.page-title.no-margin,

	h3.page-title.no-margin,

	h4.page-title.no-margin,

	#content h1.page-title.no-margin,

	#content h2.page-title.no-margin,

	#content h3.page-title.no-margin,

	#content h4.page-title.no-margin,

	#content .page-title.no-margin {

		margin: 0;

	}



	h1.page-title.left-align,

	h2.page-title.left-align,

	h3.page-title.left-align,

	h4.page-title.left-align,

	#content h1.page-title.left-align,

	#content h2.page-title.left-align,

	#content h3.page-title.left-align,

	#content h4.page-title.left-align,

	#content .page-title.left-align {

		text-align: left;

	}



/** Banner Styles **/

/* Inner PAge Banner */

.ip-banner {

    position: relative;

    height: auto;

    width: 100%;

    min-height: 387px;

    padding-top: 113px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center top;

    background-image: url(images/ip-banner.jpg);

}

	.ip-banner:after{

		display: block;

		width: 100%;

		height: 100%;

		background: url('images/slideshow-overlay.png') repeat-x 0 0 transparent;

		position: absolute;

		left: 0;

		top: 0;

		z-index: 1;

		content: "";

	}



	/** Set Different banner color overlay **/

	.ip-banner:before{

		display: block;

		width: 100%;

		height: 100%;

		position: absolute;

		left: 0;

		top: 0;

		z-index: 1;

		content: "";

	    background-repeat: no-repeat;

	    background-size: cover;

	    background-position: center center;



	}

		.ip-banner.banner_overlay_orange:before{

			background-image: url(images/banner-overlay-orange.png);

		}



		.ip-banner.banner_overlay_blue:before{

			background-image: url(images/banner-overlay-teal.png);

		}



		.ip-banner.banner_overlay_green:before{

			background-image: url(images/banner-overlay-green.png);

		}

		.ip-banner.banner_overlay_violet:before{

			background-image: url(images/banner-overlay-violet.png);

		}



	/** Set Different banner color overlay **/









		.ip-banner .page-title {

			width: 100%;

			position: relative;

			z-index: 5;

		}





/* Single Post */



.article-main-photo {

    position: relative;

}



	.article-main-photo img {

		width: 100%;

		height: auto;

		display: block;

	}





/* Author Details in Single Post */

.article-author-details {

	position: relative;

	border-top: 1px solid #dad9d8;

	margin-top: 10px;

	padding: 35px 0;

}



	.article-author-details:after {

		clear: both;

		content: '';

		display: block;

	}



	.article-author-details .author-photo {

		position: relative;

		border-radius: 50%;

		-webkit-border-radius: 50%;

		-moz-border-radius: 50%;

		overflow: hidden;

	}



		.article-author-details .author-photo img {

			width: 100%;

			height: auto;

			display: block;



			max-width: 200px;

		    margin: 0 auto;

		    border-radius: 50%;

		    -webkit-border-radius: 50%;

		    -moz-border-radius: 50%;

		}



	.article-author-details .author-details {

		font-size: 12px;

		font-weight: 700;

		color: #434243;

		text-align: center;

		text-transform: uppercase;

		margin-top: 5px;

		display: block;

	}



	.author-bio {

		position: relative;

	}



		.author-bio h3{

			font-weight: 600!important;

			font-size: 30px!important;

			color: #434243;

			text-transform: uppercase;

			margin: 8px 0px!important;

		}



/* Popup */



.tdp-popup {

	position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 10000;

    display: none;

}

	.tdp-popup-overlay {

		position: absolute;

	    top: 0;

	    left: 0;

	    z-index: 1;

	    width: 100%;

	    height: 100%;

	    background: rgba(0, 0, 0, 0.7);

	}



	.tdp-popup-content-absolute {

		position: absolute;

		width: 100%;

		height: 100%;

		overflow-x: hidden;

		overflow-y: scroll;

		z-index: 5;

	}



		.tdp-popup-scrollable {

			width: 57%;

			background-color: #fff;

			height: auto;

			margin: 2% auto;

			padding: 50px 30px 40px;

			position: relative;

			border: 2px solid #8ec641;

			z-index: 2;



			background: #fff url(images/bg_wash_out.jpg) center top no-repeat;

			background-size: 100% auto;

		}



		.tdp-popup-contents {

			position: relative;

		}



			.tdp-popup-close {

				position: absolute;

				top: -24px;

			    left: 95%;

				display: block;

				background: #8ec641;

				width: 45px;

				height: 45px;

				cursor: pointer;

				color: #fff;

				font-size: 19px;

				text-align: center;

				line-height: 45px !important;

			}



/** Contact Us **/



/** back to top **/

.f-back-to-top{

    display: inline-block;

    border-radius: 50px;

    border: solid 1px #FFF;

    max-width: 178px;

    width: 100%;

    padding: 10px 5px;

    margin-top: 15px;

    font-weight: 700 !important;

    font-size: 15px !important;

    color: #FFF;

    text-transform: uppercase;

    text-align: center;

    transition: all 0.3s ease-in;

    display: none;

    clear: both;

    margin: 0 auto;

}

.f-back-to-top:hover {

    background: #fff;

    color: #1789a0;

}





.single-tdp_employee .article-author-details{

	display: none;



}
/*
.position-available > div {

    pointer-events: none;
    
}*/