/*--Main Css--*/
@import "bootstrap.min.css";
@import url('https://fonts.googleapis.com/css?family=Passion+One:400,700,900'); /*font-family: 'Passion One', cursive;*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700'); /*font-family: 'Oswald', sans-serif;*/
@import "slick.css";
@import "slick-theme.css";

#background-video {
  z-index:-1;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

#backtotop {
    cursor: pointer;
}

body,
html {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0px; 
  /*background: #fff;*/
}
table,div{font-family: 'Oswald', sans-serif;font-size:14px; color:#000; line-height:1.3;}
a{color: #000; text-decoration: none; }
a:hover,a:focus{color: #000; text-decoration: none;}
img{border:none;max-width: 100%;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
*{box-sizing: border-box;}
input,select,textarea,button{font-family: 'Oswald', sans-serif;font-size: 14px;}
button{cursor: pointer;}
h1,h2,h3,h4{margin:10px 0;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
	
ul{margin:0; padding:0;}
ul li{list-style-type: none;}
#main{margin:0 auto;}
header{padding: 20px 20px 10px;height: 85px;}
#logo{float: left;}
#logo h2{font-family: 'Passion One', cursive;font-size: 50px;font-weight: 900;color: #000;margin: 0;}
.social-icon{float: right;}




.social-icon ul li{display: inline-block;padding: 7px 10px 0;}
.social-icon ul li img{width: 35px;height: 35px;}

.home-page{padding: 0 10px 10px;}

.grid {
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -moz-column-width: 20em;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -webkit-column-width: 20em;
    column-count: 4;
    column-gap: 10px;
    column-width: 20em;
}

.grid-item {
    margin-bottom: 10px;
}

.grid-item:last-child {
    margin-bottom: 0;
}
/*.grid-item.grid-item--width2 {width: 20%;}*/


/* .grid {display: flex; flex-flow: row wrap; width: 100%; height: auto;}
.grid-item {width: 20%; position: relative !important; display: flex; flex-flow: column; left: 0 !important; top: 0 !important; float: left; overflow: hidden;}
.grid-item--height {height: 100px;} */
/* .grid-item.grid-item--width2 {width: 20%;} */
.grid-item a{position: relative;display: inline-block;}
.grid-item a:hover .grid-item-hover{display: block;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.grid-item a .grid-item-hover{display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.7);transition: all ease 0.5s;}
.grid-item a .grid-item-hover span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;color: #fff;text-transform: uppercase;border: 2px solid #fff;padding: 5px;font-size: 18px;line-height: 26px;cursor: pointer;}
.grid-item a .grid-item-hover span label{display: block;margin: 0;cursor: pointer;position: relative;}
.grid-item a .grid-item-hover span label.find{letter-spacing: 5px;position: relative;left: 2px;}
.grid-item a .grid-item-hover span label.out{letter-spacing: 8px;position: relative;left: 2px;}
.grid-item a .grid-item-hover span label.more{letter-spacing: 2px;}

.single-photo{width: 100%;position: relative;}
.single-photo > img{width: 100%;height: calc(100vh - 85px);display: block;margin: 0 auto;}
.img-text-box {position: absolute;right: 40px;bottom: 0;background: #fff;text-align: center;padding: 20px 20px 0;}
.img-text-box-inner{border:5px solid #000;border-bottom: 0;padding: 20px;width: 280px;}
.img-text-box-inner h3{text-transform: uppercase;margin: 0;font-size: 20px;letter-spacing: 1px;}
.img-text-box-inner h3 span{display: block;font-weight: 400;margin-top: 8px;}
.img-text-box-inner p{color: #ed177b;text-transform: uppercase;font-size: 17px;margin: 15px 0 10px;letter-spacing: 1px;}
.img-text-box-inner h2{margin: 0;text-transform: uppercase;font-weight: 700;letter-spacing: 2px;padding-left: 30px;margin-top: 20px;}

.center .slick-center img {opacity: 1;transition: all 300ms ease;}
.center img {opacity: 0.2;transition: all 300ms ease;}
/*.slick-list{padding: 0 !important}*/
.slick-slide{padding: 0 5px;}

.single-photo ul.center img{height: calc(100vh - 85px);width: auto;}


footer{}


.single-photo.single-page{background-size: cover;height: calc(100vh - 85px);background-repeat: no-repeat;background-position: center top;}
.single-photo.single-page > img{display: none;}
.the-coveteur-bg{background-image: url(../images/Pelosini_Coveteur_Photo12.jpg);}
.harpers-bazaar-bg{background-image: url(../images/HBAZAAR_TopPlanners_Photo.jpg);background-position: center top -100px !important;}
.corriere-del-bg{background-image: url(../images/CorriereMezzoG_Photo.jpg);}
.overthemoon-best2022{background-image: url(../images/overthemoon_best2022.jpg);}
.corriere-della-sera-bg{background-image: url(../images/corriere-della-sera.jpg);}
.new-york-post-bg{background-image: url(../images/new-york-post.jpg);background-position: center top -100px !important;}
.KnotOnline_Photo-bg{background-image: url(../images/KnotOnline_Photo.jpg);}
.Vogue-Dream-Italian-bg{background-image: url(../images/Vogue-Dream-Italian-Weddings_Photo.jpg);background-position: center center !important;}
.page-six-bg{background-image: url(../images/page-six.jpg);background-position: center center !important;}
.new-york-post-bg{background-image: url(../images/new-york-post.jpg);background-position: center top -100px !important;}
.new-york-post-bg{background-image: url(../images/new-york-post.jpg);background-position: center top -100px !important;}
.new-york-post-bg{background-image: url(../images/new-york-post.jpg);background-position: center top -100px !important;}



#hamburger-navigation{display: none;}
.mobile{display: none;}

/*--------above 1681px------------*/
@media only screen and (min-width:1681px) {
.pagesize{width: 1680px;margin: 0 auto;}
}

/*--------1440px------------*/
@media only screen and (min-width:1440px) and (max-width:1679px) {

}

/*--------1366px------------*/
@media only screen and (min-width:1366px) and (max-width:1439px) {

}

/*--------1180px------------*/
@media only screen and (min-width:1180px) and (max-width:1365px) {

}

/*--------960px------------*/
@media only screen and (min-width:960px) and (max-width:1179px) {
/*.single-photo {height: 100%;}	*/
.isolano-bg {height: 100%;}
}

/*---------768px-----------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*.grid-item {width: 32%;}
.grid-item.grid-item--width2 {width: 32%;}*/
/*.single-photo {height: 100%;}*/
/*.single-photo img {height: 100%;}*/
}


/*-----------640px---------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
/*.grid-item {width: 32%;}
.grid-item.grid-item--width2 {width: 32%;}*/
#logo h2 {font-size: 40px;}
.social-icon ul li {padding: 5px 10px 0;}
.social-icon ul li img {width: 30px;height: 30px;}
.single-photo {height: 100%;}
.img-text-box {position: relative;width: 100%;left: 0;padding: 20px;right: 0;}
.img-text-box-inner{width: 100% !important;border-bottom: 5px solid #000;}
.single-photo img {height: 100%;}
.single-photo .slick-slider{padding-bottom: 45px;}
.slick-prev {left: 15px;background-position:center left;width: 54px;height: 40px;bottom: 0;top: auto;background-size: 20%;transform: translate(0,0);-moz-transform: translate(0,0);-webkit-transform: translate(0,0);}
.slick-prev::after {content: 'PREV';color: #000;position: absolute;left: 20px;font-size: 14px;}
.slick-next {right: 15px;background-position:center right;width: 54px;height: 40px;bottom: 0;top: auto;background-size: 20%;transform: translate(0,0);-moz-transform: translate(0,0);-webkit-transform: translate(0,0);}
.slick-next::after {content: 'NEXT';color: #000;position: absolute;right: 20px;font-size: 14px;}

.single-photo.single-page{height: auto;}
.single-photo.single-page > img{display: block;}
.the-coveteur-bg{background: none;}

}

/*-----------480px---------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
/*.grid-item {width: 48%;}
.grid-item.grid-item--width2 {width: 48%;}*/
#logo h2 {font-size: 32px;}
.social-icon ul li {padding: 5px 10px 0;}
.social-icon ul li img {width: 25px;height: 25px;}
.single-photo {height: 100%;}
.img-text-box {position: relative;width: 100%;left: 0;padding: 20px;right: 0;}
.img-text-box-inner{width: 100% !important;border-bottom: 5px solid #000;}
.single-photo img {height: 100%;}
header {padding: 20px 20px 15px;height: auto;}
.single-photo .slick-slider{padding-bottom: 45px;}
.slick-prev {left: 15px;background-position:center left;width: 54px;height: 40px;bottom: 0;top: auto;background-size: 20%;transform: translate(0,0);-moz-transform: translate(0,0);-webkit-transform: translate(0,0);}
.slick-prev::after {content: 'PREV';color: #000;position: absolute;left: 20px;font-size: 14px;}
.slick-next {right: 15px;background-position:center right;width: 54px;height: 40px;bottom: 0;top: auto;background-size: 20%;transform: translate(0,0);-moz-transform: translate(0,0);-webkit-transform: translate(0,0);}
.slick-next::after {content: 'NEXT';color: #000;position: absolute;right: 20px;font-size: 14px;}

.single-photo.single-page{height: auto;}
.single-photo.single-page > img{display: block;}
.the-coveteur-bg{background: none;}

}

/*----------320px----------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.grid-item {width: 100%;}
.grid-item.grid-item--width2 {width: 100%;}
#logo{float: none;text-align: center;}
#logo h2 {font-size: 30px;}
.social-icon {float: none;text-align: center;}
.social-icon ul li {padding: 5px 10px 0;}
.social-icon ul li img {width: 25px;height: 25px;}
.single-photo {height: 100%;}
.img-text-box {position: relative;width: 100%;left: 0;padding: 20px;right: 0;}
.img-text-box-inner{width: 100% !important;border-bottom: 5px solid #000;}
.single-photo img {height: 100%;}
header {padding: 20px 20px 15px;height: auto;}

.single-photo .slick-slider{padding-bottom: 45px;}
.slick-prev {left: 15px;background-position:center left;width: 54px;height: 40px;bottom: 0;top: auto;background-size: 20%;transform: translate(0,0);-moz-transform: translate(0,0);-webkit-transform: translate(0,0);}
.slick-prev::after {content: 'PREV';color: #000;position: absolute;left: 20px;font-size: 14px;}
.slick-next {right: 15px;background-position:center right;width: 54px;height: 40px;bottom: 0;top: auto;background-size: 20%;transform: translate(0,0);-moz-transform: translate(0,0);-webkit-transform: translate(0,0);}
.slick-next::after {content: 'NEXT';color: #000;position: absolute;right: 20px;font-size: 14px;}

.single-photo.single-page{height: auto;}
.single-photo.single-page > img{display: block;}
.the-coveteur-bg{background: none;}


}