@media screen and (max-width:991px){.templates{padding:0 12px}}
.templates .template-item{padding:20px 10px;cursor:pointer;text-decoration:none}
.templates .template-item_img{height:auto;padding-bottom:20px;display:flex;align-items:center;justify-content:center}
.templates .template-item_img img{width:auto;height:auto;max-width:100%;max-height:350px}
.templates .template-item_title{text-align:center;height:auto;display:block;white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis;color:#222;font-size:14px;text-transform:uppercase}
.templates .template-item_button{text-align:center;margin:12px 0}
.templates .template-item_button .button{padding:10px 20px;color:var(--secondary_color_1);border:1.5px solid var(--secondary_color_1)}
.templates .template-item_button .button span{font-weight:400;font-size:16px}
.templates .template-item_button .button i.icon::before{color:var(--secondary_color_1);font-size:20px;margin-left:8px}
.templates .template-item_button .button:hover{color:#FFF;background-color:var(--secondary_color_1)}
.templates .template-item_button .button:hover i.icon::before{color:#FFF}
@media screen and (max-width:991px){.templates .modal.fade{padding:0}}
.templates .modal-dialog{min-width:806px;padding-bottom:56px}
@media screen and (max-width:991px){.templates .modal-dialog{max-width:unset;min-width:unset;width:100vw;height:100%;margin:0}}
.templates .modal-dialog .modal-content{border:none;border-radius:0}
.templates .modal-dialog .modal-content .modal-header{border:none}
.templates .modal-dialog .modal-content .modal-header button:focus,
.templates .modal-dialog .modal-content .modal-header button:active,
.templates .modal-dialog .modal-content .modal-header button:visited{box-shadow:none}
.templates .modal-dialog .modal-content .modal-body{margin-bottom:50px}
@media screen and (max-width:767px){.templates .modal-dialog .modal-content .modal-body{padding-top:0}}
.templates .modal-dialog .modal-content .modal-body .title{font-size:24px;line-height:29px;font-weight:300;text-align:center}
@media screen and (max-width:767px){.templates .modal-dialog .modal-content .modal-body .title{text-align:left}}
.templates .modal-dialog .modal-content .modal-body .title.product{margin-bottom:21px;text-transform:uppercase}
@media screen and (max-width:767px){.templates .modal-dialog .modal-content .modal-body .title.product{width:100%}}
.templates .modal-dialog .modal-content .modal-body .title.format{margin-top:31px;margin-bottom:7px}
.templates .modal-dialog .modal-content .modal-body .img{height:250px;width:100%;display:flex;justify-content:center;align-items:center}
@media screen and (max-width:767px){.templates .modal-dialog .modal-content .modal-body .img{height:200px}}
.templates .modal-dialog .modal-content .modal-body .img .format-img{max-height:100%}
.templates .modal-dialog .modal-content .modal-body .formats,
.templates .modal-dialog .modal-content .modal-body .pages{width:100%;border:none}
@media screen and (max-width:767px){.templates .modal-dialog .modal-content .modal-body .formats .formats-box,.templates .modal-dialog .modal-content .modal-body .pages .formats-box,.templates .modal-dialog .modal-content .modal-body .formats .pages-box,.templates .modal-dialog .modal-content .modal-body .pages .pages-box{overflow-x:scroll;-webkit-overflow-scrolling:touch;padding:12px 0;-ms-overflow-style:none;scrollbar-width:none}.templates .modal-dialog .modal-content .modal-body .formats .formats-box::-webkit-scrollbar,.templates .modal-dialog .modal-content .modal-body .pages .formats-box::-webkit-scrollbar,.templates .modal-dialog .modal-content .modal-body .formats .pages-box::-webkit-scrollbar,.templates .modal-dialog .modal-content .modal-body .pages .pages-box::-webkit-scrollbar{display:none}}
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item{position:relative;box-sizing:border-box;color:#fff;text-align:center;cursor:pointer;border:1px solid #c1c1c1;margin:5px 2px;padding-right:0}
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item span,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item span,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item span,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item span{color:var(--secondary_color_3)}
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item i,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item i,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item i,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item i{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item i.icon:before,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item i.icon:before,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item i.icon:before,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item i.icon:before{color:var(--secondary_color_3);line-height:50px !important;font-size:2.2em}
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item.active,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item.active,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item.active,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item.active,
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item:hover,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item:hover,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item:hover,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item:hover{border:1px solid var(--secondary_color_3);background-color:var(--secondary_color_3);color:#FFF}
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item.active i.icon:before,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item.active i.icon:before,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item.active i.icon:before,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item.active i.icon:before,
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item:hover i.icon:before,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item:hover i.icon:before,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item:hover i.icon:before,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item:hover i.icon:before{color:#FFF}
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item.active span,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item.active span,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item.active span,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item.active span,
.templates .modal-dialog .modal-content .modal-body .formats .formats-box .item:hover span,
.templates .modal-dialog .modal-content .modal-body .pages .formats-box .item:hover span,
.templates .modal-dialog .modal-content .modal-body .formats .pages-box .item:hover span,
.templates .modal-dialog .modal-content .modal-body .pages .pages-box .item:hover span{color:#FFF}
.templates .modal-dialog .modal-content .modal-body .formats .desc,
.templates .modal-dialog .modal-content .modal-body .pages .desc{font-weight:300;font-size:14px;line-height:17px;color:#878787;margin:15px 0 26px;text-align:center}
@media screen and (max-width:767px){.templates .modal-dialog .modal-content .modal-body .formats .desc,.templates .modal-dialog .modal-content .modal-body .pages .desc{text-align:left}}
.templates .modal-dialog .modal-content .modal-body .pages .item{height:50px;width:55px;display:flex;justify-content:center;align-items:center}
.templates .modal-dialog .modal-content .modal-body .pages .item span{padding:0 10px}
.templates .modal-dialog .modal-content .modal-body .formats .item{width:114px;height:114px}
.templates .modal-dialog .modal-content .modal-body .formats .item.photocanvas,
.templates .modal-dialog .modal-content .modal-body .formats .item.card,
.templates .modal-dialog .modal-content .modal-body .formats .item.photoposter,
.templates .modal-dialog .modal-content .modal-body .formats .item.photosouvenir,
.templates .modal-dialog .modal-content .modal-body .formats .item.leaflet,
.templates .modal-dialog .modal-content .modal-body .formats .item.slide-in_photo_album,
.templates .modal-dialog .modal-content .modal-body .formats .item.photo_in_frame,
.templates .modal-dialog .modal-content .modal-body .formats .item.card-premium{padding:0 6px;height:60px;width:auto;display:flex;justify-content:center;align-items:center}
.templates .modal-dialog .modal-content .modal-body .formats .item.photocanvas i.icon,
.templates .modal-dialog .modal-content .modal-body .formats .item.card i.icon,
.templates .modal-dialog .modal-content .modal-body .formats .item.photoposter i.icon,
.templates .modal-dialog .modal-content .modal-body .formats .item.photosouvenir i.icon,
.templates .modal-dialog .modal-content .modal-body .formats .item.leaflet i.icon,
.templates .modal-dialog .modal-content .modal-body .formats .item.slide-in_photo_album i.icon,
.templates .modal-dialog .modal-content .modal-body .formats .item.photo_in_frame i.icon,
.templates .modal-dialog .modal-content .modal-body .formats .item.card-premium i.icon{display:none}
.templates .modal-dialog .modal-content .modal-body .formats .item.photoalbum span,
.templates .modal-dialog .modal-content .modal-body .formats .item.photocalendar span,
.templates .modal-dialog .modal-content .modal-body .formats .item.photobook span,
.templates .modal-dialog .modal-content .modal-body .formats .item.photobook-lux span,
.templates .modal-dialog .modal-content .modal-body .formats .item.photocup span{font-size:0}
.templates .modal-dialog .modal-content .modal-body .formats .item.photoalbum i.icon:before,
.templates .modal-dialog .modal-content .modal-body .formats .item.photocalendar i.icon:before,
.templates .modal-dialog .modal-content .modal-body .formats .item.photobook i.icon:before,
.templates .modal-dialog .modal-content .modal-body .formats .item.photobook-lux i.icon:before,
.templates .modal-dialog .modal-content .modal-body .formats .item.photocup i.icon:before{font-size:7em}
.templates .modal-dialog .modal-content .modal-body .formats .item.photocalendar i.icon.clr-icon-photocalendar-a5-biurkowy:before{font-size:2.3em}
.templates .modal-dialog .modal-content .modal-body .formats.smartbook{display:none}
.templates .modal-dialog .modal-content .modal-body .choose-language{margin-bottom:12px}
.templates .modal-dialog .modal-content .modal-body .choose-language .languages{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center}
.templates .modal-dialog .modal-content .modal-body .choose-language .languages .item{box-sizing:border-box;color:var(--secondary_color_3);text-align:center;cursor:pointer;border:1px solid #c1c1c1;margin:5px 2px;padding:5px 10px}
.templates .modal-dialog .modal-content .modal-body .choose-language .languages .item.active,
.templates .modal-dialog .modal-content .modal-body .choose-language .languages .item:hover{border:1px solid var(--secondary_color_3);background-color:var(--secondary_color_3);color:#FFF}
.templates .modal-dialog .modal-content .modal-body .chose-data{display:none;margin-bottom:15px}
.templates .modal-dialog .modal-content .modal-body .chose-data .month__selected{border:1px solid var(--secondary_color_3);padding:10px;margin-top:10px;position:relative;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.templates .modal-dialog .modal-content .modal-body .chose-data .month__selected i{transform:rotate(90deg)}
.templates .modal-dialog .modal-content .modal-body .chose-data .month__list{text-align:center;z-index:1;width:80%;background-color:#fff;position:absolute;border:1px solid var(--secondary_color_3);padding:10px 0;margin:auto;list-style-type:none;top:0;bottom:0;left:0;right:0;-webkit-box-shadow:0 0 40px 0 #222;-moz-box-shadow:0 0 40px 0 #222;box-shadow:0 0 40px 0 #222;height:auto;display:flex;flex-direction:column;justify-content:space-between}
.templates .modal-dialog .modal-content .modal-body .chose-data .month__list .month__item{padding:7px 10px;cursor:pointer}
.templates .modal-dialog .modal-content .modal-body .chose-data .month__list .month__item:hover{background-color:#f0f0f0}
.templates .modal-dialog .modal-content .modal-body .chose-data .month__list .month__item.active{font-weight:bold}
.templates .modal-dialog .modal-content .modal-body .btn-box{display:flex;justify-content:center;align-items:center;width:80%}
@media screen and (max-width:991px){.templates .modal-dialog .modal-content .modal-body .btn-box{width:100%}}
.templates .modal-dialog .modal-content .modal-body .btn-box .btn{width:100%;padding:20px 0;font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}