@font-face {

    font-family: 'montserrat';

    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'montserratbold';

    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



body{

	overflow-x:hidden;

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

}



.text-muted{

	color:#777

}



.text-primary{

	color:#77BB1F

}



p{

	font-size:14px;

	line-height:1.75

}



p.large{

	font-size:16px

}



a,a:hover,a:focus,a:active,a.active{

	outline:0

}



a{

	color:#A57C52

}



a:hover,a:focus,a:active,a.active{

	color:#77BB1F

}



h1,h2,h3,h4,h5{

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	text-transform:uppercase;

	font-weight:700

}



h6 {

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	font-size: 24px;

}



.company-overview {

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	font-size: 24px;

	font-weight:700

}





.uppercase{

	text-transform:uppercase;

	font-weight:700

}



.color_white{

	color: #FFFFFF;

}



.color_green{

	color: #76BD1D;

}



.color_brown{

	color:#534741;

}



.color_brown2{

	color:#534741;

}



.color_orange{

	color: #F7931E;

}



.img-centered{

	margin:0 auto

}



.bg-light-gray{

	background-color:#f7f7f7

}



.bg-darkest-gray{

	background-color:#222

}



.btn-primary{

	color:#fff;

	background-color:#A57C52;

	border-color:#A57C52;

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	text-transform:uppercase;

	font-weight:700

}



.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{

	color:#fff;

	background-color:#77BB1F;

	border-color:#f6bf01

}



.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{

	background-image:none

}



.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{

	background-color:#A57C52;

	border-color:#A57C52

}



.btn-primary .badge{

	color:#A57C52;

	background-color:#fff

}



.btn-xl{

	color:#fff;

	background-color:#77BB1F;

	border-color:#77BB1F;

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	text-transform:uppercase;

	font-weight:700;

	border-radius:3px;

	font-size:18px;

	padding:20px 40px

}



.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{

	color:#fff;

	background-color:#A57C52;

	border-color:#A57C52;

}



.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{

	background-image:none;

}



.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active{

	background-color:#A57C52;

	border-color:#A57C52;

}



.btn-xl .badge{

	color:#A57C52;

	background-color:#fff;

}



.navbar-default{

	background-color:#ffffff;

	border-color:transparent;

}



.navbar-default .navbar-brand{

	color:#A57C52;

	font-family:"montserratbold";

	font-size: 18px;

}



.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{

	color:#77BB1F;

	font-family:"montserratbold";

	font-size: 18px;	

}



.navbar-default .navbar-collapse{

	border-color:rgba(255,255,255,.02);

}



.navbar-default .navbar-toggle{

	background-color:#A57C52;

	border-color:#A57C52;

}



.navbar-default .navbar-toggle .icon-bar{

	background-color:#fff

}



.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{

	background-color:#A57C52;

}



.navbar-default .nav li a{

	font-family:"montserratbold";

	text-transform:uppercase;

	font-weight:400;

	letter-spacing:1px;

	color:#A57C52;

	font-size: 12px;

}



.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{

	color:#77BB1F;

	outline:0;

}



.navbar-default .navbar-nav>.active>a{

	border-radius:0;

	color:#fff;

	background-color:#A57C52;

	font-family:"montserratbold";

}



.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{

	color:#fff;

	background-color:#77BB1F;

}



@media (min-width:768px){

	.navbar-default{

		background-color:white;

		padding:13px 0;

		-webkit-transition:padding .3s;

		-moz-transition:padding .3s;

		transition:padding .3s;

		border:0;

		border-top: 15px solid #76BD1D;

	}



	.navbar-default .navbar-brand{

		font-size:18px;

		-webkit-transition:all .3s;

		-moz-transition:all .3s;

		transition:all .3s

	}



	.navbar-default .navbar-nav>.active>a{

		border-radius:3px;

	}



	.navbar-default.navbar-shrink{

		background-color:white;

		padding:10px 0

	}



	.navbar-default.navbar-shrink .navbar-brand{

		font-size:1.5em

	}

}



header{

/*	background-image:url(../images/daylight-header-bg.png);*/

	background-repeat:none;

	background-attachment:scroll;

	background-position:center center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	background-size:cover;

	-o-background-size:cover;

	text-align:center;

	color:#fff

}



header .intro-text{

	

	padding-bottom:50px;

	/*padding-top:340px;border:1px solid blue;*/

}



.full-width {

    width: 100%;

}





.carousel-caption {

    position: absolute;

    top: 0;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    height: 100%;

}

.daylight-logo{

	border: 1px solid white;

}



header .intro-text .intro-lead-in{

	/*font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;*/

	font-style:italic;

	font-size:22px;

	line-height:22px;

	margin-bottom:25px

}



header .intro-text .intro-heading{

	/*font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;*/

	text-transform:uppercase;

	font-weight:700;

	font-size:50px;

	line-height:50px;

	margin-bottom:25px

}



@media (min-width:768px){

	header .intro-text{

		padding-top:300px;

		padding-bottom:200px

	}



	header .intro-text .intro-lead-in{

		/*font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;*/

		font-style:italic;

		font-size:40px;

		line-height:40px;

		margin-bottom:25px

	}



	header .intro-text .intro-heading{

		font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

		text-transform:uppercase;

		font-weight:700;

		font-size:75px;

		line-height:75px;

		margin-bottom:50px

	}

}



section{

	padding:100px 0

}



section h2.section-heading{

	font-size:40px;

	margin-top:0;

	margin-bottom:15px

}



section h3.section-subheading{

	font-size:16px;

	/*font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;*/





	font-weight:400;

	margin-bottom:75px

}



@media (min-width:768px){

	section{

		padding:150px 0

	}

}



.service-heading{

	margin:15px 0;

	text-transform:none

}



.values_list li{

	margin: 10px;

}



/*------------------

products*/

.products-box {

    display: block;

    position: relative;

    margin: 0 ;

    max-width: 950px;   

}



.products-box img{

	width: 100%;

}



.products-box .products-box-caption {

    display: block;

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    color: #fff;

}



.products-overlay-green {

	background-color:#77BC1F; 

    background-color: rgba(119,188,31, 0.8);



	/*opacity: 0;

    background: rgba(119,188,31,.7);

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;*/

}



.products-overlay-blue {

	background-color:#00A99D; 

    background-color: rgba(0, 169,157, 0.8);



	/*opacity: 0;

    background: rgba( 0, 169,157,.7);

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;*/

}



.products-overlay-purple {

	background-color:#662D91; 

    background-color: rgba(102, 45, 145, 0.8);



	/*opacity: 0;

    background: rgba(102, 45, 145,.7);

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;*/

}



.products-overlay-orange {

	background-color:#F15A24; 

    background-color: rgba(241,90,36, 0.8);



	/*opacity: 0;

    background: rgba(241,90,36,.7);

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;*/

}



.products-overlay-yellow {

	/*opacity: 0;

    background: rgba(251,175,59,.7);

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;*/

    background-color:#FBAF3B; 

    background-color: rgba(251,175,59, 0.8);

}



.products-overlay-red {

    background-color:#E52420; 

    background-color: rgba(229,36,32, 0.8);



	/*opacity: 0;

    background: rgba(229,36,32,.7);

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;*/

}



.products-box .products-box-caption .products-box-caption-content {

    position: absolute;

    top: 70%;

    width: 100%;

    text-align: center;

    transform: translateY(-50%);

}



.products-box .products-box-caption .products-box-caption-content .project-category,

.products-box .products-box-caption .products-box-caption-content .project-name {

    padding: 0 15px;

    font-family: 'montserrat';

    font-size: 2em;

}



.products-box .products-box-caption .products-box-caption-content .project-category {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

}



.products-box .products-box-caption .products-box-caption-content .project-name {

    font-size: 18px;

}



.products-box:hover .products-box-caption {

    opacity: 1;

}



.market-text-no-mobile{

	display: block;	

}



.market-text-mobile{

	display: none;

}





@media(min-width:768px) {

    .products-box .products-box-caption .products-box-caption-content .project-category {

        font-size: 16px;

    }



    .products-box .products-box-caption .products-box-caption-content .project-name {

        font-size: 22px;

    }

}







.no-padding-left-right{

	padding-left: 0;

	padding-right: 0;

}

/*------------------*/



.timeline{

	list-style:none;

	padding:0;

	position:relative

}



.timeline:before{

	top:0;

	bottom:0;

	position:absolute;

	content:"";

	width:2px;

	background-color:#f1f1f1;

	left:40px;

	margin-left:-1.5px

}



.timeline>li{

	margin-bottom:50px;

	position:relative;

	min-height:50px

}



.timeline>li:before,.timeline>li:after{

	content:" ";

	display:table

}



.timeline>li:after{

	clear:both

}



.timeline>li .timeline-panel{

	width:100%;

	float:right;

	padding:0 20px 0 100px;

	position:relative;

	text-align:left

}



.timeline>li .timeline-panel:before{

	border-left-width:0;

	border-right-width:15px;

	left:-15px;

	right:auto

}



.timeline>li .timeline-panel:after{

	border-left-width:0;

	border-right-width:14px;

	left:-14px;

	right:auto

}



.timeline>li .timeline-image{

	left:0;

	margin-left:0;

	width:80px;

	height:80px;

	position:absolute;

	z-index:100;

	background-color:white;

	color:#fff;

	border-radius:100%;

	border:7px solid #f1f1f1;

	text-align:center

}



.timeline>li .timeline-image h4{

	font-size:10px;

	margin-top:12px;

	line-height:14px

}



.timeline>li.timeline-inverted>.timeline-panel{

	float:right;

	text-align:left;

	padding:0 20px 0 100px

}



.timeline>li.timeline-inverted>.timeline-panel:before{

	border-left-width:0;

	border-right-width:15px;

	left:-15px;

	right:auto

}



.timeline>li.timeline-inverted>.timeline-panel:after{

	border-left-width:0;

	border-right-width:14px;

	left:-14px;

	right:auto

}



.timeline>li:last-child{

	margin-bottom:0

}



.timeline .timeline-heading h4{

	margin-top:0;

	color:inherit

}



.timeline .timeline-heading h4.subheading{

	text-transform:none

}



.timeline .timeline-body>p,.timeline .timeline-body>ul{

	margin-bottom:0

}



@media (min-width:768px){

	.timeline:before{

		left:50%

	}



	.timeline>li{

		margin-bottom:100px;

		min-height:100px

	}



	.timeline>li .timeline-panel{

		width:41%;

		float:left;

		padding:0 20px 20px 30px;

		text-align:right

	}



	.timeline>li .timeline-image{

		width:100px;

		height:100px;

		left:50%;

		margin-left:-50px

	}



	.timeline>li .timeline-image h4{

		font-size:13px;

		margin-top:16px;

		line-height:18px

	}



	.timeline>li.timeline-inverted>.timeline-panel{

		float:right;

		text-align:left;

		padding:0 30px 20px 20px

	}

}



@media (min-width:992px){

	.timeline>li{

		min-height:150px

	}



	.timeline>li .timeline-panel{

		padding:0 20px 20px

	}



	.timeline>li .timeline-image{

		width:150px;

		height:150px;

		margin-left:-75px

	}



	.timeline>li .timeline-image h4{

		font-size:18px;

		margin-top:30px;

		line-height:26px

	}



	.timeline>li.timeline-inverted>.timeline-panel{

		padding:0 20px 20px

	}

}



@media (min-width:1200px){

	.timeline>li{

		min-height:170px

	}



	.timeline>li .timeline-panel{

		padding:0 20px 20px 100px

	}



	.timeline>li .timeline-image{

		width:170px;

		height:170px;

		margin-left:-85px

	}



	.timeline>li .timeline-image h4{

		margin-top:40px

	}



	.timeline>li.timeline-inverted>.timeline-panel{

		padding:0 100px 20px 20px

	}

}



.team-member{

	text-align:center;

	margin-bottom:50px

}



.team-member img{

	margin:0 auto;

	border:7px solid #fff

}



.team-member h4{

	margin-top:25px; 

	margin-bottom:0;

	text-transform:none

}



.team-member p{

	margin-top:0

}



aside.clients img{

	margin:50px auto

}



section#products{

	

	background-image:url(../images/template/daylight-fondo-negro.jpg);

	background-position:center;

	background-repeat: repeat;

}



section#about{

	

	background-image:url(../images/template/daylight-about-bg.png);

	background-position:center;

	background-repeat:no-repeat

}



section#benefits{

	

	background-image:url(../images/template/daylight-benefits-bg2.png);

	background-position:center;

	background-repeat:no-repeat

}



section#services{

	

	background-image:url(../images/services/daylight-services.png);

	background-position:center;

	background-repeat:no-repeat

}



section#values{	

	background-image:url(../images/values/values.png);

	background-position:center;

	background-repeat:no-repeat

}



section#market-segmentation{	

	background-image:url(../images/values/market-bg.png);

	background-position:center;

	background-repeat:no-repeat

}



section#company-overview{	

	background-image:url(../images/company-overview/company-over-bg3.jpg);

	background-position:center;

	background-repeat:no-repeat

}



section#contact{

	background-color:#222;

	

}

section#policies{

	background-color:#84dd7c52;

	

}



#categories{

    overflow:hidden;

    width:90%;

    margin:0 auto;

}

.clr:after{

    content:"";

    display:block;

    clear:both;

}





/*---------------------------*/

#categories li{

    position:relative;

    list-style-type:none;

    width:27.85714285714286%; /* = (100-2.5) / 3.5 */

    padding-bottom: 32.16760145166612%; /* =  width /0.866 */

    float:left;

    overflow:hidden;

    visibility:hidden;

 

    -webkit-transform: rotate(-60deg) skewY(30deg);

    -ms-transform: rotate(-60deg) skewY(30deg);

    transform: rotate(-60deg) skewY(30deg);

}



#categories li:nth-child(3n+2){

    margin:0 1%;

}



#categories li:nth-child(6n+4){

    margin-left:0.5%;

}



#categories li:nth-child(6n+4), #categories li:nth-child(6n+5), #categories li:nth-child(6n+6) {

    margin-top: -6.9285714285%;

    margin-bottom: -6.9285714285%;

  

    -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);

    -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);

    transform: translateX(50%) rotate(-60deg) skewY(30deg);

}



#categories li:nth-child(6n+4):last-child, #categories li:nth-child(6n+5):last-child, #categories li:nth-child(6n+6):last-child{

    margin-bottom:0%;

}



#categories li *{

    position:absolute;

    visibility:visible;

}



#categories li > div{

    width:100%;

    height:100%;

    text-align:center;

    color:#fff;

    overflow:hidden;

  

    -webkit-transform: skewY(-30deg) rotate(60deg);

    -ms-transform: skewY(-30deg) rotate(60deg);

    transform: skewY(-30deg) rotate(60deg);

    -webkit-backface-visibility:hidden;

}



/* HEX CONTENT */

#categories li img{

    left:-100%; right:-100%;

    width: auto; height:100%;

    margin:0 auto;

}



#categories div h1, #categories div p{

    width:100%;

    padding:0 5%;

	/*font-family: 'Raleway', sans-serif;*/

    font-size: 14px;

    -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;

    -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;

    transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;

}



#categories li h1{

    bottom:110%;

    font-weight:normal;

    font-size:17px;

    padding-top:100%;

    padding-bottom:100%;

}



#categories li h1:after{

    content:'';

    display:block;

    position:absolute;

    bottom:-1px; left:45%;

    width:10%;

    text-align:center;

    z-index:1;

    border-bottom:2px solid #fff;

}



#categories li p{

    padding-top:50%;

    top:110%;

    padding-bottom:50%;

}



/* HOVER EFFECT  */



#categories li div:hover h1 {

    bottom:2%;

    padding-bottom:40%;

}



#categories li div:hover p{

    top:2%;

    padding-top:40%;

}



section#contact .section-heading{

	color:#77BB1F;

}



section#contact .form-group{

	margin-bottom:25px

}



section#contact .form-group input,section#contact .form-group textarea{

	padding:20px

}



section#contact .form-group input.form-control{

	height:auto

}



section#contact .form-group textarea.form-control{

	height:236px

}



section#contact .form-control:focus{

	border-color:#A57C52;

	box-shadow:none

}



section#contact ::-webkit-input-placeholder{

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	text-transform:uppercase;

	font-weight:700;

	color:#bbb

}



section#contact :-moz-placeholder{

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	text-transform:uppercase;

	font-weight:700;

	color:#bbb

}



section#contact ::-moz-placeholder{

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	text-transform:uppercase;

	font-weight:700;

	color:#bbb

}



section#contact :-ms-input-placeholder{

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	text-transform:uppercase;

	font-weight:700;

	color:#bbb

}



section#contact .text-danger{

	color:#e74c3c

}



.company-overview-list li{

	margin: 10px;

	font-size: 20px;

}





@media(max-width:768px) {

	h1{

		font-size: 16px;

	}



	h6{

		font-size: 16px;

	}



	.market_text{

		background-image:url(../images/values/market-text.png);

		background-position:center;

		background-repeat:no-repeat

	}

	

	.market-text-no-mobile{

		display: none;

	}



	.market-text-mobile{

		display: block;

	}



	section#about{		

		background-image:url(../images/template/daylight-about-bg-mobile.png);

		background-position:center;

		background-repeat:no-repeat

	}



	section#benefits{

		background-image:url(../images/template/daylight-benefits-bg2-mobile.png);

		background-position:center;

		background-repeat:no-repeat

	}



	section#services{

		background-image:url(../images/services/daylight-services-mobile.png);

		background-position:center;

		background-repeat:no-repeat

	}




	section#values{	

		background-image:url(../images/values/values-mobile.png);

		background-position:center;

		background-repeat:no-repeat

	}



	section#market-segmentation{	

		background-image:url(../images/values/market-bg-mobile.png);

		background-position:center;

		background-repeat:no-repeat

	}



	section#company-overview{	

		background-image:url(../images/company-overview/company-over-bg.jpg);

		background-position:center;

		background-repeat:no-repeat

	}



	#categories li h1{

		font-size: 7px;

	}



	#categories li div:hover h1 {

    	bottom:5%;

	    padding-bottom:10%;

	}

	

	#company-overview h1{

		font-size: 23px;

	}



	.company-overview-list li{

		font-size: 14px;

	}

}







footer{

	padding:35px 0;

	text-align:center;

	background-image:url(../images/template/daylight-about-bg.png);

	background-position:center;

	background-repeat:no-repeat

}



footer span.copyright{

	

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	

	color: white;

	text-align: left;

}



footer ul.quicklinks{

	margin-bottom:0;

	line-height:40px;

	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

	text-transform:uppercase;

	text-transform:none

}



ul.social-buttons{

	margin-bottom:0

}



ul.social-buttons li a{

	display:block;

	background-color:#222;

	height:40px;

	width:40px;

	border-radius:100%;

	font-size:20px;

	line-height:40px;

	color:#fff;

	outline:0;

	-webkit-transition:all .3s;

	-moz-transition:all .3s;

	transition:all .3s

}



ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{

	background-color:#A57C52

}



.btn:focus,.btn:active,.btn.active,.btn:active:focus{

	outline:0

}



::-moz-selection{

	text-shadow:none;

	background:#A57C52

}



::selection{

	text-shadow:none;

	background:#A57C52

}



img::selection{

	background:0 0

}



img::-moz-selection{

	background:0 0

}



body{

	webkit-tap-highlight-color:#A57C52

}