@charset "utf-8";
/* CSS Document */

@media (max-width: 1366px) {
	.slide-out-div {
       padding: 20px;
        width: 350px;
		top: 330px !important;
        background: #fff;
        border: #cc7b3a 5px solid;
		z-index:9999;
    }
	
	.grid-filters-gn {
    margin: 20px auto;
    padding: 0;
    list-style: none;
    position: relative;
    text-align: center;
    width: 490px;
}
	.grid-filters {
    margin: 20px auto;
    padding: 0;
    list-style: none;
    position: relative;
    text-align: center;
    width: 450px;
}
	
	#qualitas-extencia_bg {
    background: url('../img/header_bg/qualitas-extencia-banner.jpg') no-repeat fixed;
    height: 428px;
    background-size: 100%;
   
}
#qualitas-esquina_bg {
    background: url('../img/header_bg/qualitas-esquina-banner.jpg') no-repeat fixed;
    height: 428px;
    background-size: 100%;
    
}

#qn-greens_bg {
    background: url('../img/header_bg/gn-greens-banner.jpg') no-repeat fixed;
    height: 428px;
    background-size: 100%;
    
}

#qualitas-gardens_bg {
    background: url('../img/header_bg/qualitas-gardens-banner.jpg') no-repeat fixed;
    height: 428px;
    background-size: 100%;
    
}

	.grid-filters{margin:20px auto;padding:0;list-style:none;position:relative; text-align:center; width:616px; }
	
.slider-text{
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-size: 52px;
	font-weight: bold;
	line-height: 56px;
	letter-spacing: 1px;
	text-transform: uppercase;
	top: 450px !important;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	text-align: left;
	margin-left:-700px;
	
}
#fpi_feedback {
    z-index: 999999;
    position: fixed;
    width: 86px;
    height: 286px;
    bottom: 0px;
    right: 0px;
    font-size: 16px;
    color: white;
	top:285px !important;	
}

#fpi_content {
    position: absolute;
    left: 86px;
    top: 96px;
    width: 275px;
    height: 240px !important;
    padding: 10px 20px 10px 20px;
    background-color: #333333;
	display:block;
}


}

@media (max-width: 1280px) {

.slider-text{
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-size: 52px;
	font-weight: bold;
	line-height: 56px;
	letter-spacing: 1px;
	text-transform: uppercase;
	top: 490px !important;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	text-align: left;
	margin-left:-700px;
	
}

.grid-filters{margin:20px auto;padding:0;list-style:none;position:relative; text-align:center; width:540px; }



}




@media (max-width: 980px) {
	#fpi_feedback {
    z-index: 999999;
    position: fixed;
    width: 60px;
    height: 450px;
    bottom: 0px;
    right: 21px;
    font-size: 16px;
    color: white;
    top: 238px !important;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 34px 7px 20px 7px;
}

#qualitas-esquina_bg {
    background: url(../img/header_bg/qualitas-esquina-banner-mobile.jpg) no-repeat fixed;
    height: 490px;
   
     background-size: 100%;
}
#qualitas-extencia_bg {
    background: url(../img/header_bg/qualitas-extencia-banner-mobile.jpg) no-repeat fixed;
    height: 490px;
    background-size: 100%;
    /* background-size: cover; */
}

#qualitas-gardens_bg {
    background: url(../img/header_bg/qualitas-gardens-banner-mobile.jpg) no-repeat fixed;
    height: 490px;
    background-size: 100%;
    /* background-size: cover; */
}

#qn-greens_bg {
    background: url(../img/header_bg/gn-greens-banner-mobile.jpg) no-repeat fixed;
    height: 490px;
    background-size: 100%;
    /* background-size: cover; */
}	
}





@media (max-width: 979px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}






@media only screen and (min-width: 768px) {


.btn{
	border-radius: 0px;
	text-decoration: none;
	padding: 12px 15px !important;
	font-size: 12px !important;
	line-height: 19px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	border: 2px solid transparent;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


/*.service-box-l {
    border-left: none !important;
}
.service-box-responsive1
{
	border-right: 1px solid #DEDEDE !important;
}

.service-box-responsive2
{
	border-bottom: 1px solid #DEDEDE;
}*/	

#fpi_feedback {
    z-index: 999999;
    position: fixed;
    width: 60px;
    height: 450px;
    bottom: 0px;
    right: 21px;
    font-size: 16px;
    color: white;
    top: 100px;
}

	

	
.new-tabs-new
{
	padding: 0 25% !important;
	margin-bottom: 40px;
}
.new-tabs-new>li{
	margin: 0 5px;
	text-transform: uppercase;
	font-size: 12px;
}
.new-tabs-new>li>a
{
	color: #8B8B8B;
    padding: 10px 20px;
	background-color: #f2f2f2;
}	
	

}



 /* For tablets: */

@media only screen and (max-width: 640px)
and (orientation: portrait) 
  {

.logo
{
	
	margin:8px 20px 10px 30px !important;
}

.slider-text
{
	text-align:center ;
	margin:auto ;
	font-size:45px !important;
	line-height:80px;
	
}

.cbp-l-grid-blog-desc
{

line-height:20px;

}

.blog-tab-btn
{
	margin-top:30px;

  }
 .gold-btn
 {
	 margin-bottom:20px;
 }
  
  .new-tabs-new {
    padding: 0 23% !important;
    margin-bottom: 40px !important;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px;
}
  
 
 .grid-filters-wrapper {
   
    height: 30px;
    position: absolute;
    right: 300px;
    top: 82px;
    width: 200px;
    z-index: 10;
    margin: 10px -17%;
} 
 .text-center-mobile
 {
	text-align:center 
 }
 
 .values_area {
    height: auto;
    padding: 15px 35%;
}
.img-bottom-margin
{
	margin: 0 auto 30px auto;
}

.promoters
{
	margin-bottom:50px;	
}
  
.social {
  position: fixed;
  top: 300px;
  z-index: 99999;
}

.site-wrapper {
    background: url(../img/who-we-are-bg.jpg) center no-repeat fixed;
    background-size: cover;
    padding: 80px 20px;
}

.cbp-l-grid-blog-desc 
{
	margin-top:1px;
}

.team_bg_area {
    background: url(../img/team_bg.jpg) bottom no-repeat fixed;
	background-size:100% cover;
}
  }



@media only screen and (max-width: 500px) {
	
	.project-text {
    font-size: 14px !important;
    color: #FFFFFF;
    text-transform: uppercase;
}

#our-clients {
    background: url(../img/promoter_bg.jpg) bottom no-repeat fixed;
	background-size:100% cover;
}

 .text-center-mobile
 {
	text-align:center 
 }
}


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
{
	.row {
    margin-right: 20px;
    margin-left: 20px;
}
	.row-none {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
	.slide-out-div {
       padding: 20px;
        width: 300px;
		top: 200px !important;
        background: #fff;
        border: #cc7b3a 5px solid;
		z-index:9999;
		
	
    }
.close-pop {
    font-size: 46px;
    font-weight: 700;
    line-height: 1;
    color: #3fb757;
    text-shadow: none;
    filter: none;
    opacity: 100;
    position: absolute;
    float: left;
    right: 200;
    margin: 0 0 0 310px;}
	
	
	
.bg-color ul li
	{
		text-align: left !important;
	
	}
	
.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 20px;
	
}




#fpi_feedback {
    z-index: 999999;
    position: fixed;
    width: 60px;
    height: 450px;
    bottom: 0px;
    right: 21px;
    font-size: 16px;
    color: white;
    top: 60px !important;
}
.btn{
	border-radius: 0px;
	text-decoration: none;
	padding: 12px 15px !important;
	font-size: 12px !important;
	line-height: 19px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	border: 2px solid transparent;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.font-size
{
	font-size:20px !important;
	margin-bottom:20px !important;
}

.img_maginbottom
{
	margin-bottom:10px;	
}
.general-title h2
{
	text-align:center;	
}

.img-bottom-margin
{
	margin:0 auto 20px auto;	
}

.smk_accordion {
   
    text-align: left;
}
	
	
	.slider-text {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 52px;
    font-weight: bold;
    line-height: 26px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    /* top: 550px !important; */
    background: rgba(0,0,0,0.5);
    padding: 20px;
    text-align: center;
    margin: auto !important;
}
	
.logo
	{
		
		width: 70%;
    margin: -44px 20px 10px 30px !important;
  
	}
	
nav.shrink .navbar-brand img {
    width: 152px;
    height: 45px;
	/*margin-top: -3px;*/
}	
nav.shrink .navbar-brand .logo
{
	   margin: 0px 20px 10px 50px !important;
}

.cbp-l-grid-blog-title {
    font: 500 18px/28px "Raleway",sans-serif;
    padding: 0 20px;
}
.cbp-l-grid-blog-desc {
    font: 400 14px "Open Sans",sans-serif;
    line-height: 22px;
    color: #4c4c4c;
    margin-top: 9px;
    padding: 0px 20px;
}

.promoters
{
	margin-bottom:30px;	
}
	
	
	/*-----tab-----*/
	
	
	.new-tabs-new
{
	padding: 0 !important;
	margin-bottom: 40px;
}

	.new-tabs-new > li {
    margin: 5px 5px;
   
    font-size: 12px;
   
}
	
	.project-text {
    font-size: 14px !important;
    color: #FFFFFF;
    text-transform: uppercase;
}


#our-clients {
    background: url(../img/promoter_bg.jpg) bottom no-repeat fixed;
	background-size:100% cover;
}
.text-center-mobile
{
	text-align:center;

}

/* Portrait */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
{



.close-pop {
    font-size: 46px;
    font-weight: 700;
    line-height: 1;
    color: #3fb757;
    text-shadow: none;
    filter: none;
    opacity: 100;
    position: absolute;
    float: left;
    right: 200;
    margin: -7px 0 0 274px;
}
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: landscape)
{

}