
div.photo-book {
    position:relative; margin-top:-70px; margin-bottom: 0px;
    height:760px; overflow:hidden; background-color:#fff;
}
/*
@media screen and (min-width: 992px)
{
    div.photo-book { background-color:#F9F5F6; }
}
*/
div.photo-book > div.container { position:relative; }
div.photo-book .back { position:relative; z-index:1; height:0px; }
div.photo-book .back img.bg { display:block; position:absolute; top:-120px; left:-380px; width:1800px; height:1000px; }
div.photo-book .back.visible-sm img.bg { top:-120px; left:-520px; }
div.photo-book .back.visible-xs img.bg { top:44px; left:-230px; width:1000px; height:636px; }
div.photo-book .photobook { display:block; position:absolute; top:50px; left:20px;
	color:#895E82; text-shadow:none; text-transform:uppercase; letter-spacing:-2px;
	font-family:'Roboto Condensed', sans-serif; font-weight:100; font-size:50px; }
div.photo-book .premium { display:block; position:absolute; top:120px; left:20px;
	color:#9d7096;
	font-size:20px;
	font-weight:400;
	text-transform:uppercase; letter-spacing:1px; padding:0px 8px; }
div.photo-book .photobook-slogan { display:block; position:absolute; top:610px; right:8px; max-width:80%;
	font-family:'Roboto Condensed', sans-serif; font-size:22px; line-height:32px; color:#895E82; text-align:right; }
div.photobook-slogan-fmt {font-family:'Roboto Condensed', sans-serif; font-size:20px; color:#895E82; text-align:center; }
@media (min-width: 992px) { div.photo-book .photobook-slogan { right:20px; font-size:28px; } }
div.photo-book .photobook-slogan.visible-lg { top:630px; width:800px; right:20px; font-size:28px; }
div.photo-book .learnmore { display:block; position:absolute; top:610px; left:0px;
	line-height:40px; cursor:pointer; text-align:right; width:210px;
	font-family:'Roboto Condensed', sans-serif; font-size:22px; font-weight:100; color:#ba9bb5; }
div.photo-book .learnmore:hover { color:#895E82; text-decoration:none; }
div.photo-book .learnmore img { display:inline-block; position:relative;
	top:0px; left:-8px; width:50px; height:50px; }
div.photo-book .photobook-menu { position:absolute; width:100%; left:0px; bottom:0px; }
div.photo-book .photobook-menu ul.menu { margin-left:20px; font-size:10px; text-transform:uppercase; }
div.photo-book .ordernow { position:absolute; width:100%; top:650px; text-align:left; padding-left:60px; }

div.bookhints a { color:#EB8B8F; }
div.bookhints a:hover { text-decoration:none; color:#de434a; }
div.bookhints { position:absolute; z-index:10; left:0; top:0; width:980px; height:760px; }
div.bookhints div { position:absolute; color:#EB8B8F; font-size:12px;
                  padding-bottom:2px; border-bottom:1px dashed #EB8B8F; }
div.bookhints div.circle { top:-3px; border:none; height:10px; width:10px;
         border:solid 1px #EB8B8F; border-radius:5px; background:#EB8B8F; }
div.bookhints > div.hint1 { left:240px; top:200px; }
div.bookhints > div.hint1 > div.line { right:-2px; bottom:-2px; width:80px;
       transform-origin: right; transform: rotate(-160deg); }
div.bookhints > div.hint1 > div.line > div.circle { left:0px; bottom:0px; }
div.bookhints > div.hint2 { left:760px; top:180px; }
div.bookhints > div.hint2 > div.line { left:-2px; bottom:-2px; width:100px;
       transform-origin: left; transform: rotate(60deg); }
div.bookhints > div.hint2 > div.line > div.circle { right:0px; bottom:0px; }
div.bookhints > div.hint3 { left:40px; top:280px; }
div.bookhints > div.hint3 > div.line { right:-2px; bottom:-2px; width:80px;
       transform-origin: right; transform: rotate(-60deg); }
div.bookhints > div.hint3 > div.line > div.circle { left:0px; bottom:0px; }
div.bookhints > div.hint4 { left:800px; top:490px; }
div.bookhints > div.hint4 > div.line { left:-2px; bottom:-2px; width:70px;
       transform-origin: left; transform: rotate(-170deg); }
div.bookhints > div.hint4 > div.line > div.circle { right:0px; bottom:0px; }

div.sample-book div.container { max-width:980px; }
div.sample-book { background-color:#f2f2f2; min-height:500px; overflow:hidden;
	border-top:solid 2px #fff; border-bottom:solid 2px #fff;
	}
div.sample-book h2 { position:absolute; top:0px; left:28px; z-index:1; color:#fff;
	font-family:'Lobster', sans-serif; font-size:20pt;
	text-shadow:0px 1px 2px rgba(0,0,0,0.4);
	}
div.sample-book div.h2 { position:absolute; top:64px; left:28px; z-index:1; color:#fff;
	font-family:'Roboto Condensed', sans-serif; font-size:20px;
	text-shadow:0px 1px 2px rgba(0,0,0,0.4); text-align:left;
	}

@media screen and (min-width: 992px)
{
    div.sample-book h2 { font-size:32pt; }
}

div.sample-book-text { position:relative; margin:0 auto; max-width:800px; text-align:center;
	font-family:'Roboto', sans-serif; color:#555; min-height:40px;
	}
div.sample-book-text h3 { color:#895E82; }
div.sample-book-text .heart { font-family:Roboto, sans-serif; font-size:18px; padding:24px;}

div.sample-book .container { position:relative; height:570px;}
div.sample-book img.main0 { display:block; position:absolute; top:0; left:-768px; width:2542px; height:570px; }
div.sample-book .democollage { position:relative; }
@media screen and (max-width: 767px)
{
    div.sample-book .democollage { left:-300px; }
    div.sample-book.kids .democollage { left:-200px; }
    div.sample-book.family .democollage { left:-200px; }
    div.sample-book.travel .democollage { left:-200px; }
}

/*div.sample-book img.main { display:block; position:absolute; top:0; left:-23px; width:763px; height:570px;
	border-left:solid thin #fff; }
div.sample-book img.lefticon { display:block; position:absolute; left:740px; top:0; width:253px; height:190px;
	border-left:solid thin #fff; border-right:solid thin #fff; border-top:solid thin #fff; }
div.sample-book img.icon1 { top:0px; border-top:0;}
div.sample-book img.icon2 { top:190px; }
div.sample-book img.icon3 { top:380px; }
div.sample-book img.leftedge { display:block; position:absolute; left:-760px; top:0; width:auto; height:570px; }
div.sample-book img.rightedge { display:block; position:absolute; right:-760px; top:0; width:auto; height:570px; }
div.sample-book img.leftedge2 { display:block; position:absolute; left:-1520px; top:0; width:auto; height:570px; }
div.sample-book img.rightedge2 { display:block; position:absolute; right:-1520px; top:0; width:auto; height:570px; }*/
div.sample-book button { position:absolute; bottom:40px; left:260px; }

div.sample-book.wedding, div.sample-book.wedding .slide { background-color:#d6cfcb; }
/* div.wedding button { } */
/*div.wedding > div.sample-book-text { color:#A9B144; }*/
div.kids h2 { color:#76496F; text-shadow:0px 1px 2px rgba(255,255,255,0.4); }
div.kids div.h2 { color:#76496F; text-shadow:none; left:530px; }
/* div.kids button { } */
/*div.kids > div.sample-book-text { color:#B09695; }*/
div.family div.h2 { top:70px; left:90px; }
/* div.family button { top:430px; left:290px; } */
/*div.family > div.sample-book-text { color:#887C94; }*/
div.travel div.h2 { top:120px; left:530px; }
/* div.travel button { } */
/*div.travel > div.sample-book-text { color:#128cbe; }*/
div.love h2 { color:#DD3E1A; }
div.love div.h2 { top:10px; left:260px; color:#DD3E1A; }
/* div.love button { bottom:30px; left:30px; } */
/*div.love > div.sample-book-text { color:#DD3E1A; }*/

div.slides { margin-bottom:0px; overflow:hidden; }
div.slides { position:relative; padding-top:20px; }
/*div.slides .slide { position:absolute; top:0; left:0; width:100%; height:100%; }*/
div.slides h2 { font-size:20pt; }
@media screen and (min-width: 992px)
{
    div.slides h2 { font-size:26pt; }
}
div.slides h3 { font-family:'Roboto Condensed', sans-serif; font-size:20pt; color:#fff; }
div.slides div.col { padding-bottom:20px; max-width:400px; text-align:center; color:#eee; font-size:12pt; line-height:15pt; }
div.slides div.col p { padding:0px 20px 10px 20px; font-family:'Roboto Condensed', sans-serif; }
div.slides div.col a { position:relative; font-family:'Roboto Condensed', sans-serif; color:#444; font-size:11pt;
	padding:6px 38px 8px 22px; border-radius:20px; border:solid thin #fff; background:#fff;
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3); }
div.slides div.col a:hover, div.slides div.col:hover a { color:#222;
	border-color:gold; background:gold; text-decoration:none;
	box-shadow: 0px 2px 3px 2px rgba(0,0,0,0.3); }
div.slides div.col a:after
{ content:'→'; display:block; position:absolute; top:8px; right:10px; font-size:16px; line-height:16px; }

div.slides div.col a { color:#fff; border:none; background:#76496F; }
div.slides div.col a:hover, div.slides div.col:hover a { color:#fff; border-color:#fff; background:#AB88A6;
          box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3); }

div.slides div.col img.icon { display:inline-block; width:240px; height:240px;
	border:solid 2px #fff; border-radius:240px; margin-top:10px; cursor:pointer; }
@media screen and (max-width: 992px) { div.slides div.col img.icon { width:160px; height:160px; }  }
div.slides .controls { position:absolute; width:100%; height:40px; left:0; bottom:0; }
div.slides .controls > .container { position:relative; height:40px; }
div.slides .dots { position:absolute; width:100%; height:40px; left:0; bottom:0px; text-align:center;
	-webkit-user-select: none; -moz-user-select: none; user-select: none; }
div.slides .dots .dot { display:inline-block; height:16px; width:16px;
	border-radius:16px;  background:#b9a2a1; background-color:rgba(255,255,255,0.4);
	margin:0px 4px; cursor:pointer; }
div.slides .dots .dot.selected { background:#fff;  border-color:#fff; }
div.slides .link { position:absolute; z-index:9; height:40px; bottom:0; cursor:pointer;
	font-family:'Roboto Condensed', sans-serif;  font-size:18px; line-height:20px; color:#e9e1e1; width:300px;
	-webkit-user-select: none; -moz-user-select: none; user-select: none; }
div.slides .link:hover { color:gold; text-decoration:none; }
div.slides .link.prev { left:100px; text-align:left; }
div.slides .link.next { right:100px; text-align:right; }
div.slides .link.next::after { content:'→'; padding-left:20px; display:block; position:absolute; top:2px; right:-28px; font-size:20px; line-height:20px; }
div.slides .link.prev::before { content:'←'; padding-right:20px; display:block; position:absolute; top:2px; left:-28px; font-size:20px; line-height:20px; }

div.slides .slide { min-height:300px; color:#fff; }
div.slides img.icon { display:inline-block; width:120px; height:120px;
	border:solid 1px #fff; border-radius:240px; margin:8px; }
div.slides img.thumb { display:inline-block; width:240px; height:auto; margin:20px 40px;
	border:solid 1px #fff; border-radius:12px; }

div.slides div.gallery { position:relative; width:240px; height:173px; margin:20px 40px; }
div.slides div.gallery img.thumb { display:block; position:absolute; top:0; left:0;
	width:240px; height:173px; margin:0; }
@media screen and (max-width: 992px)
{
div.slides div.gallery { width:160px; height:115px; }
div.slides div.gallery img.thumb { width:160px; height:115px; }
}

div.slides .slide .thumbs { text-align:center; }
div.slides .slide .thumbs img { display:inline-block; width:240px; height:auto; margin:20px 40px;
	border:solid 1px #fff; border-radius:12px; }

div.slides .slide .text { width:580px; margin:0 200px;
	font-size:14px; line-height:17px; color:#ffffff;  }
div.slides .slide .text p { font-size:14px; line-height:17px; color:#ffffff; text-indent:8px; }
div.slides .slide .text li { margin-top:8px; }

div.slides [onclick] { cursor:pointer; }

div.slides .container { max-width:1200px; }
div.slides.visible-xs { height:1400px; max-height:none; }
div.slides.visible-xs div.col { display:block; width:auto; max-width:400px; }


div.benefits { background:#EBEFF2 url('/images/examples/bg.jpg'); }
div.benefits h2.desktop { color:#76496F; line-height:30pt; font-size:28pt; vertical-align:middle; }
div.benefits .details h2 { font-size:28px; line-height:24px; vertical-align:middle; }
div.benefits h2 img { display:inline-block; height:40pt; width:auto; }
div.benefits .slide.maket .thumbs img { width:320px; height:170px; margin:-10px 0 -10px 0; border:none; }
div.benefits .slide.photo ul { width:400px; }
div.benefits .slide.photo li > div { padding-top:4px; padding-left:8px; }
div.benefits .slide.photo .thumbs { position:relative; }
div.benefits .slide.photo .thumbs img { position:absolute; top:0; left:0; border-radius:10px; }
div.benefits .slide.photo .thumbs img.i1 { top:0px; left:-15px; }
div.benefits .slide.photo .thumbs img.i3 { top:200px; left:-15px; }
#carousel-benefits .icon-prev, #carousel-benefits .icon-next { line-height:0px;font-size:100px;}
#carousel-benefits a.left, #carousel-benefits a.right { background:none; }
div.benefits .slide { color:#555; }
div.benefits .slide .text { color:#555; }
div.benefits .slide .text p { color:#555; }
div.benefits div.col { color:#555; }

div.benefits h3 { color:#76496F !important; }

#carousel-benefits .icon-prev, #carousel-benefits .icon-next { line-height:0px;font-size:100px;color:#76496F; }
#carousel-benefits a.left, #carousel-benefits a.right { background:none; }
#carousel-benefits .carousel-indicators li { border-color:#76496F; }
#carousel-benefits .carousel-indicators .active { background-color:#76496F; }


div.feedbacks label.control-label { color:#999; font-weight:normal; }
div.feedbacks { background:#fff; color:#444; min-height:300px; }
div.feedbacks h2 { color:#75486E; text-shadow:none; }
/*div.feedbacks .slide { top:60px; height:140px; }
div.feedbacks .slide .container { width:800px; }
div.feedbacks .bookicon { float:left; min-width:210px; text-align:left; }
div.feedbacks .bookicon img { width:auto; height:200px; margin: 0 0 -10px -20px; }*/
div.feedbacks .item { min-height:250px; }
div.feedbacks h3 { color:#444; padding-top:20px; }
div.feedbacks div { color:#444; }
div.feedbacks div.datname { color:#539F9C; padding-top:20px; }
div.feedbacks p { color:#444; padding:0 24px 24px 24px; }
div.feedbacks .link { color:#6eb3b1; }
div.feedbacks .fb-item { min-width:320px; max-width:800px; position:relative; margin:0 auto; }
img.feedback-icon { float:left; display:block; max-height:200px; }
#carousel-feedbacks .icon-prev, #carousel-feedbacks .icon-next { line-height:0px;font-size:100px;color:#569F9C; }
#carousel-feedbacks a.left, #carousel-feedbacks a.right { background:none; }
#feedback-ok h3, #feedback-error h3 { font-size:14pt; color:#777; }
/*div.feedbacks button,div.feedbacks a.btn { color:#366765; border-color:#366765; background-color:#eef6f5; }
div.feedbacks button.btn1 { background-color:#bfdddc; }*/
@media screen and (max-width: 768px)
{
img.feedback-icon { float:none; position:relative; margin:0 auto; display:block; max-height:100px; }
div.feedbacks div.datname { text-align:center; padding-top:0; padding-left:32px; padding-right:32px; }
div.feedbacks p { text-align:left; padding-left:15px; padding-right:15px; }
#carousel-feedbacks .carousel-control.left, #carousel-feedbacks .carousel-control.right { width:40px; height:100px; top:0; bottom:auto; }
#carousel-feedbacks { padding-bottom:80px; }
div.feedbacks .btn { margin-bottom:8px; }
}

div.prices { background:#fff; /*background-color:#F7F2EB; background-image:url(/images/prices/bg.jpg);*/ }
div.prices div.col img.icon { border-color:#B09694; }
div.prices h2 { color:#76496F; /*text-shadow:0px 1px 2px rgba(0,0,0,0.2);*/ }
div.prices h3 { color:#475151; }
div.prices div.col { color:#444; }
/*div.prices div.col a { color:#fff; background:#C4747D; border-color:#C4747D; }*/
div.prices .link { color:#B09694; }
div.prices p { color:#444; }
div.prices div.dots .dot { border-color:#c6b0a8; background:#DBCDC8; }
div.prices div.dots .dot.selected { border-color:#c6b0a8; background:#B09694; }
div.prices img.thumb { border-color:#c6b0a8; }
div.price .slide { min-height:550px; }
div.prices .slide.pbs { margin-top:0px; color:#444; }
div.prices .slide.pbs .pb { display:inline-block; position:relative; text-align:center; min-width:100px; }
div.prices .slide.pbs td .pb img { display:block; width:120px; height:120px; margin:0 auto; }
div.prices .slide.pbs td .pb.s20x20 img { width:85px; height:85px; }
div.prices .slide.pbs td .pb.s20x30 img { width:114px; height:110px; }
div.prices .slide.pbs td .pb.s30x20 img { width:120px; height:110px; }
div.prices .slide.pbs td .pb.s25x25 img { width:105px; height:105px; }
div.prices .slide.pbs td .pb.s40x30 img { width:160px; height:160px; }
div.prices .slide.pbs td .pb:before { display:block; content:' ';
	position:absolute; bottom:14px; left:0; z-index:1; width:100%; text-align:center;
	font-family:'Roboto Condensed', sans-serif; font-size:18px; color:#f1dee0; }
div.prices .slide.pbs td .pb.s20x20:before { content:'20x20см'; }
div.prices .slide.pbs td .pb.s20x30:before { content:'20x30см'; }
div.prices .slide.pbs td .pb.s30x20:before { content:'30x20см'; }
div.prices .slide.pbs td .pb.s25x25:before { content:'25x25см'; }
div.prices .slide.pbs td .pb.s30x30:before { content:'30x30см'; }
div.prices .slide.pbs td .pb.s40x30:before { content:'40x30см'; }
div.prices .slide.pbs td .pb .curr { display:block; position:absolute; bottom:-44px; left:0; z-index:1;
        width:100%; text-align:center; padding-left:20px; }
div.prices .slide.pbs .pb .curr { font-family:'Roboto Condensed', sans-serif; font-size:30px; color:#555; }
div.prices .slide.pbs .price { font-family:'Roboto Condensed', sans-serif; font-size:24px; color:#555; }
div.prices .slide.pbs .pb .curr:after { content:''; font-family:'Roboto Condensed', sans-serif; font-size:12px; color:#888; }
div.prices .slide.pbs .pb .grn:after { content:' грн'; }
div.prices .slide.pbs .pb .rub:after { content:' руб'; }
div.prices .slide.pbs .pb .plz:after { content:' zł'; }
div.prices .slide.pbs .pb .gbp:before { content:'£ '; }
div.prices .slide.pbs .pb .usd:before { content:'$ '; }
div.prices .slide.pbs table td { padding:0px 12px; }
@media screen and (max-width: 992px) {
    div.prices .slide.pbs table td .pb.s20x30 { position:absolute; left:100px; top:40px; }
    div.prices .slide.pbs table td .pb.s30x20 { position:absolute; left:200px; top:0; }
    div.prices .slide.pbs table td .pb.s30x20::before { top:32px; bottom:auto; }
    div.prices .slide.pbs .info1, div.prices .slide.pbs .info2 { padding:0px 40px 40px 40px; }
}
div.prices .glyphicon-info-sign { color:#ccc; }

div.prices .slide.cvrs { text-align:left; vertical-align:bottom;
	font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#444; }
div.prices .slide.cvrs .cover {padding-bottom:40px; }
div.prices .slide.cvrs .info { padding:0px 4px 20px 4px; }
div.prices .slide.cvrs .info .more { padding-top:10px; line-height:1.0; }
div.prices .slide.cvrs .zero { font-size:12px; }
div.prices .slide.cvrs img { display:block; position:relative; margin:0 auto; }
div.prices .slide.cvrs img.cvr { height:185px; }
div.prices .slide.cvrs img.fir { height:95px; }
div.prices .slide.cvrs img.pre { height:95px; }
div.prices .slide.cvrs img.pul { height:57px; }
div.prices .slide.cvrs img.lea { height:29px; }
div.prices .slide.cvrs img.pas { height:95px; }

#carousel-prices .icon-prev, #carousel-prices .icon-next { line-height:0px;font-size:100px;color:#6E5452; }
#carousel-prices a.left, #carousel-prices a.right { background:none; }
#carousel-prices .carousel-indicators li { border-color:#6E5452; }
#carousel-prices .carousel-indicators .active { background-color:#6E5452; }

#prices-calc { height:auto; min-height:400px; }
#calc select { text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; }
#calc label { text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; }
#calc .calc-covers .row { padding:0 20px; text-align:left; }
#calc .calc-covers .cvrpreview { position:relative; left:-20px; padding-right:10px; text-align:left; min-height:327px; }
#calc .calc-covers img.cvricon.lazy { width:297px; height:297px; }
#calc .calc-covers select { width:auto; display:inline-block; }
#calc .calc-params .row { margin-bottom:12px; }
#calc .calc-params select { width:240px; }
#calc .photocount { padding:0 6px; text-align:center; height:28px; width:50px; display:inline;
                    font-size:20px; font-family:'Roboto Condensed', sans-serif; color:#76496F; }
#calc h3 { font-size:14pt; text-transform: uppercase; text-align:left; }
@media screen and (max-width: 992px) { #calc h3 { font-size:12pt; } }
#calc .calc-included, #calc .calc-options { text-transform: uppercase; font-family:'Roboto Condensed', sans-serif; font-size:14px;}
#calc .calc-included .item { margin-left:0px; padding-left:20px; margin-bottom:12px; text-transform: uppercase; line-height:14pt; }
#calc .calc-pages { color:#76496F; font-size:20px; font-family:'Roboto Condensed', sans-serif; }
#calc li { font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; font-size:12px; font-weight:100;
     margin-left:8px; padding-top:6px; color:#444; }
#calc ul { padding-left:16px; }
#calc .calc-options label,
#calc .calc-covers label {
    padding-left:8px; font-size:12px; font-family:'Roboto Condensed', sans-serif; display:block;
}
#calc .calc-options label input,
#calc .calc-covers label input {
    margin-right:8px;
}
#calc .booksizes { text-align:center; height:96px; line-height:96px; }
/*#calc .booksizes span.sp { display:inline-block; width:20px; }*/
#calc .prices { text-align:center; /*width:560px;*/margin-top:6px; }
@media screen and (max-width: 992px) { #calc .prices { /*width:460px;*/ } }
#calc .book { display:inline-block; position:relative;
border-bottom: solid 1px #475151;
padding: 6px 4px;
line-height: 10pt;
font-size: 10pt;
font-family:'Roboto Condensed', sans-serif;
font-weight: 100; }
#calc .book:before { content:'--x--'; display:block; position:relative;
    color:#475151; font-family:'Roboto Condensed', sans-serif; font-size:20px; }
@media screen and (max-width: 992px) { #calc .book:before { font-size:14px; } }
#calc .book-20x20:before { content:'20x20'; }
#calc .book-30x20:before { content:'30x20'; }
#calc .book-25x25:before { content:'25x25'; }
#calc .book-30x30:before { content:'30x30'; }
#calc .book-40x30:before { content:'40x30'; }
#calc .book-price { font-family:'Roboto Condensed', sans-serif; font-size:26pt; color:#76496F; }
@media screen and (max-width: 992px) { #calc .book-price { font-size:22pt; } }
#calc .book-price:after { content:' '; font-size:10pt; }
#calc a.link-modal { font-size:14px; cursor:pointer; }
#calc a.link-modal:hover { text-decoration:none; border-bottom: dashed 1px #777; }
#calc .glyphicon-info-sign { color:#777; }
.sofi-modal-calc .modal-header { text-transform:uppercase; }
.btn-cvrdetails { text-transform:uppercase; }
.modal-body-head { margin-left:-15px; margin-right:-15px; margin-top:-15px; margin-bottom:15px; }
.sofi-modal-calc .em { color:#1f84c5; text-align:center; font-size:120%; padding:8px 12px; padding-bottom:15px; }
.sofi-modal-calc ul.detailed > li { padding-bottom:8px; text-transform:uppercase; }
.sofi-modal-calc ul.detailed > li > div { text-transform:none; padding-right:12px; }
.link-modal { cursor:pointer; text-transform:uppercase; font-family:'Roboto Condensed', sans-serif; }
#calc .calc-covers img.cvricon.lazy { width:320px; height:320px; }
@media screen and (max-width: 992px) { #calc .calc-covers img.cvricon.lazy { width:280px; height:280px; } }

div.terms { background:#AA87A4; color:#fff; padding-bottom:30px; }
div.terms { min-height:350px; }
div.terms .icol { position:relative; width:auto; max-width:320px; margin:0 auto; padding:0 24px; text-align:left; }
div.terms .icol { font-family:'Roboto Condensed', sans-serif; font-size:14px; line-height:18px; }
div.terms .icol li { padding-top:8px; }
.terms-mobile h3 {
    color:#76496F;
}

/* @media screen and (max-width: 768px) { .caption { font-size:150%; } } */
div.info { text-align:center; padding-bottom:20px; }
div.info h2 { color:#76496F; /*color:#A9B144;*/ }
div.info div.info-step {
    position:relative;
    max-width:400px; margin:10px auto 10px;
    text-align:center;
    }
div.info div.info-step .info-left {
    position:relative; height:94px; border-radius:0px;
    background-color:#BA92B6; }
div.info div.info-step .info-left img {
    display:block; position:absolute; top:0px; left:-26px;
    height:94px; width:auto; }
div.info div.info-step .info-left .info-title {
    display:table; position:absolute; left:120px; top:0px;
    height:94px; width:160px; margin:0; padding:0; font-size:14pt; color:#fff; }
div.info div.info-step .info-left .info-title > div {
    display:table-cell; vertical-align:middle; text-align:center; }
div.info div.info-step .info-descr {
    position:relative; top:-2px; margin-left:30px;
    border:solid 1px #AB7DA6; border-radius: 0px 0px 8px 8px;
    padding:8px; text-align:left; font-size:10pt; }
@media screen and (min-width: 932px)
{
div.info div.info-step {
    display:block; margin-bottom:6px; position:relative;
    max-width:843px; width:843px; height:94px; }
div.info div.info-step .info-left {
    display:block; position:absolute; top:0px; left:0px;
    width:293px; height:94px; }
div.info div.info-step .info-left img {
    display:block; position:absolute; top:0px; left:-10px;
    height:94px; width:auto; }
div.info div.info-step .info-left .info-title {
    display:table; position:absolute; left:120px; top:0px;
    height:94px; width:160px; margin:0; padding:0; font-size:14pt; color:#fff; }
div.info div.info-step .info-left .info-title > div {
    display:table-cell; vertical-align:middle; text-align:center; }
div.info div.info-step .info-descr {
    display:table; position:relative;
    height:94px; width:600px; top:0px; left:310px;
    margin:0; padding:0 8px 0 20px;
    border:solid 1px #AB7DA6; border-radius: 0px 8px 8px 0px;
    border-left:none;
    text-align:left; font-size:10pt; }
}
div.info div.info-step .info-descr > div {
    display:table-cell; vertical-align:middle; text-align:left; font-size:10pt; }


.gallery { position: relative; padding: 0 !important; margin: 0 auto; width: 640px; height: 440px; }
.gallery > img { display: none; }
.gallery > img:first-child { display: block; }
.gallery .stage { width: 100%; height: 100%; }
.gallery .thumbs { position: absolute; z-index: 210; width: 100%; height: 30px; }
.gallery .thumbs img { border: solid 2px #eee; cursor: pointer; }
.gallery .thumbs img.current { border: solid 2px gold; box-shadow: 0px 0px 1px 1px gold; }
.gallery .stage img, .gallery .thumbs img { position: absolute; display: block; top: 0; left: 0; }
.gallery .prev, .gallery .next { position: absolute; z-index: 200; top: 0px; width: 80px; height: 100%; cursor: pointer; }
.gallery .prev { left: -37px; }
.gallery .prev:hover { /*   background: rgba(255,255,255,0.5); */ }
.gallery .prev:before { content: ''; position: absolute; left: 0px; top: 0px; width: 60px; height: 100%;
  background: url(/images/white-arrows.png) 0 center no-repeat; }
.gallery .next { right: -37px; }
.gallery .next:hover { /*   background: rgba(255,255,255,0.5); */ }
.gallery .next:before { content: ''; position: absolute; right: 0px; top: 0px; width: 60px; height: 100%;
  background: url(/images/white-arrows.png) -60px center no-repeat; }

div.example-icon { display:inline-block; width:321px; height:238px; position:relative; }
img.example-icon { width:317px; height:234px; cursor:pointer; display:block; position:absolute; top:0; left:0; }
img.example-icon { transition: all .2s ease-in-out; }
img.example-icon:hover { transform: scale(1.1); }
div.example-num { display:block; position:absolute; font-size:16px; color:#999;
    right:35px; bottom:25px; width:90px; height:20px; line-height:20px; font-weight:400;
    text-transform:lowercase; }
.album-page { display:block; position:absolute; top:0; left:0; }
.album-page.lazy { width:auto; height:auto; }
.examples-icons { text-align:center;padding:0;margin:40px 0px;height:auto; }
.slides.examples { min-height:400px;height:auto;background:#EBEFF2 url('/images/examples/bg.jpg'); }
.examples-icons-container { height:auto;max-width:none;text-align:center;position:relative;margin:0 auto; }

@media screen and (max-width: 1400px) {
a.carousel-control { width:60px; }
}
@media screen and (max-width: 992px) {
a.carousel-control { width:32px; }
}

