/** Font loading **/
@font-face {
	font-family: 'NovecentoWide';
	src: url('fonts/NovecentoWideNormal.eot');
	src: local('☺'), url('fonts/NovecentoWideNormal.woff') format('woff'), url('fonts/NovecentoWideNormal.ttf') format('truetype'), url('fonts/NovecentoWideNormal.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'NovecentoWide';
	src: url('fonts/NovecentoWideLight.eot');
	src: local('☺'), url('fonts/NovecentoWideLight.woff') format('woff'), url('fonts/NovecentoWideLight.ttf') format('truetype'), url('fonts/NovecentoWideLight.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'NovecentoWide';
	src: url('fonts/NovecentoWideDemiBold.eot');
	src: local('☺'), url('fonts/NovecentoWideDemiBold.woff') format('woff'), url('fonts/NovecentoWideDemiBold.ttf') format('truetype'), url('fonts/NovecentoWideDemiBold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'NovecentoWide';
	src: url('fonts/NovecentoWideBold.eot');
	src: local('☺'), url('fonts/NovecentoWideBold.woff') format('woff'), url('fonts/NovecentoWideBold.ttf') format('truetype'), url('fonts/NovecentoWideBold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

/* Leave space for the fixed navigation above first item */
body {
padding-top: 82px;
font-family : 'NovecentoWide', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
	#skrollr-body {
	
	}
#tara-scroll {
overflow: hidden;
}

/*** TARA GENERAL RULES ***/

.fixed {
position: fixed;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.half-width {
width: 50%;
}
.full-width {
width: 100%;
}
.text-left {
text-align: left;
}
.hidden {
overflow: hidden;
}
	a {
	text-decoration: none;
	transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	}
	p {
	font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	}
		p strong{
		font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight: bold;
		}
	h1, h2, h5 {
	font-weight: bold;
	}
	h1 {
	font-size: 60px;	
	}
	h2 {
	font-size: 45px;
	}
	h3 {
	font-size: 37px;
	font-weight: 200;
	line-height: 1.2em;
	}
	h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
	}
	h5 {
	font-size: 14px;
	}
		.subtitle h2 {
		font-size: 18px;
		padding: 0;
		margin: 0 0 25px;
		line-height: 12px;
		}
		.title, .subtitle {
		text-align: center;
		}
		.title {
		padding: 65px 0 0;
		}
	.line {
	width: 300px;
	height: 1px;
	text-align: center;
	line-height: 0;
	display: inline-block;
	}
		.circle {
		border-radius: 50%;
		}
		.circle.small {
		display: inline-block;
		margin-top: -5px;
		width: 10px;
		height: 10px;
		border-width: 1px;
		border-style: solid;
		}
		.triangle {
		width: 0px;
		height: 0px;
		border-style: solid;
		-webkit-transform:rotate(360deg);
		border-style: inset;
		}
	.tara-button {
	padding: 10px 16px 12px;
	font-size: 13px;
	border: none;
	border-radius: 2px;
	font-weight: bold;
	position: relative;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	cursor: pointer;
	margin: 5px;
	font-family : 'NovecentoWide', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
		.tara-button-icon {
		position: absolute;
		left: 0;
		top: 0;
		width: 44px;
		height: 100%;
		display: block;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
		}
			.tara-button-icon span {
			display:block;
			width: 100%;
			background-position: center center;
			height: 100%;
			}
		.tara-button.hasicon {
		padding: 10px 16px 12px 60px;;
		}
	.heart {
	background: url('../images/heart.png');
	width: 11px;
	height: 10px;
	display: inline-block;
	}
	.heart2 {
	background: url('../images/heart2.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 18px;
	display: inline-block;	
	}
	.lineunder {
	border-width: 0 0 4px;
	border-style: solid;
	}
	.tara-image-spacer {
	margin: 48px 0 44px;
	}
	.tara-inline {
	display: inline-block;
	}
	.tara-menuitem {
	position: relative;
	z-index: 3;
	}
	.tara-spacer {
	padding: 0 0 84px;
	}
			
/*** TARA NAVIGATION STYLES ***/

.navbar {
width: 100%;
height: 82px;
top: 0;
z-index: 999;
transition: height 300ms ease;
-webkit-transition: height 300ms ease;
-moz-transition: height 300ms ease;
-o-transition: height 300ms ease;
-ms-transition: height 300ms ease;
}
	.navbar.menuopen {
	height: 164px;
	}
	.navbar .container {
	height: 100%;
	}
		.navbar .logo {
		height: 100%;
		padding: 0 32px 0 0;
		line-height: 105px;
		transition: line-height 300ms ease;
		-webkit-transition: line-height 300ms ease;
		-moz-transition: line-height 300ms ease;
		-o-transition: line-height 300ms ease;
		-ms-transition: line-height 300ms ease;
		}
			.navbar .logo.menuopen {
			line-height: 266px;
			}
			a#logo {
			display: inline-block;
			height: 100%;
			position: relative;
			width: 100%;
			}
		ul.nav {
		list-style: none;
		padding: 0 16px;
		line-height: 82px;
		margin: 0;
		}
			ul.nav li {
			display: inline-block;
			padding: 0 16px;
			font-family : 'NovecentoWide', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			}
				ul.nav li a {
				text-decoration: none;
				font-size: 12px;
				font-weight: 600;
				-webkit-transition: color 0.3s ease;
				-moz-transition: color 0.3s ease;
				-o-transition: color 0.3s ease;
				transition: color 0.3s ease;
				}
		#expand_menu {
		position: absolute;
		right: 0;
		top: 25px;
		display: block;
		}
			.tara-extra-menu {
			height: 0px;
			overflow: hidden;
			transition: height 300ms ease;
			-webkit-transition: height 300ms ease;
			-moz-transition: height 300ms ease;
			-o-transition: height 300ms ease;
			-ms-transition: height 300ms ease;
			}
				.tara-extra-menu.menuopen {
				height: 82px;
				}
				.tara-extra-menu ul {
				}
				.nav-separator {
				width: 1px;
				height: 82px;
				position: absolute;
				right: 60px;
				top: 0;
				transition: top 300ms ease;
				-webkit-transition: top 300ms ease;
				-moz-transition: top 300ms ease;
				-o-transition: top 300ms ease;
				-ms-transition: top 300ms ease;
				}
					.nav-separator.menuopen {
					top: 50%;
					}
					.full-color {
					width: 100%;
					height: 0;
					position: absolute;
					top: 0;
					left: 0;
					transition: height 300ms ease;
					-webkit-transition: height 300ms ease;
					-moz-transition: height 300ms ease;
					-o-transition: height 300ms ease;
					-ms-transition: height 300ms ease;
					}
						.full-color.menuopen {
						height: 82px;
						}
			.btn-navbar {
			display: none;
			}
			#expand_menu .btn {
			border: none;
			border-radius: 1px;
			margin: 0;
			padding: 0;
			width: 30px;
			height: 30px;
			position: relative;
			text-shadow: none;
			text-align: center;
			cursor: pointer;
			display: table;
			}
				#expand_menu .btn img {
				vertical-align: middle;
				}
		.nav-collapse .btn {
		display: none;
		cursor: pointer;
		}
		#menu-line {
		height: 1px;
		width: 36px;
		display: block;
		position: absolute;
		top: 60px;
		left: 160px;
		transition: top 300ms ease;
		-webkit-transition: top 300ms ease;
		-moz-transition: top 300ms ease;
		-o-transition: top 300ms ease;
		-ms-transition: top 300ms ease;
		}
			#menu-line.menuopen {
			top: 142px;
			}
		.tara-mobilemenu {
		text-align: center;
		width: 100%;
		top: 0;
		display: none;
		position: relative
		}
			.tara-mobilemenu.fixed {
			position: fixed;
			left: 0;
			}
			.tara-mobilemenu select {
			background-image: url("../images/mobilemenu-open.png");
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: 97% center;
			border: none;
			display: inline;
			font-weight: bold;
			font-size: 12px;
			height: 64px;
			margin: 0;
			padding: 24px 16px;
			-webkit-appearance: none;
			width: 100%;
			}

/*** TARA SLIDER MODULE ***/

.tara-slider {
overflow: hidden;
z-index: 0;
width: 100%;
position: relative;
min-height:40px;
-webkit-transform: translate3d(0, 0, 0);
}
	.fullwidthbanner-container{
	   width:100% !important;
	   position:relative;
	   padding:0;
	   max-height:722px !important; 
	   overflow:hidden;
	}
/* 		Remove this if you want to use revolution slider bullets  */
		.fullwidthbanner-container .tp-bullets.simplebullets.round .bullet {
		visibility: hidden;
		width: 0px;
		height: 0px;
		}
/* 		End of removal */
		.caption.tara-slider-title {
		font-size: 60px;
		font-weight: 600;
		}
			.tara-tara-slider-title .color {
			text-decoration: underline;
			}
		.caption.tara-line {
		height: 4px;
		display: block;
		}
		.caption.tara-slider-text {
		font-size: 20px;
		font-weight: normal;
		text-align: center;
		line-height: 1.2em;
		}
			.caption .tara-button {
			display: inline;
			}
		.fullwidthbanner-container .tp-rightarrow.round, .fullwidthbanner-container .tp-leftarrow.round, .tarabox-slider-buttons {
		width: 35px;
		height: 35px;		
		-webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
		margin: 16px 4px;
		}
		.fullwidthbanner-container .tp-leftarrow.round, .tarabox-slider-buttons.prev {
		background-image: url('../images/tara-slider-arrow-left.png');
		}
		.fullwidthbanner-container .tp-rightarrow.round, .tarabox-slider-buttons.next {
		background-image: url('../images/tara-slider-arrow-right.png');		
		}

/*** TARA SERVICES MODULE ***/

.tara-services-columns .columns {
margin: 0 20px;
position: relative;
}
	.tara-services-columns {
	padding: 66px 0 56px;
	text-align: center;
	}
		.service-icon {
		}
			.service-icon .circle.outer {
			border-width: 3px;
			border-style: solid;
			width: 90px;
			height: 90px;
			margin: 0 auto;
			overflow: hidden;
			padding: 5px;
			position: relative;
			}
			.service-icon .triangle {
			border-width: 9px 8.5px 0 8.5px;
			margin: -1px auto 0;
			border-style: solid;
			}
				span.service-icon-holder {
				width: 45px;
				height: 90px;
				transition: all 0.2s ease;
				-webkit-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
				-o-transition: all 0.2s ease;
				-ms-transition: all 0.2s ease;
				display: block;
				border-style: solid;
				position: absolute;
				transform: rotate(30deg);
				-ms-transform: rotate(30deg); 
				-webkit-transform: rotate(30deg);
				}
					.service-icon .circle.outer:hover .service-icon-holder.left, .service-icon .circle.outer.infocus .service-icon-holder.left {
					left: 9px;
					}
					.service-icon .circle.outer:hover .service-icon-holder.right, .service-icon .circle.outer.infocus .service-icon-holder.right {
					right: 8px;
					}

				.service-icon-holder.semicircle.left {
				border-radius: 90px 0 0 90px;
				-moz-border-radius: 90px 0 0 90px;
				-webkit-border-radius: 90px 0 0 90px;
				left: -50px;
				top: -6px
				}
				.service-icon-holder.semicircle.right {
				border-radius: 0 90px 90px 0;
				-moz-border-radius: 0 90px 90px 0;
				-webkit-border-radius:  0 90px 90px 0;
				right: -50px;
				top: 16px;
				}
				.theicon {
				height: 100%;
				line-height: 112px;
				position: relative;
				text-align: center;
				width: 100%;
				z-index: 10;
				}
				.tara-services-columns h2 {
				font-size: 28px;
				line-height: 28px;
				font-weight: bold;
				padding: 32px 0 0 0;
				transition: color 0.2s ease;
				-webkit-transition: color 0.2s ease;
				-o-transition: color 0.2s ease;
				-ms-transition: color 0.2s ease;
				}
		.tara-services-columns p {
		text-align: center;
		padding: 16px 0 0;
		}
	.tara-services-list, .tara-services-content {
	transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	}
	.tara-services-list {
    overflow: hidden;
    padding: 38px 0 0 ;
    position: absolute;
    top: 115px;
    opacity: 0;
    width: 100%;
	}
		.tara-services-list {
		font-family: 'Roboto', sans-serif;
		}
		.tara-services-list.listopen  {
		opacity: 1;
		z-index: 5;
		}
	.tara-services-content {
	opacity: 1;
	z-index: 5;
	position: relative;
	}
		.tara-services-content.listopen {
		opacity: 0;
		z-index: 1;
		}
	.tara-services-control {
	padding: 0 0 24px;
	}
		.tara-services-control a {
		padding: 5px;
		}
		.square {
		width: 4px;
		height: 4px;
		display: inline-block;
		margin: 3px;
		transition: background 300ms ease;
		}

/*** TARA IMAGE BACKGROUND MODULE ***/

.tara-image-holder, #map-canvas {
height: 468px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-attachment:fixed;
overflow: hidden;
}
	.tara-image-holder img{
	position: relative;
	top: 0;
	}
	.tara-image-holder .box {
	width: 590px;
	display: block;
 	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility:hidden; 
	-webkit-transform: translateZ(0);
	-webkit-transform-style: preserve-3d;
	}
		.tara-image-holder .box.wide {
		width: 732px;
		}
		.tara-image-holder .box.wider {
		width: 920px;
		}
			.box h4 {
			font-size: 20px;
			font-weight: bold;
			padding: 20px 0 0;
			}
		.box .half-height {
		height: 90px;
		}
		.box .full-height {
		height: 180px;
		overflow: hidden;
		}
			.box .half-height h1, .box .half-height h2 {
			line-height: 86px;
			}
			.box .full-height h1 {
			line-height: 180px;
			}
			.box .full-height h3 {
			margin-top: 34px;
			}
			.half-height.black, .full-height.black {
			background-color: rgba(0,0,0,0.7);
			}
				.half-height.black p, .full-height.black p {
				font-family: 'NovecentoWide', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
				font-weight: normal;
				}
			.half-height.white, .full-height.white {
			background-color: rgba(255,255,255,0.7);
			}
				.full-height .tara-abox {
				margin-top: 42px
				}
	.box h1 {
	font-size: 46px;
	font-weight: normal;
	margin: 0;
	}
	.box h2 {
	font-size: 33px;
	margin: 0;
	}
	.box h3 {
	font-size: 24px;
	margin: 0;
	font-weight: bold;
	}
	.box p {
	margin-top: 5px;
	}
		.box h2 .tara-button {
		vertical-align: middle;
		margin: 0 0 0 20px;
		}
		.box .punchline {
		padding: 12px 0;
		width: 100%;
		position: relative;
		}
			.box .punchline h5 {
			line-height: 58px;
			}
				.box .punchline .triangle {
				position: absolute;
				top: -12px;
				border-width: 0 15px 12px 15px;
				border-style: solid;
				transform:rotate(360deg);
				-webkit-transform:rotate(360deg);
				left: 50%;
				margin-left: -15px;
				}
	#parallax1 {
	background-image: url('../images/slider/portada_terraza.jpg');
	}
	#parallax2 {
	background-image: url('../images/slider/img3.jpg');
	}
	#parallax3 {
	background-image: url('../images/slider/img5.jpg');
	}
	#parallax4 {
	background-image: url('../images/slider/img7.jpg');
	}

/*** TARA PORTFOLIO MODULE ***/

	/** ISOTOPE CSS **/
	.isotope-item {
	  z-index: 2;
	}

	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}
	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -webkit-transition-duration: 0.8s;
		 -moz-transition-duration: 0.8s;
		  -ms-transition-duration: 0.8s;
		   -o-transition-duration: 0.8s;
			  transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:      -o-transform, opacity;
			  transition-property:         transform, opacity;
	}

	/**** disabling Isotope CSS3 transitions ****/

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
	}
	/** END of isotope css **/
.tara-portfolio {
margin: 0 0 86px;
}
	.tara-portfolio-filters {
	text-align: center;
	padding: 80px 0 25px;
	}
		.tara-portfolio-filters ul {
		margin: 0;
		}
			.tara-portfolio-filters ul li {
			display: inline-block;
			margin: 0;
			}
				.tara-portfolio-filters ul li a {
				font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
				font-size: 14px;
				text-decoration: none;
				padding: 9px 13px;
				border-radius: 2px;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
				cursor: pointer;
				}
					.tara-portfolio-filters ul li a.selected {
					}
	.tara-isotope {
	padding: 0 0 7px;
	}
		.tara-portfolio-item {
		margin: 7px;
		width: 306px;
		float: left;
		display: block;
		padding: 0;
		position: relative;
		cursor: pointer;
		}
			.tara-portfolio-item img {
			display: block;
			width: 100%;
			}
			.tara-portfolio-item-title {
			background-color: rgba(0,0,0,0.58);
			padding: 26px 0 16px;
			text-align: center;
			position: absolute;
			bottom: 0;
			display: block;
			font-size: 12px;
			width: 100%;
			opacity: 0;
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
			transform-origin: 100% bottom;
			-webkit-transform-origin: 100% bottom;
			transform: rotateX(-90deg);
			-webkit-transform: rotateX(-90deg);
			-moz-transform: rotateX(-90deg);
			-o-transform: rotateX(-90deg);
			-ms-transform: rotateX(-90deg);
			transition: transform 0.4s 0.4s, opacity 0.1s 0.3s;
			-webkit-transition: -webkit-transform 0.4s 0, opacity 0.1s 0.3s;
			-moz-transition: transform 0.4s 0.4s, opacity 0.1s 0.3s;
			-ms-transition: transform 0.4s 0.4s, opacity 0.1s 0.3s;
			-o-transition: transform 0.4s 0.4s, opacity 0.1s 0.3s;
			}
				.tara-portfolio-item-title span {
				font-weight: bold;
				font-size: 12px;
				}
					.tara-portfolio-item-title .likesnumber .heart {
					margin: 0 3px 0 0;
					}
			.tara-portfolio-plus {
			position: absolute;
			bottom: -50%;
			left: 50%;
			margin: 0 0 -25px  -25px;
			background-image: url('../images/port-plus.png');
			background-position: center center;
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			display: inline-block;
			-webkit-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1) 0.2s;/* older webkit */
			-webkit-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230)0.2s;
			-moz-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230) 0.2s;
			-ms-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230) 0.2s;
			-o-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230) 0.2s;
			transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230) 0.2s;
			}
				.tara-portfolio-item:hover > .hidden .tara-portfolio-plus {
				bottom: 50%;
				left: 50%;
				-webkit-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1);/* older webkit */
				-webkit-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230);
				-moz-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230);
				-ms-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230);
				-o-transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230);
				transition: all 400ms cubic-bezier(0.505, 0.160, 1.000, 1.230);
				}
		.tara-portfolio-item{
		perspective: 1700px;
		-webkit-perspective: 1700px;
		-moz-perspective: 1700px;
		-o-perspective: 1700px;
		-ms-perspective: 1700px;
		}
				.tara-portfolio-item:hover > .tara-portfolio-item-title {
				opacity: 1;
				transform: rotateY(0deg);
				-webkit-transform: rotateX(0deg);
				-moz-transform: rotateX(0deg);
				-o-transform: rotateX(0deg);
				-ms-transform: rotateX(0deg);
				transition: transform 0.4s 0.2s, opacity 0.1s 0.3s;
				-webkit-transition: -webkit-transform 0.4s 0.2s, opacity 0.1s 0.3s;
				-moz-transition: transform 0.4s 0.2s, opacity 0.1s 0.3s;
				-o-transition: transform 0.4s 0.2s, opacity 0.1s 0.3s;
				-ms-transition: transform 0.4s 0.2s, opacity 0.1s 0.3s;
				}
		.tara-portfolio-item .hidden {
		width: 100%; 
		height: 100%;
		position: relative;
		top: 0;
		left: 0;
		}

/*** TARA ABOUT MODULE ***/

.tara-about {}
	.tara-about .center {
	padding: 64px 0 0;
	}
			.tara-about-slider {
			height: 360px;
			width: 100%;
			margin-top: 40px;
			}
				.tara-about-slider ul li {
				position: relative;
				height: 360px;
				}
					.tara-about-slider ul li img.imagedown {
					position: absolute;
					bottom: -400px;
					left: 30px;
					z-index: 3;
					}
					.tara-about-slider ul li img.bgimage {
					position: absolute;
					bottom: -360px;
					right: 10px;
					z-index: 1;
					}
						.tara-about-slider ul li .text {
						top: -360px;
						right: 24px;
						position: absolute;
						width: 272px;
						text-align: left;
						z-index: 2
						}
							.tara-about-slider ul li .text p, .tara-about-slider ul li .text h2, .tara-about-slider ul li .text a.action {
							margin: 0 0 30px;
							}
							.tara-about-slider ul li .text h2 {
							font-size: 36px;
							margin: 0 0 28px;
							}
							.tara-about-slider ul li .text a.action {
							border-width: 2px;
							border-style: solid;
							padding: 11px 14px 13px;
							font-size: 12px;
							font-weight: bold;
							border-radius: 20px;
							float: left;
							}
						.tara-about-slider ul li img.imagedown.active, .tara-about-slider ul li img.bgimage.active {
						transition: bottom 300ms ease;
						-webkit-transition: bottom 300ms ease;
						-moz-transition: bottom 300ms ease;
						-o-transition: bottom 300ms ease;
						-ms-transition: bottom 300ms ease;
						bottom: 0;
						}
							.tara-about-slider ul li .text.active {
							top: 22px;
							transition: top 300ms ease 400ms;
							-webkit-transition: top 300ms ease 400ms;
							-moz-transition: top 300ms ease 400ms;
							-o-transition: top 300ms ease 400ms;
							-ms-transition: top 300ms ease 400ms;
							}
				.tara-abox-holder {
				width: 100%;
				text-align: center;
				padding: 18px 0;
				}
					.tara-abox {
					width: 94px;
					height: 94px;
					border-width: 1px;
					border-style: solid;
					display: inline-block;
					margin: 14px;
					position: relative;
					border-radius: 2px;
					}
						.tara-abox-top, .tara-abox-bottom {
						position: absolute;
						left: 4px;
						width: 86px;
						line-height: 46px;
						font-weight: bold;
						}
						.tara-abox-top {
						top: 0;
						border-width: 0 0 1px;
						border-style: solid;
						font-size: 14px;
						}
						.tara-abox-bottom {
						bottom: 0;
						font-size: 12px;
						}
				
	/** TARA CAROUSEL **/
	.tara-carousel {
	padding: 36px 0 60px;
	}
		.tara-carousel-slider {
		overflow: hidden;
		padding: 20px 0 0;
		}
			.tara-carousel-slider ul li, .tara-carousel-slider ul li img {
			display: inline-block;
			}
			.tara-carousel-slider .overview li{
			text-align: center;
			float: left;
			padding: 0 0 0 0;
			width: 215px;
			}
			.tara-carousel-item-text {
			text-align: center;
			}
				.tara-carousel-item-text h2 {
				font-size: 21px;
				line-height: 1.2em;
				margin: 0;
				padding: 16px 0 6px;
				font-weight: bold;
				}
				.tara-carousel-item-text h3 {
				font-size: 12px;
				font-weight: normal;
				margin: 0 0 22px;
				}
				.tara-carousel-item-text p {
				margin: 0 0 26px;
				}
				.tara-carousel-buttons {
				background-image: url('../images/tara-carousel-arrows.png');
				width: 39px;
				height: 39px;
				display: block;
				background-position: left;
				text-indent: -9999px;
				margin: 0 26px;
				opacity: 0;
				transition: opacity 300ms ease;
				-webkit-transition: opacity 300ms ease;
				-moz-transition: opacity 300ms ease;
				-o-transition: opacity 300ms ease;
				-ms-transition: opacity 300ms ease;
				}
					.tara-carousel:hover .tara-carousel-buttons {
					opacity: 1;
					}
					.tara-carousel-buttons.next {
					background-position: right;
					}
	/** TARA TESTIMONIALS **/
	.tara-testimonials {
	text-align: center;
	}
		.tara-testimonials-controls {
		display: inline-block;
		padding: 74px 0 0;
		}
			.tara-testimonials-controls ul {
			list-style:none;
			overflow: hidden;
			margin: 0;
			font-size: 0;
			line-height: 0;
			}
				.tara-testimonials-controls ul li {
				display: inline-block;
				margin: 0;
				}
					.tara-testimonials-controls ul li a {
					position: relative;
					display: block;
					width: 90px;
					height: 90px;
					}
						.tara-testimonials-controls ul li a:hover > .tara-color-over, .tara-testimonials-controls ul li a.selected .tara-color-over {
						opacity: 0;
						}
						.tara-testimonials-controls ul li a img {
						display: block;
						}
						.tara-color-over {
						width: 100%;
						height: 100%;
						opacity: 0.6;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
						-webkit-transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						-moz-transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						-ms-transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						-o-transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						overflow: hidden;
						}
		.tara-testimonials-list {
		position: relative;
		padding-bottom: 60px;
		min-height: 180px;
		}
		.tara-testimonals-content {
		padding: 32px 0 0;
		display: none;
		}
			.tara-testimonals-content.active {
			display: block;
			}
			.tara-testimonial-quotes {
			background: url('../images/tara-testimonial-quotes.png');
			width: 31px;
			height: 23px;
			display: inline-block;
			margin: 0 0 5px;
			}
			.tara-testimonials-text {
			font-size: 24px;
			line-height: 1.2em;
			margin: 0 0 16px;
			}
			
	/** TARA SKILLS **/
	.tara-skills {
	text-align: center;
	padding: 55px 0 15px 0;
	}
		.tara-skills-holder {
		display: inline-block;
		text-align: center;
		}
		.tara-skill {
		position:relative;
		font-size: 156px;
		width:1em;
		height:1em;
		width: 156px;
		height: 156px;
		display: inline-block;
		text-align: center;
		margin: 17px;		
		}
				.tara-skill p {
				font-weight: bold;
				font-size: 12px;
				display: block;
				position: absolute;
				left: 30px;
				top: 30px;
				height: 96px;
				width: 96px;
				line-height: 96px;
				font-family : 'NovecentoWide', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
				}
		.tara-skill > .slice {
		position:absolute;
		width:156px;
		height:156px;
		clip:rect(0px,156px,156px,78px);
		left: 0;
		}
		.tara-skill > .slice.gt50 {
			clip:rect(auto, auto, auto, auto);
		}
		.tara-skill > .slice > .pie {			
			border-width: 30px;
			border-style: solid;
			position:absolute;
			width:96px; /* 1 - (2 * border width) */
			height:96px; /* 1 - (2 * border width) */
			clip:rect(0em,78px,156px,0em);
			-moz-border-radius:78px;
			-webkit-border-radius:78px; 
			border-radius:78px; 
			z-index: 8;
		}
		.tara-skill > .slice > .pie.fill {
			-moz-transform:rotate(180deg) !important;
			-webkit-transform:rotate(180deg) !important;
			-o-transform:rotate(180deg) !important;
			transform:rotate(180deg) !important;
			z-index: 3;
		}
		.tara-skill.fill > .slice > .pie {
			border: transparent;
			width:1em;
			height:1em;
			border-spacing: 0px;
			
		}
			.tara-skill > .slice > .hide {
			z-index: 5;
			transform:rotate(360deg) !important;
			-webkit-transform:rotate(360deg) !important;
			-ms-transform:rotate(360deg) !important;
			}
	
	/** TARA TIMELINE **/
	
	.tara-timeline {
	text-align: center;
	padding: 0;
	margin: 56px 0 50px;
	position: relative;
	}
		.tara-timeline-year {
		overflow: hidden;
		}
/* 		little hack to avoid margins from collapsing */
		.tara-nocollapse {
		padding: 4px 0;
		}
		.tara-button.triangledown {
		position: relative;
		padding: 7px 38px 9px;
		font-weight: bold;
		font-size: 14px;
		display: inline-block;
		margin: 0 0 8px;
		z-index: 2;
		border-width: 8px 0 12px;
		border-style: solid;
		}
			.tara-button.triangledown .triangle {
			position: absolute;
			border-width: 9px 8.5px 0 8.5px;
			border-style: solid;
			bottom: -8px;
			left: 50%;
			margin-left: -9px;
			z-index: 2;
			}
			.tara-button.triangledown, .tara-button.triangledown .triangle {
			-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
			-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
			-ms-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
			-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
			transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
			}
			.tara-vertical-line {
			width: 1px;
			display: block;
			height: 100%;
			top: 0;
			position: absolute;
			left: 50%;
			z-index: 1;
			margin: 0 0 0 -1px;
			}
			.tara-timeline-event {
			width: 100%;
			overflow:hidden;
			position: relative;
			display: table;
			z-index: 2;
			padding: 35px 0;
			}
				.tara-timeline-event:hover .tara-timeline-circle .circle {
				top: 4px;
				left: 4px;
				}
				.tara-timeline-event:hover .tara-timeline-circle {
				border-width: 2px;
				height: 18px;
				width: 18px;
				}
				.tara-timeline-event h5, .tara-timeline-event .tara-timeline-date {
				-webkit-transition: color 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
				-moz-transition: color 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
				-ms-transition: color 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
				-o-transition: color 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
				transition: color 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);				
				}
				.tara-timeline-date {
				font-size: 12px;
				font-weight: bold;
				text-align: right;
				height: 100%;
				display: table-cell;
				vertical-align: middle;
				}
					.tara-timeline-date span {
					vertical-align: middle;
					}
				.tara-timeline-circle-holder {
				display: table-cell;
				vertical-align: middle;
				}
					.tara-timeline-circle {
					display: inline-block;
					width: 20px;
					height: 20px;
					border-style: solid;
					border-width: 1px;
					margin: 6px 0 0;
					position: relative;
					}
						.tara-timeline-circle .circle {
						position: absolute;
						width: 10px;
						height: 10px;
						top: 5px;
						left: 5px;
						-webkit-transition: background 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						-moz-transition: background 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						-ms-transition: background 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						-o-transition: background 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						transition: background 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
						}
				.tara-timeline-content {
				text-align: left;
				display: table-cell;
				vertical-align: middle;
				}
					.tara-timeline-content .tara-timeline-title p {
					margin: 0;
					}
					.tara-timeline-image {
					height: 40px;
					width: 40px;
					overflow: hidden;
					margin-right: 10px;
					}
					.tara-timeline-image, .tara-timeline-title {
					display: inline-block;
					vertical-align: middle;
					}

				.tara-timeline-content, .tara-timeline-date {
				width: 48%;
				}
				.tara-timeline-spacer {
				padding: 8px 0
				}

/*** TARA BLOG MODULE ***/

.tara-blog {}
	.tara-blog-list {
	padding: 74px 0 0;
	}
		.tara-blog-list-post {
		width: 447px;
		}
			.tara-blog-list-side, .tara-blog-list-content {
			overflow: hidden;
			}
			.tara-blog-list-side {
			width: 72px;
			}
				.tara-blog-list-feat {
				text-align: center;
				}
					.tara-blog-list-feat p {
					font-size: 12px;
					line-height: 1.2em
					}
					.tara-blog-icon {
					background-image: url('../images/tara-blog-list-icons.png');
					width: 18px;
					height: 18px;
					display: inline-block;
					}
						.tara-blog-icon.author {
						background-position: left;
						}
						.tara-blog-icon.date {
						background-position: center;
						}
						.tara-blog-icon.reactions {
						background-position: right;
						}
			.tara-blog-list-content {
			width: 447px;
			margin: 0 0 56px;
			}
				.tara-blog-image, .tara-blog-list-content p.right {
				width: 375px;
				}
				.tara-blog-list-content h2 {
				font-size: 15px;
				font-weight: bold;
				line-height: 1.2em;
				margin: 0;
				padding: 0px 0 20px 0;
				}
				.tara-blog-separator {
				height: 1px;
				width: 102px;
				display:block;
				margin: 0 0 20px;
				}
				
	/** TARA BLOG LIST PAGE **/
	
	.tara-page .tara-blog-list-post, .tara-page .tara-blog-list-content {
	width: 100%;
	}
		.tara-page .tara-blog-image,  .tara-page .tara-blog-list-content div.right {
		width: 86%;
		min-width: 300px;
		}
		 .tara-page .tara-blog-list-side {
		width: 14%;
		}
		.tara-blog-image img {
		max-width: 100%;
		}
	p.tara-half {
	width: 50%;
	}
	p.tara-third {
	width: 32%;
	margin: 0 1.3% 0 0;
	}

/*** TARA CONTACT MODULE ***/

.tara-form, .tara-contact-info {
padding: 94px 0 70px;
}
	.tara-formrow {
	position: relative;
	}
		.tara-form input[type="text"], .tara-form input[type="password"], .tara-form input[type="email"], .tara-form textarea, .tara-form select {
		border-width: 2px;
		border-style: solid;
		padding: 25px 20px;
		outline: none;
		font-size: 14px;
		font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		margin: 0;
		width: 366px;
		max-width: 100%;
		display: block;
		margin-bottom: 4px;
		-webkit-transition: border 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		-moz-transition: border 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		-ms-transition: border 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		-o-transition: border 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		transition: border 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		}
			.tara-form input.invalid, .tara-form input[type="text"].invalid:focus, .tara-form input[type="password"].invalid:focus, .tara-form input[type="email"].invalid:focus, .tara-form textarea.invalid:focus {
			border-color: red;
			}
			.tara-form input:invalid {
			 box-shadow: none;
			}
		.tara-form select {
		padding: 0; 
		}
			.tara-form textarea {
			resize: none;
			min-height: 146px; 
			}
			.tara-form .tara-button {
			margin: 20px 0 0;
			}
				.tara-form input.tara-button:disabled {
				cursor: default;
				}
					.tara-form input:disabled, .tara-form textarea:disabled {
					color: #CCCCCC;
					}
	.tara-validation {
	position: absolute;
	right: 16px;
	z-index: 1;
	width: 64px;
	top: 26px;
	}
		.loader {
		position: absolute;
		right: 20px;
		top: 25px;
		opacity: 0;
		}
		.loader, .tara-validation .error, .tara-validation .okay {
		-webkit-transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		-moz-transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		-ms-transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		-o-transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		transition: opacity 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
		}
		.tara-validation .error, .tara-validation .okay {
		width: 24px;
		height: 23px;
		background-repeat: no-repeat;
		display: block;
		margin: 0 4px;
		opacity: 0;
		position: absolute;
		right: 0;
		}
			.tara-validation .error.active, .tara-validation .okay.active, .loader.active {
			opacity: 1;
			}
		.tara-validation .error {
		background-image: url('../images/check_error.png');
		}
		.tara-validation .okay {
		background-image: url('../images/check_okay.png');
		}
.tara-contact-info {
width: 508px;
}
	.tara-contact-info h4 {
	font-weight: bold;
	}
	.tara-contact-separator {
	margin: 14px 0 16px;
	width: 100px;
	height: 1px;
	}
	.contact-icons {
	background-image: url('../images/tara-contact-icons.png');
	width: 16px;
	height: 16px;
	display: block;
	margin: 3px 0 5px;
	}
		.contact-icons.pin {
		background-position: left;
		}
		.contact-icons.mail {
		background-position: center;
		}
		.contact-icons.phone {
		background-position: right;
		}
	.tara-address-row {
	width: 90%;
	padding:  0 10% 0 0;
	clear:both;
	margin: 0 0 26px;
	overflow: hidden;
	}
		.tara-address-row .right {
		width: 90%;
		font-family: 'Roboto';
		}
	.tara-contact-punchline {
	padding: 66px 0;
	}
		.tara-contact-punchline p {
		padding: 10px 0 0 128px;
		}

/*** TARA FOOTER ***/

#footer {
height: 112px;
width: 100%;
}
	#footer .container {
	padding: 44px 0 0;
	}
		#footer .container img {
		vertical-align: middle;
		}
			.footerlogo {
			padding: 0 16px 0 0;
			}
		#footer .container span {
		font-size: 12px;
		font-family: 'Roboto';
		margin: 0 16px;
		display: block;
		}

/*** TARA LIGHTBOX ***/

	#tarabox, #tarapreload {
	background-color: rgba(0,0,0,0.7);
    overflow-x: auto;
    overflow-y: scroll;
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    z-index: 990;
    display: none;
	}
		/*
.tarabox-open {
		overflow: hidden !important;
		width: auto;
		margin-right: 15px;
		}
*/
		.tarabox-content {
		height: 435px;
		opacity: 0;
		}
			.tarabox-text, .tarabox-slider {
			width: 50%;
			}
			.tarabox-text-c {
			height: 336px;
			}
			.tarabox-text {
			padding: 26px 25px 18px 11px;
			width: 444px;
			}
				.tarabox-content h2 {
				font-size:22px;
				font-weight: bold;
				line-height: 1.2em;
				}
				.tarabox-content h5 { 	
				font-weight: normal
				}
				.tarabox-content .separator {
				width: 120px;
				height: 1px;
				display: block;
				margin: 24px 0;
				}
				.tarabox-content p {
				line-height: 1.2em
				}
				.tarabox-content .tara-textbox {
				margin: 24px 0 21px;
				overflow: hidden;
				}
					.textbox-height {
					height: 200px;
					}
					.tara-textbox .scrollbar {
					float: right;
					position: relative;
					width: 7px;
					}
						.track {
						position: relative;
						width: 7px;
						}
							.thumb {
							cursor: pointer;
							height: 20px;
							overflow: hidden;
							position: absolute;
							top: 0;
							width: 7px;
							border-radius: 15px;
							}
								.end {
								height: 5px;
								overflow: hidden;
								width: 5px;
								}
					.viewport {
					overflow: hidden;
					position: relative;
					width: 427px
					}
						.overview {
						left: 0;
						list-style: none outside none;
						margin: 0;
						padding: 0;
						position: absolute;
						top: 0;
						}
				.tarabox-controls {
				height: 50px;
				}
					.tarabox-controls button {
					border-width: 2px;
					border-style: solid;
					padding: 13px 18px 16px;
					border-radius: 2px;
					background: transparent;
					font-size: 12px;
					margin-right: 8px;
					font-weight: bold;
					cursor: pointer;
					font-family : 'NovecentoWide', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
					}
					.tarabox-controls button.close {
					margin-right: 0;
					}
						.tarabox-controls button.close img {
						vertical-align: middle;
						}
			.tarabox-slider {
			overflow: hidden;
			position: relative
			}
				.tarabox-slider li img {
				display: block;
				}
				.tarabox-slider-buttons-c {
				width: 86px;
				position: absolute;
				right: 41px;
				bottom: 31px;
				-webkit-transform : translateY(2px) translateZ(0);
				}
					.tarabox-slider-buttons {
					display: block;
					margin: 0 4px;
					float: left;
					}
						.tarabox-slider-buttons:hover {
						background-position: bottom;
						cursor: pointer;
						}
	#tarapreload {
	display: block;
	background: transparent;
	z-index: 8000;
	}
		#progressbar {
		position: fixed;
		top: 50%;
		height: 4px;
		transition: opacity 300ms ease;
		}
			#progressbar.hide {
			opacity: 0;
			}
		#tarapreload .fill {
		width: 100%;
		height: 50%;
		position: absolute;
		left: 0;
		transition: top 1200ms ease, bottom 1200ms ease;
		}
			#tarapreload .fill.up {
			top: 0;
			}
			#tarapreload .fill.down {
			bottom: 0;
			}
				#tarapreload .fill.up.hide {
				top: -100%;
				}
				#tarapreload .fill.down.hide {
				bottom: -100%;
				}

/*** SHORTCODES STYLES ***/

.circle.medium {
width: 100px;
height: 100px;
float: left;
margin: 0 10px;
display: table;
}
	.circle.medium p {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	}
.tara-button.transparent {
border-width: 2px;
border-style:solid;
padding: 8px 14px 10px;
background: transparent;
transition: border-color 300ms ease,  color 300ms ease;
-webkit-transition: border-color 300ms ease,  color 300ms ease;
-moz-transition: border-color 300ms ease,  color 300ms ease;
-o-transition: border-color 300ms ease,  color 300ms ease;
-ms-transition: border-color 300ms ease,  color 300ms ease;
}
	.tara-button.transparent:hover {
	background: transparent;
	}
	.tara-button.round {
	border-radius: 20px;
	}
	.tara-button.fill {
	position: relative;
	}
		.tara-button.fill .middle {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0px;
		height: 0px;
		display: block;
		transition: width 300ms ease,height 300ms ease,left 300ms ease, top 300ms ease;
		-webkit-transition: transition: width 300ms ease, height 300ms ease, left 300ms ease, top 300ms ease;
		-moz-transition: width 300ms ease,height 300ms ease,left 300ms ease, top 300ms ease;
		-o-transition: width 300ms ease,height 300ms ease,left 300ms ease, top 300ms ease;
		-ms-transition: width 300ms ease,height 300ms ease,left 300ms ease, top 300ms ease;
		z-index: -1;
		}
		.tara-button.fill.round .middle {
		border-radius: 14px;
		}
			.tara-button.fill:hover span.middle {
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			}

	/** Accordion **/

	.ui-accordion {
	width: 100%;
	text-align: left;
	position: relative;
	margin: 10px 0;
	}
		.ui-accordion h5.ui-accordion-header {
		padding: 14px 0;
		position: relative;
		border-width: 1px 0 0 0;
		border-style: solid;
		cursor: pointer;
		transition: background 300ms ease, border 300ms ease;
		-webkit-transition: background 300ms ease, border 300ms ease;
		-moz-transition: background 300ms ease, border 300ms ease;
		-ms-transition: background 300ms ease, border 300ms ease;
		-o-transition: background 300ms ease, border 300ms ease;
		margin-top: 0;
		}
			.ui-accordion h5.ui-accordion-header-active {
			cursor: default;
			}
			.ui-accordion h5:first-child {
			border-top: none;
			}
		.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		width: 20px;
		height: 20px;
		display: inline-block;
		vertical-align: text-top;
		margin: 0 14px 0 0;
		background-image: url('../images/tara-toggle.png');
		transition: background-position 300ms ease;
		-webkit-transition: background-position 300ms ease;
		-moz-transition: background-position 300ms ease;
		-ms-transition: background-position 300ms ease;
		-o-transition: background-position 300ms ease;
		background-repeat: no-repeat;
		left: 0;
		margin: 0 8px 0 0;
		position: relative;
		top: 0;
		}
			.ui-accordion-header-icon.ui-icon-triangle-1-e {
			background-position: center bottom;
			}
			.ui-accordion-header-icon.ui-icon-triangle-1-s {
			background-position: center top;
			}
		.ui-accordion-content {
		padding: 0 0 0 34px;
		}
			.ui-accordion-content p {
			margin: 0 0 20px;
			}
			.ui-accordion.bgfill {
			padding: 0 0 1px;
			}
				.ui-accordion.bgfill h5 {
				padding: 16px;
				margin-bottom: 1px;
				}
					.ui-accordion.bgfill h5.ui-accordion-header-active {
					border-width: 0 0 1px 0;
					border-style: solid;
					margin-bottom: 0;
					}
				.ui-accordion.bgfill .ui-accordion-content {
				padding: 13px 16px 0;
				}
					.ui-accordion.bgfill .ui-accordion-content p {
					padding: 0 0 20px;
					margin: 0;
					}

	/**	TABS **/

	.tara-tabs.ui-tabs {}
		.tara-tabs.ui-tabs ul {
		border-style: solid;
		border-width: 0 0 1px 0;
		text-align: left;
		font-size: 0px;
		display: table;
		width: 100%;
		margin-bottom: 16px
		}
		.tara-tabs.ui-tabs ul li {
		float: left;
		text-align: center;
		margin: 0;
		overflow: hidden;
		}
			.tara-tabs.ui-tabs ul li.ui-tabs-active {
			margin-bottom: -1px;
			margin-top: -3px;
			padding: 0;
			}
				.tara-tabs.ui-tabs ul li.ui-tabs-active a {
				padding: 16px 38px 14px;				
				}
				.tara-tabs.ui-tabs ul li a {
				float: left;
				font-size: 14px;
				line-height: 14px;
				padding: 14px 38px 12px;
				font-weight: bold;
				transition: background 300ms ease;
				-webkit-transition: background 300ms ease;
				-moz-transition: background 300ms ease;
				-ms-transition: background 300ms ease;
				-o-transition: background 300ms ease;
				}
			.ui-tabs-panel {
			clear: both;
			text-align: left;
			}
				.ui-tabs-panel img {
				margin: 0 10px 10px 0
				}
	.tara-tabs.sidecontrols {
	overflow: hidden;
	position: relative;
	}
		.tara-tabs.sidecontrols ul {
		float: left;
		width: 30%;
		height: 100%;
		border-width: 0 1px 0 0;
		display: block;
		position: absolute;
		padding: 0 0 0 2px
		}
			.tara-tabs.sidecontrols ul li {
			width: 100%;
			padding: 14px 0;
			transition: background 300ms ease, padding 300ms ease, margin 300ms ease;
			-webkit-transition: background 300ms ease, padding 300ms ease, margin 300ms ease;
			-moz-transition: background 300ms ease, padding 300ms ease, margin 300ms ease;
			-ms-transition: background 300ms ease, padding 300ms ease, margin 300ms ease;
			-o-transition: background 300ms ease, padding 300ms ease, margin 300ms ease;
			}
				.tara-tabs.ui-tabs.sidecontrols ul li a {
				background: none;
				float: none;
				padding: 0;
				line-height: 13px;
				display: block;
				}
				.tara-tabs.ui-tabs.sidecontrols ul li.ui-tabs-active {
				padding: 14px 0  14px 4px;
				margin: 0 0 0 -4px;
				}
					.tara-tabs.ui-tabs.sidecontrols ul li.ui-tabs-active a {
					
					}
		.tara-tabs.sidecontrols .ui-tabs-panel {
		width: 68%;
		float: right;
		clear: none;
		padding: 0;
		}

	/** PRICING TABLES **/
.tara-pricing-holder .columns.six {
margin: 0 0 0 6px;
width: 310px;
}
	.tara-pricing {
	width: 100%;
	padding: 0 0 20px;
	margin-top: 10px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	}
		.tara-pricing-title {
		padding: 26px 0 24px;
		transition: padding 300ms ease;
		-webkit-transition: padding 300ms ease;
		-mox-transition: padding 300ms ease;
		-ms-transition: padding 300ms ease;
		-o-transition: padding 300ms ease;
		}
			.tara-pricing-title h4 {
			font-weight: bold;
			transition: font-size 300ms ease;
			-webkit-transition: font-size 300ms ease;
			-moz-transition: font-size 300ms ease;
			-ms-transition: font-size 300ms ease;
			-o-transition: font-size 300ms ease;
			}
		.tara-pricing-price {
		padding: 25px 0 25px;
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		}
			span.big {
			font-size: 30px;
			}
		.tara-pricing ul {
		padding: 34px 0 0;
		}
			.tara-pricing ul li {
			font-size: 14px;
			font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			margin: 0 0 24px;
			}
	.tara-pricing.bigger, .tara-pricing:hover {
	margin-top: 0;
	padding-bottom: 38px;
	}
		.tara-pricing.bigger .tara-pricing-title, .tara-pricing:hover .tara-pricing-title {
		padding: 30px 0 28px;
		}
			.tara-pricing.bigger .tara-pricing-title h4, .tara-pricing:hover .tara-pricing-title h4 {
			font-size: 20px;
			}

	/** INFO BOXES **/

	.tara-info-box {
	position: relative;
	font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	}
		.tara-info-box.wide {
		text-align: left;
		line-height: 1.2em;
		min-height: 20px;
		padding: 16px 44px 10px 54px;
		margin: 14px 0;
		}
		.tara-info-box .icon, .tara-info-box .close {
		background-image: url('../images/infoboxes.png');
		display: inline-block;
		vertical-align: middle;
		}
		.tara-info-box .close {
		float: right;
		width: 14px;
		height: 14px;
		background-position: right bottom;
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -7px;
		}
			.tara-info-box.wide .icon {
			height: 27px;
			left: 20px;
			position: absolute;
			top: 10px;
			width: 28px;
			}
		.tara-info-box.error {
		background-color: #cd2f2f;
		}
			.tara-info-box.circle.error .triangle {
			border-color: #cd2f2f transparent transparent;
			}
			.tara-info-box.error.circle .icon {
			background-position: left top;
			}
			.tara-info-box.error.wide .icon {
			background-position: left bottom;
			}
		.tara-info-box.success {
		background-color: #6ba127;
		}
			.tara-info-box.circle.success .triangle {
			border-color: #6ba127 transparent transparent;
			}
			.tara-info-box.success.circle .icon {
			background-position: -66px top;
			}
			.tara-info-box.success.wide .icon {
			background-position: -30px bottom;
			}
		.tara-info-box.download {
		background-color: #dba820;
		}
			.tara-info-box.circle.download .triangle {
			border-color: #dba820 transparent transparent;
			}
			.tara-info-box.download.circle .icon {
			background-position: -132px top;
			}
			.tara-info-box.download.wide .icon {
			background-position: -59px bottom;
			}
			.tara-info-box.info.circle .triangle {
			border-color: #4ab3c6 transparent transparent;
			}
			.tara-info-box.info.circle .icon {
			background-position: right top;
			}
			.tara-info-box.info.wide .icon {
			background-position: -88px bottom;
			}
		.tara-info-box.circle {
		width: 106px;
		height: 106px;
		display: inline-block;
		font-weight: bold;
		margin: 10px;
		}
			.tara-info-box.circle .icon {
			height: 66px;
			width: 66px;
			position: absolute;
			top: 20px;
			left: 20px;
			}
			.tara-info-box.circle .message {
			line-height: 106px;
			position: relative;
			vertical-align: middle;
			z-index: 1;
			}
			.tara-info-box.circle .triangle {
			position: absolute;
			bottom: -10px;
			border-style: solid;
			border-width: 12px 8px 0 8px;
			left: 46px
			}
	.tara-buy-box {
	padding: 38px 68px;
	text-align: left;
	border-width: 0 0 4px 0;
	border-style: solid;
	text-align: right;
	}
		.tara-buy-box h3 {
		font-size: 24px;
		font-weight: bold
		}
		.tara-buy-box p {
		margin: 0;
		}
		.tara-buy-box .tara-inline.left {
		text-align: left;
		}
		.tara-buy-box .tara-inline.but {
		margin-top: 2%;
		}

	/** TARA SOCIAL ICONS **/
	
	.tara-socials-small {}
		.tara-smallsocial {
		background-image: url('../images/tara-socials-small.png');
		background-repeat: no-repeat;
		display: inline-block;
		width: 24px;
		height: 17px;
		position: relative
		}
			.tara-socials-small.openside .tara-smallsocial .socialtext {
			padding: 18px;
			right: 0;
			left: auto;
			padding-right: 20px;
			top: -16px;
			background-position: right center;
			background-repeat: no-repeat;
			text-indent: -1000px;
			overflow: hidden;
			padding: 0;
			transition: opacity 300ms ease, padding 10ms ease 300ms, text-indent 10ms ease 300ms;
			-webkit-transition: opacity 300ms ease, padding 10ms ease 300ms, text-indent 10ms ease 300ms;
			-moz-transition: opacity 300ms ease, padding 10ms ease 300ms, text-indent 10ms ease 300ms;
			-o-transition: opacity 300ms ease, padding 10ms ease 300ms, text-indent 10ms ease 300ms;
			-ms-transition: opacity 300ms ease, padding 10ms ease 300ms, text-indent 10ms ease 300ms;
			border-radius: 0;
			}
			.tara-smallsocial .socialtext {
			position: absolute;
			top: -260%;
			left: -162%;
			padding: 12px 10px 10px;
			font-weight: bold;
			font-size: 12px;
			line-height: 12px;
			border-radius: 2px;
			transition: opacity 300ms ease;
			-webkit-transition: opacity 300ms ease;
			-moz-transition: opacity 300ms ease;
			-ms-transition: opacity 300ms ease;
			-o-transition: opacity 300ms ease;
			opacity: 0;
			}
				.tara-smallsocial .socialtext .triangle {
				border-style: solid;
				border-width: 5px 4px 0 4px;
				position: absolute;
				left: 50%;
				margin-left: -4px;
				bottom: -5px;
				}
				.tara-smallsocial:hover .socialtext{
				opacity: 1;
				}
					.tara-socials-small.openside .tara-smallsocial:hover .socialtext{
					padding: 18px 22px 18px 18px;
					text-indent: 0;
					opacity: 1;
					transition: opacity 300ms ease 100ms, padding 100ms ease, text-indent 300ms ease;
					-webkit-transition: opacity 300ms ease 100ms, padding 100ms ease, text-indent 300ms ease;
					-moz-transition: opacity 300ms ease 100ms, padding 100ms ease, text-indent 300ms ease;
					-o-transition: opacity 300ms ease 100ms, padding 100ms ease, text-indent 300ms ease;
					-ms-transition: opacity 300ms ease 100ms, padding 100ms ease, text-indent 300ms ease;
					}
			.tara-smallsocial.facebook {
			background-position: left;
			}
					.tara-smallsocial.facebook .socialtext .triangle {
					border-color: #006d9a transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.facebook .socialtext {
				border-right: #006d9a solid 6px;
				background-image: url('../images/facebook_white.png');
				}
				.tara-smallsocial.facebook .socialtext {
				background-color: #006d9a;
				}
			.tara-smallsocial.twitter {
			background-position: -24px 0;
			}
				.tara-smallsocial.twitter .socialtext {
				background-color: #9AE4E8;
				}
					.tara-smallsocial.twitter .socialtext .triangle {
					border-color: #9AE4E8 transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.twitter .socialtext {
				border-right: #9AE4E8 solid 6px;
				right: -6px;
				background-position: right 54%;
				padding-right: 24px;
				background-image: url('../images/twitter_white.png');
				}
			.tara-smallsocial.pinterest {
			background-position: -48px 0;
			}
				.tara-smallsocial.pinterest .socialtext {
				background-color: #C92228;
				}
					.tara-smallsocial.pinterest .socialtext .triangle {
					border-color: #C92228 transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.pinterest .socialtext {
				border-right: #C92228 solid 6px;
				background-image: url('../images/pinterest_white.png');
				}
			.tara-smallsocial.vimeo {
			background-position: -72px 0;
			}
				.tara-smallsocial.vimeo .socialtext {
				background-color: #1ab7ea;
				}
					.tara-smallsocial.vimeo .socialtext .triangle {
					border-color: #1ab7ea transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.vimeo .socialtext {
				border-right: #1ab7ea solid 4px;
				background-image: url('../images/vimeo_white.png');
				}
			.tara-smallsocial.evernote {
			background-position: -96px 0;
			}
				.tara-smallsocial.evernote .socialtext {
				background-color: #5ba525;
				}
					.tara-smallsocial.evernote .socialtext .triangle {
					border-color: #5ba525 transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.evernote .socialtext {
				border-right: #5ba525 solid 6px;
				background-image: url('../images/evernote_white.png');
				}
			.tara-smallsocial.gplus {
			background-position: -120px 0;
			}
				.tara-smallsocial.gplus .socialtext {
				background-color: #db4a39;
				}
					.tara-smallsocial.gplus .socialtext .triangle {
					border-color: #db4a39 transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.gplus .socialtext {
				border-right: #db4a39 solid 4px;
				background-image: url('../images/googleplus_white.png');
				background-position: right 53%;
				}
			.tara-smallsocial.stumbleupon {
			background-position: -144px 0;
			}
				.tara-smallsocial.stumbleupon .socialtext {
				background-color: #f74425;
				}
					.tara-smallsocial.stumbleupon .socialtext .triangle {
					border-color: #f74425 transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.stumbleupon .socialtext {
				border-right: #f74425 solid 4px;
				background-image: url('../images/stumbleupon_white.png');
				background-position: right 52%;
				}
			.tara-smallsocial.linkedin {
			background-position: -168px 0;
			}
				.tara-smallsocial.linkedin .socialtext {
				background-color: #0e76a8;
				}
					.tara-smallsocial.linkedin .socialtext .triangle {
					border-color: #0e76a8 transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.linkedin .socialtext {
				border-right: #0e76a8 solid 4px;
				background-image: url('../images/linkedin_white.png');
				}
			.tara-smallsocial.dribbble {
			background-position: -192px 0;
			}
				.tara-smallsocial.dribbble .socialtext {
				background-color: #ea4c89;
				}
					.tara-smallsocial.dribbble .socialtext .triangle {
					border-color: #ea4c89 transparent transparent transparent;
					}
				.tara-socials-small.openside .tara-smallsocial.dribbble .socialtext {
				border-right: #ea4c89 solid 4px;
				background-image: url('../images/dribbble_white.png');
				background-position: right 53%;
				}
				
	/** TARA CUSTOM LISTS **/
	.tara-list-check , .tara-list-star , .tara-list-plus , .tara-list-arrow {
	text-align: left;
	font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
	.tara-list-check li, .tara-list-star li, .tara-list-plus li, .tara-list-arrow li {
	list-style-type: none;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left 50%;
	}
		.tara-list-check li {
		background-image: url('../images/tara-list-check.png');
		}
		.tara-list-star li {
		background-image: url('../images/tara-list-star.png');
		}
		.tara-list-plus li {
		background-image: url('../images/tara-list-plus.png');
		}
		.tara-list-arrow li {
		background-image: url('../images/tara-list-arrow.png');
		}
	/** DIVIDER LINES **/
	.line.full-width {
	width: 100%;
	}
	.line.double {
	height: 3px;
	background: transparent;
	border-style: solid;
	border-width: 4px 0 1px;
	}
	.line.dashed {
	background: none;
	border-width: 0 0 1px 0;
	border-style: dashed;
	}
	/** TWITTER FEED **/
#twitter-feed {
width: 100%;
overflow: hidden;
}
	.twitter-icon-count {
		background-color: #209BCE;
		height: 56px;
		padding: 25px 0 0;
		position: relative;
		width: 77px;
		float: left;
	}
		.followers {
		background: #1a8bba;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		}
		.list {
		float: left;
		padding: 0 0 0 16px;
		width: 80%;
		height: 81px;
		overflow: hidden;
		}
			.twitter-icon-name {
			text-align: left;
			height: 22px;
			overflow: hidden;
			position: relative;
			width: 100%;
			}
			.twitter-article {
			width: 100%;
			padding: 11px 0;
			overflow:hidden;
			}
				.twitter-article a {
				color: #209bce;
				}
				.twitter-pic {
				float: left;
				padding: 0 10px 0 0;
				}
				.twitter-text {
				float: left;
				text-align: left;
				}
					.twitter-text p, .tweet-time {
					margin: 0;
					color: #898989;
					}
					.twitter-icon-name a {
					font-family: 'Roboto', sans-serif;
					font-size: 12px;
					vertical-align: top;
					color: #209bce;
					padding: 0 0 0 8px;
					font-weight: bold;
					}
					.tweetprofilelink strong a {
					color: #606060;
					}
	
	/*** TARA RESPOSIVE MEDIA QUERIES ( based on skeleton ) ***/

/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {
	.tara-portfolio-item {
	width: 30%;
	margin: 12px
	}
	.tara-blog-list-post {
	width: 384px;
	}
		.tara-blog-list-side {
		width: 72px;
		}
		.tara-blog-list-content {
		width: 100%;
		}
			.tara-blog-image img {
			width: 100%;
			}
				.tara-blog-image, .tara-blog-list-content p.right {
				width: 308px;
				}
	.tara-form, .tara-contact-info {
	width: 50%;
	}
    .tara-form input[type="text"], .tara-form input[type="password"], .tara-form input[type="email"], .tara-form textarea, .tara-form select {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box; 
	padding: 15px 10px;
	width: 100%;
	}
	.tara-validation {
	right:12px;
	top: 15px;
	}
			.tara-pricing-holder .columns.six {
			width: 248px;
			}
	.tara-about-slider ul li {
	height: 540px;
	}
		.tara-about-slider ul li img.imagedown, .tara-about-slider ul li img.imagedown.active {
		width: 100%;
		left: 0;	
		}
			 .tara-about-slider ul li img.imagedown.active {
			bottom: 100%;
			margin-bottom: -165px;
			}
			.tara-about-slider ul li .text.active {
			top: 33%;
			right: 0;
			width: 100%;
			text-align: center;
			}
				.tara-about-slider ul li .text .tara-button.left {
				float: none;
				}
	.tara-about-slider {
	height: auto;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.tara-services.container .five.columns {
	width: 210px;
	}
	ul.nav li {
	padding: 0 6px;
	}
	.tarabox-content {
	height: 872px;
	}
		.tarabox-slider {
		width: 100%;
		}
		.tarabox-text {
		width: 730px;
		}
		.viewport {
		width: 725px;
		}
		.tara-sidebar {
		width: 370px;
		}
			.tara-content {
			width: 398px;
			}
				.tara-content .imgtop {
				width: 100%;
				}
				.tara-comments .tara-form {
				width: 100%;
				}
	.tara-services-columns .columns {
	margin: 0 18px;
	}
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
body {
padding: 0;
}
	h1 {
	font-size: 44px;
	}
		h2 {
		font-size: 33px
		}
	#menu-line {
	display: none;
	}
	.mobilenav-center {
	width: 80%;
	display: inline-block;
	}
	.tara-mobilemenu {
	display: block;
	}
	.nav-collapse ul.nav {
	display: none;
	}
	.nav-collapse {
	width: 100%;
	text-align: center;
	}
	.navbar {
	min-height: 166px;
	height: auto;
	position: relative;
	}
		.navbar .container {
		width: 100%;
		display: table;
		table-layout:fixed;
		}
			.tara-extra-menu, .logo {
			float: none;
			width: 100%;
			}
			.tara-extra-menu.menuopen {
			display: table-caption;
			}
		.navbar .logo {
		width: 100%;
		text-align: left;
		height: 82px;
		padding: 0;
		}
			.navbar .logo a#logo {
			margin-left: 10px;
			width: auto;
			}
			.navbar .logo.menuopen {
			line-height: 96px;
			}
			ul.nav li {
			text-align: center;
			display: block;
			}
			.tara-extra-menu.menuopen {
			max-height: 1200px;
			height: auto;
			padding: 20px 0 0;
			}
			.navbar.menuopen {
			max-height: 1200px;
			height: auto;
			}		
			navbar.menuopen {
			height: auto;
			}
			.nav-separator {
			transition: top 0s;
			}
			.nav-separator.menuopen {
			top: 0;
			}
			.full-color.menuopen {
			height: 0;
			}
	.tara-portfolio-item {
	min-width: 300px;
	margin: 12px 0;
	}
	.tara-portfolio-filters ul li{
	display: block;
	line-height: 42px;
	}
	.tara-about .tara-inline .circle {
	margin: 10px 20px;
	}
	.tara-blog-list-post {
	width: 420px;
	}
		.tara-blog-list-side {
		width: 72px;
		}
			.tara-blog-image {
			width: 308px;
			}
			.tara-blog-image img {
			width: 100%;
			}
	.tara-form, .tara-contact-info {
	width: 100%;
	}
	.tara-contact-info {
	padding-top: 0;
	}
	.tarabox-text {
	width: 384px;
	}
	.viewport {
	width: 379px;
	}
	.tarabox-content {
	height: 872px;
	}
	.tarabox-slider {
	width: 100%;
	}
	.tara-page {
	display:block;
	width: 100%;
	}
		.tara-widget.infocat {
		display:block;
		width: 100%
		}
			.tara-widget.infocat .triangle {
			right: 50%;
			top: 103%;
			transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			}
		.tara-content , .tara-sidebar {
		width: 100%;
		}
		.tara-content {
		display:block;
		margin-bottom: 36px;
		}
		.tara-sidebar {	
		}
			.tara-widget {
			width: auto;
			}
				.tara-content .imgtop, .tara-widget.dropdown  {
				width: 100%;
				}
				.tara-comments .tara-form {
				width: 100%;
				}
			.tara-pricing-holder .columns.six {
			width: 100%;
			}
	.tara-buy-box .tara-inline.left {
	width: 100%;
	margin: 0 0 20px;
	text-align: center;
	}
	.tara-buy-box {
	text-align: center;
	}
	.tara-page .tara-blog-list-content {
	padding: 0 10px;
    width: auto;
    }
    #expand_menu {
    right: 25px;
    }
    	.nav-separator {
    	right: 80px;
    	}
	.tara-image-holder .box, 	.tara-image-holder .box.wide, 	.tara-image-holder .box.wider {
	width: 100%;
	}
		.tara-image-holder .box .half-height, .box .full-height {
		height: auto;
		padding: 0 0 34px;
		}
	.tara-image-holder {
	background-attachment: scroll;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.tara-image-holder .box, 	.tara-image-holder .box.wide, 	.tara-image-holder .box.wider {
	width: 100%;
	}
		.tara-image-holder .box .half-height {
		height: 112px;
		}
	.box h1 {
	font-size: 33px;
	}
	.box h2 {
	font-size:20px;
	}
	.tara-services .container .column, .container .columns {
	margin: 0;
	}
	.tara-timeline-content, .tara-timeline-date {
	width: 46%;
	}
	.tara-portfolio-item {
	min-width: 420px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
	.box h1 {
	font-size: 27px;
	}
	.box h2 {
	font-size:17px;
	}
	.tara-services .container .column, .container .columns {
	margin: 0;
	}
	.tara-timeline-content, .tara-timeline-date {
	width: 44%;
	}
	.tara-about .tara-inline .circle {
	float: none;
	margin: 10px 20px;
	}
	.tara-carousel-slider .overview li {
	width: 300px;
	}
	.tara-blog-list-post, .tara-blog-image, .tara-blog-list-content p.right  {
	width: 300px;
	}
		.tara-blog-list-side {
		width: 300px;
		text-align: left;
		}
			.tara-blog-list-side .tara-blog-list-feat {
			display: inline-block;
			margin: 0 10px;
			}
			.tara-blog-list-side .tara-blog-list-feat:first-child {
			margin: 0 10px 0 0;
			}
		.tara-blog-list-content {
		width: 300px;
		}
			.tara-blog-image img {
			width: 100%;
			}
		.half-width {
		width: 100%;
		}
	.tarabox-text {
	width: 300px;
	}
	.viewport {
	width: 295px;
	}
	.tara-page {
	width: 100%;
	}
		.tara-content ,  .tara-sidebar{
		width: 100%;
		}
	.tara-post blockquote {
	padding: 0 0 0 30px;
	background-position: 0 0;
	}
	.tara-widget.infocat .author {
	padding: 30px 4%;
	}
	.tara-widget iframe {
	max-width: 250px
	}
		.tara-page .tara-blog-list-side {
		width: 100%;
		}
		.tara-page .tara-blog-image, .tara-page .tara-blog-list-content p.right {
		width: 100%;
		}
}

/* 	HIGH DPI QUERIES */

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	.heart {
	background-image: url('http://www.themeflame.org/themes/tara/multi-page/dark/images/2x/heart.png');
	}
	.contact-icons {
	background-image: url('../images/2x/tara-contact-icons.png');
	background-size: 48px 16px;
	}
	.tara-portfolio-plus {
	background-image: url('../images/2x/port-plus.png');
	background-size: 27px 27px;
	}
	.tara-blog-icon {
	background-image: url('../images/2x/tara-blog-list-icons.png');
	background-size: cover;
	}
	.tara-smallsocial {
	background-image: url('../images/2x/tara-socials-small.png');
	background-size: cover;
	}
	.tara-info-box .icon, .tara-info-box .close {
	background-image: url('../images/infoboxes.png');
	background-size: 270px 100px;
	}
}
/* COLORPICKER FOR DEMO */
#colorpick {
top: 200px;
left: 0;
display: block;
z-index: 7500;
padding: 5px;
transition: left 300ms ease;
-webkit-transition: left 300ms ease;
-moz-transition: left 300ms ease;
-o-transition: left 300ms ease;
-ms-transition: left 300ms ease;
background:#FFFFFF;
  border: 1px solid #E7E7E7;
  background: #fff;
  
}
	#colorpick.closed {
	left: -368px;
	}
		#colortoggle {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #E7E7E7 #E7E7E7 #E7E7E7 #FFFFFF;
		border-style: solid;
		border-width: 1px;
		line-height: 0;
		padding: 10px;
		position: absolute;
		right: -42px;
		top: -1px;
		}