/*
 * Author: Carlos Alvarez
 * URL: http://Alvarez.is
 *
 * Project Name: NYC Design
 * Version: 1.0
 * Date: 04-20-2014
 * URL: 
 */


/* ==========================================================================
   Base Styles, Bootstrap Modifications
   ========================================================================== */

::-moz-selection {
    background: #728e3a;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #728e3a;
    color: #fff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #AAAAAA;
    margin: 1em 0;
    padding: 0;
}

.centered {
	text-align: center
}

.right {
	text-align: right
}

.mt {
	margin-top: 80px;
}

.mb {
	margin-bottom: 80px;
}

/* ==========================================================================
   General styles
   ========================================================================== */


body {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 13px;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    color:#000;
}



.cms h1, .cms h2, .cms h3, .cms h4, .cms h5, .cms h6 {
    color: #000;

}

.imgfull {
    width:100%;
    height: 100%;
}

.cms h1, .cms .h1 {
font-size: 14px;
margin-bottom: 20px;
margin-top:30px;
font-weight: normal;
}

.cms h2, .cms .h2 {
font-size: 14px;
margin-bottom: 20px;
margin-top:30px;
font-weight: normal;
}


.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

#header {
    margin-top:50px;
    margin-bottom:50px;
}

/* menu */
.navbar {min-height: inherit;}

.navbar-default .navbar-brand {
	color: #AAAAAA;
  
}

.navbar-nav {
 margin:0;
 float:left;
 width: 100%;
}

  .navbar-nav > li {
    float: left;
  }

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #000000;
	background-color: transparent;
/*	border-bottom: 2px solid #1abc9c*/
}

.navbar-default .navbar-nav > li > a {
    color: #AAAAAA;
  padding: 0px 15px 0px 0px;
}

.navbar .collapse > li > a, .choosecountry {
    text-transform: lowercase!important;
    padding-right:0!important;
}

.choosecountry span {
    color: #728e3a;
}

.country {float:right!important;}

.navbar {
  margin-top: 7px;
	margin-bottom:-1px;
  border-radius:0;
}

#submenu {
    height: 1px;
}

#submenu .navbar-nav > li {
    padding-right:15px!important;
}

#submenu {
    margin-bottom:20px;
    /*margin-top:20px;*/
}

@media (min-width: 768px) {
 #submenu {
    /*margin-top: 0px;*/
 }
 .choosecountry {
    padding-right:30px!important;
 }
 }


/* ==========================================================================
   Wrap Sections
   ========================================================================== */


.dl-trigger i {
	font-size: 28px;
  line-height: 38px;
	color: #fff;
  background-color: #AAAAAA;
  width: 36px;
  height: 36px;
  text-align: center;
  margin-bottom:5px;
  
}

.dl-trigger i:hover {
	/*color: #728e3a;*/
  background-color:#000;
}


#social {
	padding-top: 50px;
	padding-bottom: 50px;
  padding-right: 8px;
	background-color: #fff;
}

#social i {
	font-size: 28px;
  line-height: 38px;
	color: #fff;
  background-color: #AAAAAA;
  width: 36px;
  height: 36px;
  text-align: center;
  margin-bottom:5px;
}

#social i:hover {
	/*color: #728e3a;*/
  background-color:#728e3a;
}

#footerwrap {
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #2f2f2f;
}

#footerwrap p {
	color: #f2f2f2;
	margin-left: 10px;
}


.nopadding {
    padding-left:0px;
    padding-right:0px;
}

.collapsing {
	display:none;
}


/* Gallery */
.gallery {
	margin-top: 30px;
}

.gallery img:hover {
	opacity: 0.4;
}

/* masonry */

.putmeincentrum {
 margin-left: auto ;
  margin-right: auto ;
  width: 933px; /* with content padding included */
    
}

.putmeincentrumwide {
 margin-left: auto ;
  margin-right: auto ;
  width:auto;
  max-width: 1475px;
  overflow-y: hidden;
    
}

.lnfooter {
  text-align: center;
  font-size:11px;
  color:#000;
}

.lnfooter  a {
    color:#000;
}



.socialblock {
    float:right;
    padding-right:19px;
}

#masonry, .masonry-extra {
 /* max-width: 1170px;*/
 margin-top:28px;
 margin-left:15px;
 margin-right: 15px;
 width:100%;
 display:block;
 float:left;
}

.tile {
    padding:15px 10px 10px 10px;
    margin-right: 4px;
    margin-bottom: 4px;
    float: left;
    background-color:#AAAAAA;
    color:#fff;
    background-repeat: no-repeat;
}

.innertile {
    border-right:4px solid #fff;
    float: left;
    background-color:#cbdcaa;
    color:#fff;
    padding:15px 10px 10px 10px;
}


.tile h2 {color:inherit; font-size:13px; text-transform: uppercase; margin-top:0;}
.tile p {font-size: 11px;}

.tile-w1 {width:281px; height:200px;}
.tile-w1-h2 {width:281px; height:404px;}
.tile-w1-h2-text-image {width:281px; height:404px; padding:0; background-position: bottom center;}
    .tile-w1-h2-text-image .innertile {width:281px; height:204px; border:0;}
.tile-w2 {width:566px; height:200px; }
.tile-w2-text-image {width:566px; height:200px; padding:0; background-position: top right;}
    .tile-w2-text-image .innertile {width:285px; height:200px;}
.tile-w2-text-imagewide {width:566px; height:200px; padding:0; background-position: top right;}
    .tile-w2-text-imagewide .innertile {width:100%; height:200px; border:0;}
.tile-w2-text-text {width:566px; height:200px; padding:0; background-position: top left;}
    .tile-w2-text-text .innertile {width:283px; height:200px; border: 0;}
.tile-w2-h2 {width:566px; height:404px; }
.tile-w4 {width:1136px; height:200px;}


/* new centrum hack */
@media (max-width: 1218px) {
    
.putmeincentrum {
 margin-left: auto ;
  margin-right: auto ;
    width: 877px;  
}

.container {
width: 877px;
}

.socialblock {
    padding-right:11px;
}

}


@media (max-width: 925px) {
    
.putmeincentrum {
 margin-left: auto ;
  margin-right: auto ;
    width: 599px;  
}

.container {
width: 599px;
}

.socialblock {
    padding-right:17px;
}

}

@media (max-width: 647px) {
    
.putmeincentrum {
 margin-left: auto ;
  margin-right: auto ;
    width: 311px;  
}

.container {
width: 311px;
}

.socialblock, .logofooter {
    padding-right:0;
    margin-top:20px;
    text-align: center;
    width: 100%;
}

}



/* from 4 to 3 col */
@media (max-width: 1219) {
    
.container {
/*width: 877px;*/
}  
  
    
.tile-w4 {width:566px; height:404px;
    background-position:50% 50%;
    background-size:cover;
    position:fixed;
}

}



#dl-menu {display: none; z-index:999;}

/* from 2 to 1 col */
@media (max-width: 647px) {

#submenu, #topmenu { display:none;}
#dl-menu {display: block;}

.tile-w2-text-text  {width:281px; height:400px; padding:0; background-position: bottom left;}
    .tile-w2-text-text .innertile {width:281px; height:200px;}    
    
.tile-w4 {width:281px; height:812px;}
.tile-w2-text-image {width:281px; height:400px; padding:0; background-position: bottom left;}
    .innertile {border:0; border-bottom:4px solid #fff;}
    .tile-w2-text-image .innertile {width:281px; height:200px;}

.tile-w2-text-imagewide {width:281px; height:400px; padding:0; background-position: bottom left;}
    .innertile {border:0; border-bottom:4px solid #fff;}
    .tile-w2-text-image .innertile {width:281px; height:200px;}

.tile-w2-h2 {width:281px; height:200px; 
    background-position:50% 50%;
    background-size:cover;
    position:fixed;
}
.tile-w2 {width:281px; height:400px; 
    background-position:center;
    background-size:cover;
    position:fixed;
}
}


    iframe{min-height: 1200px;}
    
.ccm-image-block { max-width: 100%; height: auto; }


.img-blok {
    float:left;
    margin-bottom:26px;
}

.img-margin-right {
    margin-right:26px;
    float:left;
}

.img-margin-bottom {
    margin-bottom:26px;
    float:left;  
}

.img-no-margin {
    float:left;
}


.img-blok p {
    padding-top:7px;
}

/* responsiv */

@media (max-width: 925px) {
.cms h1, .cms .h1 {
    height: 30px;
}


}

s
@media (max-width: 767px) {
.ccm-image-block {
    width:100%;
    max-width: 100%; height: auto;
    padding-bottom:20px;
    padding-top:20px;
}

}



@media (max-width: 1218px ) and (min-width:926px) {

.img-margin-right {
    margin-right:0px;
}

.img-blok div {
    width:100%;
    margin-bottom:20px;
}
.img-blok {
        margin-bottom:0px;
}

}





@media (max-width: 925px) {
.img-blok img {
    width:100%;
    max-width: 100%;
    height: auto;


}

.img-blok {
        margin-bottom:0px;
}

.img-margin-right {
    margin-right:0px;
}

.img-blok div {
    width:100%;
    margin-bottom:20px;
}

}