/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-x: hidden;
}
body.pace-running #mastwrap, body.pace-running .mbBgndGallery, 
body.pace-running .text-rotator, body.pace-running .vertical-center{
	opacity: 0;
}
body.pace-done #mastwrap, body.pace-done .mbBgndGallery, 
body.pace-done .text-rotator, body.pace-done .vertical-center{
	opacity: 1;
}
a, a:hover, a:focus{
	text-decoration: none;
}
a:focus { 
    	outline: none; 
}
p{
	color: #555;
	font-family:"OpenSansRegular";
	font-size: 14px;
	line-height:21px;
}
@media (min-width: 1024px) and (max-width: 5000px) {
	.container, .service-details{
		max-width: 990px;
	}
}

/*GUY Common Spacing and Padding*/
.add-top{
	padding-top: 100px;
}
.add-bottom{
	padding-bottom: 60px;
}
.add-top-half{
	padding-top: 50px;
}
.add-bottom-half{
	padding-bottom: 60px;
}

.rotator-wrap{
	display: inline-block;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER, INTRO & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#masthead{
	min-height: 80px;
	width: 100%;
	position: fixed;
	top: 0;
	padding: 5px 15px;
	z-index: 9;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
#masthead.sub{
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.logo{
	float: right;
	color: #ffd600;
	font-family:"NexaBold";
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.15em;
	line-height: 30px;
	text-transform: uppercase;
	/*background:#FFF;*/
}
.logo.sub{
	color: #cccccc;
}
/*Standard Navigation*/
.standard-nav{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 25px;
	float: right;
}
.standard-nav li{
	display: inline-block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.standard-nav li > a{
	color: #fff;
	font-family:"OpenSansBold";
	font-size: 12px;
	font-weight: 100;
	letter-spacing: 0.15em;
	line-height:19px;
	text-transform: uppercase;
}
.standard-nav li > a.sub{
	color: #000;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - COMMON ELEMENTS & TYPOGRAPHY  */
/*-------------------------------------------------------------------------------------------------------------------------------*/

#mastwrap{
	overflow: hidden; /*remove this*/
}
.page-section{
	min-height: 400px;
}
.super-heading{
	font-family:"NexaLight";
	text-transform: uppercase;
	font-size: 96px;
	line-height: 103px;
	color: #030303; 
	font-weight: 200;
}
.promo-heading{
	font-family:"NexaBold";
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	color: #121212;
	padding-bottom: 0px;
	padding-top: 0px;
}
.promo-text{
	font-family:"OpenSansLight";
	font-size: 21px;
	line-height:31px;
	color: #646464;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify
}
.main-heading{
	font-family:"NexaBold";
	text-transform: uppercase;
	font-size: 36px;
	line-height: 43px;
	color: #fff;
}
.main-heading-alt{
	color: #000;
}
.liner{
	text-align: center;
	margin-bottom: 15px;
}
.liner > span{
	display: inline-block;
	width: 80px;
	height: 12px;
}
.liner-small{
	text-align: center;
	margin-bottom: 15px;
}

.liner-small > span{
	display: inline-block;
	width: 50px;
	height: 6px;
}
.liner-division{
	background: url('../images/mask/raster.png') repeat;
	height: 15px;
	margin-bottom: 20px;
}
.liner-division-light{
	background: url('../images/mask/raster-light.png') repeat;
	height: 15px;
	margin-bottom: 20px;
}
.liner-division-dark{
	background: url('../images/mask/raster-dark.png') repeat;
	height: 15px;
	margin-bottom: 20px;
}
.arrow-division-dark{
	background: url('../images/arrow.png') center center no-repeat;
	height: 29px;
	margin-bottom: 20px;
}
.grey-text{
	color: #a8b4b7;
}
.white-text{
	color: #fff;
}
.dark-text{
	color: #555;
}
.black-text{
	color: #222 !important;
}
.sub-heading{
	font-family:"OpenSansLight";
	margin-bottom: 30px;
	font-size: 26px;
	line-height:33px;
	color: #fff;
	font-weight: 200;
}
.small-heading{
	margin-bottom: 40px;
	font-weight: 200;
}
.small-heading > span{
	font-family:"OpenSansLight";
	font-weight: 200;
	font-size: 16px;
	line-height:23px;
	color: #fff;
	border: solid 1px #fff;
	padding: 10px 20px;
	text-transform: uppercase;
}
.inner-heading{
	font-family:"OpenSansLight";
	font-weight: 200;
}
.caption{
	margin-bottom: 30px;
}
.caption > span{
	padding: 10px;
	background: #ccc;
	color: #222;
	font-family:"OpenSansLight";
	font-weight: 200;
	font-size: 16px;
	line-height:23px;
}

/*Buttons*/
.btn-dignity-dark{
	background: #121212;
	color: #fff;
	padding: 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: none;
	border-radius: 0px;
	text-decoration: none;
	text-shadow:none;
	font-family:"OpenSansLight";
	font-size: 14px;
	line-height: 21px;
	font-weight: 200;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.btn-dignity-dark:hover{
	background: #fafafa;
	color: #121212;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}

.btn-dignity-white{
	background: #fafafa;
	color: #121212;
	padding: 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: none;
	border-radius: 0px;
	text-decoration: none;
	text-shadow:none;
	font-family:"OpenSansLight";
	font-size: 14px;
	line-height: 21px;
	font-weight: 200;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.btn-dignity-white:hover{
	background: #121212;
	color: #fff;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.btn-rounded{
	background: transparent;
	border: solid 2px #515456;
	color: #ffd600;
	padding: 20px;
	box-shadow: none;
	border-radius: 0%;
	text-decoration: none;
	text-shadow:none;
	font-family:"NexaBold";
	font-size: 30px;
	line-height: 31px;
	font-weight: 200;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
/*-GUY-----*/
.btn-rounded:hover{
	background: transparent;
	border: solid 2px #ccc;
	color: #ccc;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - PAGES & SECTIONS SETUP*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*ABOUT*/
.about{
	background-color: #fff;
	/*GUY*/
	margin-top:-3%;
}
.about-welcome{

}
.about-emblem{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    	width: 300px;
}

.about-emblem > img{
    	width: 300px;
}

/*SERVICES*/
.services{
	background: #111 url('../images/bg/about.jpg') center center;
	background-size: cover;
}
.services-icon-wrap{
	margin-top: 10px;
}

.services-icon-wrap > .service-icon{
	padding-bottom: 40px;
}

.services-icon-wrap > .service-icon > img{
	cursor: pointer;
}
.services-icon-wrap > .service-icon > a > img{
}
.services-icon-wrap > .service-icon > h5{
	font-size: 16px;
	line-height: 23px;
	color: #fff;
	font-family:"OpenSansLight";
	font-weight: 200;
}
.services-expansion{
	padding-top: 40px;
	padding-bottom: 40px;
}
#service-slider{
	padding: 0;
	margin: 0;
	margin-left: -15px;
}
.service-details.default{
	display: block;
}
.service-details > article > .btn-dignity-animated{
	margin-top: 30px;
	margin-bottom: 20px;
}

/*THUMB CAROUSEL*/
.thumb-carousel-wrap{
	margin-top: 30px;
}
.thumb-title{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
}
.thumb-title > h5{
	opacity: 0;
	margin-top: 30%;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.thumb-title > h5 > span{
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 200;
	line-height: 19px;
	font-family:"OpenSansLight";
	text-transform: uppercase;
	padding: 8px 15px;
	border: solid 1px #fff;
}
.item:hover > a > .thumb-title{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.item:hover > a > .thumb-title > h5{
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}


/*TEAM*/
.team{
	background-color: #fff;
}
.team-info-wrap{
	background: #fff;
}

.team-info{
	padding: 20px;
	background:  #eee !important;
}
.team-info h3{
	font-family:"OpenSansLight";
	font-weight: 200;
	margin-bottom: 0;
	color: #000;
}
.team-info h5{
	margin-bottom: 15px;
	font-weight: 200;
}

.team-info h5 > span{
	padding: 5px 10px;
	color: #000;
	border: solid 1px #444;
	font-weight: 200;
	text-transform: uppercase;
	font-size: 12px;
	font-family:"OpenSansLight";
}
.team-social{
	padding: 0;
	margin: 0;
	list-style: none;
}
.team-social li{
	display: inline-block;
}
.team-social li a{
	opacity: 1;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.team-social li a:hover{
	opacity: 0.5;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.team-specs{
	padding: 10px;
	padding-bottom: 20px;
}

/*TESTIMONIAL*/
.testimonial-carousel-wrap{
}
.testimonial-carousel{
	padding: 80px;
	padding-top: 100px;
	background-size: cover;
}
.testimonial-block{
}
.owl-theme .owl-controls .owl-buttons div{
	padding: 20px 15px;
	color: #fff;
}
.testimonial-block img{
}

.testimonial-block p{
	margin-bottom: 10px;
	font-family:"OpenSansLight";
	color: #222;
	font-size: 14px;
	line-height: 21px;
}
.testimonial-user{
	margin-top: 20px;
	margin-bottom: 30px;
}
.testimonial-user > span{
	font-size: 14px;
	padding: 7px 14px;
    	border:solid 2px #000;
    	font-family:"OpenSansLight";
    	color: #000;
    	text-align: center;
    	text-transform: uppercase;
}
.testimonial-user > span:hover{
	font-size: 14px;
	padding: 7px 14px;
    	border:solid 1px #000;
    	font-family:"OpenSansLight";
    	color: #fff;
    	background: #000;
    	text-align: center;
    	text-transform: uppercase;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.owl-theme .owl-controls .owl-buttons div{
    padding: 5px 15px;
    border-radius: 50%;
    border:solid 3px #fff;
    font-size: 24px;
    font-family:"OpenSansLight";
    color: #fff;
    text-align: center;
    background: transparent;
    opacity: 1;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.owl-theme .owl-controls .owl-buttons div:hover{
    border:solid 3px #000;
    color: #000;
    background: transparent;
    opacity: 1;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}

/*PORTFOLIO*/
.portfolio{
	background-color: #fff;
}

/*PORTFOLIO*/
#portfolio {
    background-size: cover;
}
#portfolio .welcome-text{
    color: #686351;
}
/*-- 1. General --*/
div#portfolio {
    padding-top: 50px;
    background: #333;
}

div#portfolio_title {
    margin-bottom: 33px;
}

div#portfolio_title h2 {
    color: #FFF;
}

.sortablePortfolio, #portfolioFilter {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
/*guy*/
#portfolio-wrap {
    padding-top: 20px;
}

/*-- 2. Filter --*/
div#filter {
    padding-bottom: 0px;
}

div#filter_wrapper {
    float: left;
    position: relative;
    margin-bottom: 0px;
    left: 50%
}

ul#portfolioFilter {
    line-height: 18px;
    float: left;
    position: relative;
    left: -50%;
}

ul#portfolioFilter li {
    float: left;
    line-height: 46px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    border:solid 1px #888;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 12px;
    font-family:"OpenSansLight";
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}

ul#portfolioFilter li:hover {
     color: #fff;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
			cursor: pointer;
}
ul#portfolioFilter li.active-filter {
     color: #fff;
}

ul#portfolioFilter li.separator {
    line-height: 49px;
    padding: 0px;
    color: #CCC;
    font-size: 11px;
}


/*-- 3. Thumbs --*/
div#portfolio_thumbs {
    position: relative;
    z-index: 7;
}

div#portfolio_thumbs ul {
    display: block;
}

div#portfolio_thumbs ul li {
    float: left;
    width: 20%;
    position: relative;
	/*-- GUY --*/
    padding: 2px;
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
}
div#portfolio_thumbs ul li:hover {
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
}

div#portfolio_thumbs ul li img {
    width: 100%;
    height: auto;
    display: block;
}

div#portfolio_thumbs ul li img.rollover {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);
    top: 0px;
    left: 0px;
}

div#portfolio_thumbs ul li div.item_info {
    display: none;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 11;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    padding-bottom: 15px;
    text-align: center;
}

div#portfolio_thumbs ul li div.item_info h3 {
	color: #000;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 200;
	line-height: 23px;
	font-family:"OpenSansLight";
	text-transform: uppercase;
	padding: 5px 10px;
}
div#portfolio_thumbs ul li div.item_info p{
	margin-top: 120px;
}
div#portfolio_thumbs ul li div.item_info p > span{
	color: #000;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 200;
	line-height: 19px;
	font-family:"OpenSansLight";
	text-transform: uppercase;
	padding: 5px 10px;
	border:solid 1px #000;
}
.add-space-min{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*-- 4. Item page --*/
#portfolio_item {
    display: none;
    width: 100%;
	margin-top: 90px;
/*-- GUY --*/
}

#item_container {
    padding-bottom: 25px;
}

#item_content {
    margin: 0 auto;
}

#text_content {
    /*width: 680px;*/
    line-height: 20px;
    text-align: left;
    font-size: 12px;
    color: #666;
}

#text_content h3 {
    font-size: 48px;
    line-height: 55px;
    color: #121212;
    font-family:"OpenSansLight";
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 15px;
}
#text_content p {
    font-size: 14px;
    line-height: 21px;
    color: #666;
    font-family:"OpenSansRegular";
    font-weight: normal;
}

/* Slider */
#item_slider {
/*    width: 680px;*/
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

#item_slider a:active {
    outline: none;
}

.slides,  .flex-control-nav,  .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

#item_slider .slides > li {
    display: none;
}

#item_slider .slides img {
    max-width: 100%;
    display: block;
}

#item_slider {
    position: relative;
    zoom: 1;
}

#item_slider .slides {
    zoom: 1;
}

#item_slider .slides > li {
    position: relative;
}

#item_slider .flex-direction-nav li a {
    width: 30px;
    height: 30px;
    line-height: 26px;
    border-radius: 30px;
    color: #000;
    border: solid 2px #000;
    position: absolute;
    top: 10px;
    cursor: pointer;
    text-indent: 1px;
    font-size: 15px;
    font-family:"OpenSansLight";
    text-align: center;
    background: transparent;
}

#item_slider .flex-direction-nav li a:hover {
    background: transparent;
}

#item_slider .flex-direction-nav li .next {
    left: 45px;
}

#item_slider .flex-direction-nav li .prev {
    left: 10px;
}


/* Video */
#item_video_wrapper {
}

#item_video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

#item_video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
	border:none;
}

/* Control buttons */
#control_buttons {
/*    width: 680px;*/
    padding: 15px 8px 5px 8px;
    margin-top: 10px;
}
/* GUY */
#control_buttons a {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 0px;
    line-height: 38px;
    margin-bottom: 10px;
    margin-left: 5px;
border:solid 2px #121212;
    font-size: 30px;
	font-weight: bold;
    font-family:"OpenSansLight";
    color: #121212;
     text-align: center;
}

.url-linker a{
	margin-left: 0px;
	margin-top: 10px;
}
.project-info-tag{
	padding-top: 10px;
	margin-bottom: 10px;
    border-bottom: solid 1px #aaa;
	padding-bottom: 20px;
}
.project-info-tag > span{
	/* color: #fff; */
    font-family:"OpenSansLight";
    padding: 5px 8px;
    font-size: 12px;
	line-height: 25px;
}

#grid .mix{
    opacity: 0;
    display: none;
}
.project-deatil-image{
	padding: 0 !important;
}
.det-overlay{
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}
.project-deatil-image:hover > a > img{
	opacity: 0;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.project-deatil-image:hover > a > .det-overlay{
	opacity: 1;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.project-features-wrap{
	margin-top: 40px;
}
.project-spec-lines{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.project-spec-lines li{
	padding: 10px;
	background:#eee;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 21px;
	font-family:"OpenSansRegular";
	color: #444;
}

/*CONTACT*/
.contact{
	background:#3E4042;
}
input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 2px solid #515456 !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #ffd600;
    font-family:"OpenSansLight" !important;
    font-size: 18px !important;
    height: 50px !important;
    line-height: 35px !important;
    margin-bottom: 30px !important;
    padding: 10px !important;
    width: 100%;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
input:focus, textarea:focus {
    border: 2px solid #ccc !important;
    color: #ffd600 !important;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 2px solid #515456 !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #ffd600 !important;
    font-family:"OpenSansLight" !important;
    font-size: 18px !important;
    line-height: 30px !important;
    margin-top: 0;
    padding: 10px !important;
    resize: none;
    width: 100%;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
input.send_message {
    background: none repeat scroll 0 0 #ffd600;
    color: #ffd600;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    width: 120px;
}
input.send_message:hover {
    background: none repeat scroll 0 0 #ffd600;
}
.error_message {
    background-color: #FFE9E9;
    border-color: #FBC4C4;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #DE5959;
    float: none;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 15px 40px 15px 18px;
    position: relative;
    width: auto;
}
fieldset {
    border: 0 none;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}
fieldset h1 {
    color: #000000;
    font-size: 24px;
}
.contact-label-box {
    color: #FFFFFF;
    font-family:"OpenSansLight";
    font-size: 24px;
    line-height: 31px;
    padding: 30px 20px;
    text-align: center;
}
.contact-label-box > span {
    display: block;
    margin-right: 10px;
}
.contact-label-box > span > img {
    height: 60px;
    width: 60px;
}
.contact-label-box a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
.contact .alert{
	box-shadow: none;
	border:none;
	border-radius: 0;
	text-shadow:none;
	color: #fff;
	font-size: 16px;
	line-height: 23px;
    	font-family:"OpenSansLight";
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.mastfoot{
}
.footer-top{
	padding: 40px;
	background: #2F3133;
}
.footer-top p{
	color: #777;
	margin-bottom: 0;
}
.footer-top .phone{
	color: #fff;
	font-family:"OpenSansBold";
	font-weight: 100;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 0;
}
.footer-top a{
	color: #fff;
	font-family:"OpenSansBold";
	font-weight: 100;
	font-size: 18px;
	line-height: 25px;
	text-decoration: none;
}
.footer-bottom{
	padding: 40px;
	background: #27292B;
}
.footer-bottom h3{
	margin-top: 0;
	color: #fff;
}
.footer-social{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-social li{
	display: inline-block;
}
.footer-social li > a > img{
	width: 50px;
}
.footer-social li > a:hover > img{
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
		-ms-transition: all .4s linear;
		 -o-transition: all .4s linear;
			transition: all .4s linear;
			opacity: 0.3;
}
.credits{
	margin-top: 0px;
}
.credits > p{
	font-size: 12px;
	line-height: 19px;
	font-family:"OpenSansLight";
	font-weight: 200;
}

/*Addon Styles on v2.0*/

.valign, .vertical-center{
    position: relative;
	top: 65%;
	/*guy - לשנות את גובה הכפתור */
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/*LESS Compiled to CSS (Please read PDF guide to manage colors via LESS 
  with just a single line of code editing)*/
/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

::selection {
  background: #ffd600;
  /* Safari */
  color: #fff;
}
::-moz-selection {
  background: #ffd600;
  /* Firefox */
  color: #fff;
}
.color-high {
  color: #ffd600;
}
.footer-top a:hover {
  color: #ffd600;
}
.project-info-tag > span {
  /*background: #ffd600;*/
}
#control_buttons a:hover {
  color: #ffd600;
  border: solid 3px #ffd600;
}
#item_slider .flex-direction-nav li a:hover {
  border: solid 2px #ffd600;
  color: #ffd600;
}
div#portfolio_thumbs ul li div.item_info h3 {
  background: #ffd600;
}
div#portfolio_thumbs ul li div.item_info {
  background: rgba(255,255,255,0.9) /* url('../images/icons/open.png')*/ center center no-repeat;
}
ul#portfolioFilter li.active-filter {
  background: #ffd600;
  border: solid 1px #ffd600;
}
ul#portfolioFilter li:hover {
  background: #ffd600;
  border: solid 1px #ffd600;
}
.team-info {
  border-bottom: 8px solid #ffd600;
}
.item:hover > a > .thumb-title {
  background: #ffd600;
}
.services-expansion {
  background: #ffd600;
}
.liner-small > span {
  background: #ffd600;
}
.liner > span {
  background: #ffd600;
}
.promo-heading {
  border-top: solid 1px #ffd600;
  border-bottom: solid 1px #ffd600;
}
.contact .alert {
  background: #ffd600;
}
.cl-effect-10 a::before {
  background: #ffd600;
}
.pace .pace-progress {
  background: #ffd600;
}
.menu a:hover {
  background: #ffd600;
}
.top-banner-caption-v1 h3 > span {
  border-bottom: solid 4px #ffd600;
}
.top-banner-caption-v2 h3 > span {
  color: #fff;
  background: #ffd600;
}
.top-banner-caption-v3 h3 > span {
  color: #fff;
  background: #ffd600;
}
.top-banner-caption-v4 h3 > span {
  color: #fff;
  background: #ffd600;
}
.top-banner-caption-v5 h3 > span {
  color: #fff;
  background: #ffd600;
}
.top-banner-caption-v9 {
  background: #ffd600 !important;
}
.btn-rounded-color:hover {
  color: #fff !important;
  background: #ffd600 !important;
  border: solid 2px #ffd600 !important;
}
.top-banner-caption-v6 h3 > span {
  color: #fff;
  background: #ffd600;
}
.btn-rounded-color2 {
  color: #fff !important;
  background: #ffd600 !important;
  border: solid 2px #ffd600 !important;
}
.btn-rounded-color2:hover {
  color: #fff !important;
  background: #121212 !important;
  border: solid 2px #121212 !important;
}
.services-icon-wrap-yellow > .service-icon.current {
  background: url('../images/triangle-yellow.png') center bottom no-repeat;
}
.services-icon-wrap-red > .service-icon.current {
  background: url('../images/triangle-red.png') center bottom no-repeat;
}
.services-icon-wrap-green > .service-icon.current {
  background: url('../images/triangle-green.png') center bottom no-repeat;
}
.services-icon-wrap-blue > .service-icon.current {
  background: url('../images/triangle-blue.png') center bottom no-repeat;
}
.testimonial-carousel-yellow {
  background: url('../images/bg/testimonials-yellow.jpg') center center repeat;
}
.testimonial-carousel-red {
  background: url('../images/bg/testimonials-red.jpg') center center repeat;
}
.testimonial-carousel-green {
  background: url('../images/bg/testimonials-green.jpg') center center repeat;
}
.testimonial-carousel-blue {
  background: url('../images/bg/testimonials-blue.jpg') center center repeat;
}
.standard-nav li > a.highlighted {
  color: #ffd600 !important;
}
.standard-nav li > a:hover {
  color: #ffd600 !important;
}
.det-overlay {
  background: #ffd600 url('../images/zoom.png') center center no-repeat;
}
.top-caps12 > .inner-ring {
  background: #ffd600;
}


   .mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
	and (max-device-width : 680px){  .mobileHide { display: none;}}
   /*and (max-device-width : 480px){  .mobileHide { display: none;}}*/


.hero{position:relative;height:50vh;min-height:300px;background-color:#000;z-index:0}@media screen and (max-width:768px){.hero{height:31vh;min-height:0}}@media screen and (max-width:480px){.hero{height:30vh}}.hero:hover .hero__video{opacity:1}.hero:hover .hero__cta{opacity:1}@media screen and (max-width:480px){.home .hero{height:23vh;min-height:0}}.hero .hero__image{width:100%;height:50vh;min-height:300px;background-size:cover;background-position:50%;z-index:-10}@media screen and (max-width:768px){.hero .hero__image{height:31vh;min-height:0}}@media screen and (max-width:480px){.hero .hero__image{height:30vh}}.home .hero .hero__image{position:fixed;top:0;left:0}.hero .hero__video{height:100%;overflow:hidden;position:relative;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.hero .hero__video .video{position:absolute;left:0;right:0;top:50%;margin-top:-28.1%;padding-bottom:56.2%;height:0;overflow:hidden}.hero .hero__video .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.hero .hero__container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:1476px;width:100%;max-width:2000px;padding-left:96px;padding-right:96px}@media screen and (max-width:768px){.hero .hero__container{padding-left:24px;padding-right:24px}}.hero .hero__container .hero__heading{padding-left:25%;padding-right:15%;font-size:38px;font-size:2.375rem;line-height:1.25;color:#fff;white-space:pre-line}@media screen and (max-width:480px){.hero .hero__container .hero__heading{padding-left:24px;padding-right:24px;font-size:24px;font-size:1.5rem;white-space:inherit}}.hero .hero__cta{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:24px;font-size:1.5rem;font-weight:700;border-bottom:2px solid #69b6bf;line-height:1.25;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.hero .hero__scroll{position:absolute;bottom:36px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:480px){.hero .hero__scroll{bottom:12px}}.hero .hero__scroll svg polyline{stroke:#fff;-webkit-transition:stroke .5s;transition:stroke .5s}.hero .hero__scroll svg:hover polyline{stroke:#69b6bf;stroke-dasharray:100px;stroke-dashoffset:100px;-webkit-animation-name:svg-drawing;animation-name:svg-drawing;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.hero .hero__play{position:absolute;bottom:36px;right:96px;display:-webkit-box;display:-ms-flexbox;display:flex}.hero .hero__play:hover span:after{width:100%;opacity:1}.hero .hero__play svg{vertical-align:middle;margin-right:6px}.hero .hero__play span{display:inline-block;line-height:30px;height:30px;color:#fff;font-weight:400}.hero .hero__play span:after{content:"";display:block;width:0;height:3px;opacity:0;background-color:#69b6bf;-webkit-transition:opacity .25s,width .25s;transition:opacity .25s,width .25s}