html, body, form
{
height:100%;
width:100%;
margin:0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
background-color: #E6E6E6;
min-width:1200px;
}
.ghosts
{
display:none;
}
.button
{
color: #FFFFFF;
background-color: #F74E65;
cursor:pointer;
}
.button:hover
{
background-color: #F73455;
}
input.invalid
{
-webkit-box-shadow: 0 0 2px red;
-moz-box-shadow: 0 0 2px red;
box-shadow: 0 0 2px red;
}
.DISABLED
{
cursor: no-drop !important;
}
.arial
{
display: inline;
font-family: arial;
float:none !important;
}
.mold
{
display:none !important;
}
.sprite_main,
[data-sprite]
{
background-image: url(../PrivateData/PagesImages/spriteMain.png);
}
[data-sprite="enlarge"]
{
height: 28px;
width: 28px;
cursor: pointer;
position: absolute;
background-position: -169px -200px;
display: none;
top: 0;
z-index:1;
}
[data-sprite="enlarge"]:hover
{
background-position: -169px -200px !important;
}
div:hover > [data-sprite="enlarge"]
{
background-position: -135px -200px;
}
.template.onpage [data-sprite="enlarge"],
.costumer_example .picture [data-sprite="enlarge"]
{
height: 42px;
width: 42px;
background-position: -200px -193px !important;
}
.costumer_example .picture:hover [data-sprite="enlarge"]
{
display:block;
}
.no_image {
width: 100%;
height: 100%;
position: relative;
}
.no_image .ni_wrap {
position: absolute;
top: calc(50% - 33px);
right: 0;
width: 100%;
color: #000000;
}
.no_image .ni_pic {
background-image: url(../img/PagesImages/no-image.svg);
width: 100%;
height: 30px;
background-position: center;
background-repeat: no-repeat;
}
.no_image .ni_text {
width: 100%;
margin-top: 3px;
text-align: center;
}
.no_image .ni_text .ni_head {
width: 100%;
font-size: 17px;
font-weight: 500;
}
.no_image .ni_text .ni_info {
width: 100%;
font-size: 15px;
}
.mp_content
{
width:100%;
height:100%;
text-align:center;
float:right;
line-height: 1;
cursor: context-menu;
}
.mp_content .screen
{
height:auto;
background-image: url("../canvas/img/back.jpg");
min-height: calc(100% - 228px);
display: inline-block;
width: 100%;
margin-top: 125px;
}
.mp_content .screen.seo
{
margin-top: 145px;
}
.mp_content .screen.white
{
background-color: #FFFFFF;
background-image: none;
}
.mp_content .page
{
/*margin-top: 125px;*/
}
.page > .image
{
height: 450px;
background-repeat: no-repeat;
background-size: cover;
}
/*Header*/
body.onpopup .mp_content > .header
{
width: calc(100% - 17px);
}
.mp_content > .header
{
position: fixed;
width: 100%;
z-index: 101;
}
.mp_content .header .top_expansion
{
background-color:rgb(51, 51, 51);
height: 7px;
color: #999999;
line-height: 20px;
position: relative;
z-index: 1;
}
.mp_content .header .top_expansion a
{
color: #999999;
}
.mp_content .header .top_expansion .socials
{
}
.mp_content .header .top_expansion .socials div
{
display: inline;
padding: 0 5px;
}
.mp_content .header .top_expansion .title
{
}
.mp_content .header .top_expansion .title h1
{
display: inline;
font-size: inherit;
font-weight: inherit;
}
.mp_content .header .head_expansion
{
background-color:rgb(51, 51, 51);
height: auto;
}
.mp_content .header .head_expansion [data-content="logo"]
{
}
.mp_content .header .head_expansion [data-content="logo"] .logo
{
width: 201px;
cursor:pointer;
height: 49px;
}
.mp_content .header .menu_expansion
{
background-color:rgb(247, 78, 101);
height: 38px;
}
.mp_content .header .menu_expansion [data-content="menu"]
{
height: 100%;
background-color:rgb(247, 78, 101);
}
.mp_content .header .menu_expansion [data-content="menu"] .top_menu
{
height: calc(100% + 10px);
display:inline-block;
}
.mp_content .header .menu_expansion [data-content="menu"] .top_menu .tab
{
color:white;
cursor:pointer;
padding: 0px 16px 0px 16px;
display:inline-block;
margin: 0 0.5px;
line-height: 38px;
letter-spacing: 0.6px;
font-size: 19px;
}
.mp_content .header .menu_expansion [data-content="menu"] .top_menu .tab:hover {
text-decoration: none;
border-bottom:6px solid white;
}
.mp_content .header .menu_expansion [data-content="menu"] .top_menu .tab.selected
{
border-bottom:6px solid white;
background-color:rgb(247, 49, 76);
}
.mp_content .header .menu_expansion [data-content="menu"] .shaddow
{
background-image: url(../PrivateData/PagesImages/MenuShaddow.png);
height: 24px;
margin-top: -23px;
}
.mp_content .header .page_load
{
width: 100%;
height: 4px;
position: relative;
z-index: 1000;
}
.mp_content .header .page_load .bar
{
width: 800px;
height: 100%;
position: absolute;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, transparent 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, transparent));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, transparent 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, transparent 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, transparent 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='transparent', GradientType=1 );
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
right: -800px;
}
/*Footer*/
.mp_content > .footer
{
background: rgb(77, 77, 77);
height: 230px !important;
min-height: initial;
min-height: auto;
}
.mp_content > .footer .container
{
background: rgb(77, 77, 77);
color:white;
height: 100%;
}
.mp_content > .footer .container .wrap
{
display:inline-block;
}
.mp_content > .footer .container .wrap [data-side]
{
font-size: 17px;
}
.mp_content > .footer .container .wrap [data-side="right"]
{
width: 260px;
line-height: 18px;
cursor:context-menu;
}
.mp_content > .footer .container .wrap [data-side="right"] .bw_logo
{
background:url(../PrivateData/PagesImages/logobw.png) no-repeat;
width: 215px;
height: 78px;
margin-top: -8px;
}
.mp_content > .footer .container .wrap [data-side="right"] .text
{
float: right;
width: 100%;
}
.mp_content > .footer .container .wrap [data-side="left"]
{
margin: 40px 40px 0px 0px;
}
.mp_content > .footer .container .wrap [data-side="left"] .col
{
margin: 6px 18px;
cursor:context-menu;
}
.mp_content > .footer .container .wrap [data-side="left"] .col .title
{
font-weight:500;
letter-spacing: 1px;
}
.mp_content > .footer .container .wrap [data-side="left"] .col .text
{
cursor:pointer;
line-height: 20px;
display:block;
}
.mp_content > .footer .container .wrap [data-side="left"] .col .text:hover
{
text-decoration:underline;
}
.mp_content > .footer .container .wrap [data-side="left"] .col .text[data-lang="1"]
{
font-family: metali;
}
.mp_content > .footer .container .wrap [data-side="left"] .col .text[data-lang="2"]
{
font-family: sans-serif, OpenSans;
}
.mp_content > .footer .container .wrap [data-side="left"] .col .text[data-lang="8"]
{
font-family: sans-serif, OpenSans;
}
.mp_content > .footer .container .wrap [data-side="left"] .col .text[data-lang="7"]
{
font-family: Lateef, sans-serif !important;
}
/*Strips*/
[data-strip]
{
position:relative;
height: calc(100% - 220px);
width:100%;
background-size:cover;
background-repeat:no-repeat;
max-height: 620px;
min-height:400px;
}
.mp_content .container
{
width: 1200px;
display:inline-block;
height: 100%;
position: relative;
}
[data-strip="slide_box"] > .strip
{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:0;
background-size: cover;
}
[data-strip="slide_box"] > .strip .container
{
position:absolute;
z-index:1;
left: calc(50% - 600px);
top:0;
}
[data-strip="slide_box"] > .strip.live
{
z-index:1;
}
[data-strip="slide_box"] > .strip.next
{
z-index:2;
display:none;
}
[data-strip="slide_box"] .strip .box
{
position: absolute;
right: 90px;
top: calc(50% - 162px);
}
[data-strip="slide_box"] .strip .box.left
{
left: 90px;
right:auto;
}
[data-strip="slide_box"] .strip .box .text_wrap
{
height: 330px;
width: 330px;
background-color: white;
float:right;
}
[data-strip="slide_box"] .strip .box.left .text_wrap
{
float:left;
}
[data-strip="slide_box"] .strip .box.left .text_wrap .arial
{
font-size:17px;
}
[data-strip="slide_box"] .strip .box .text_wrap .line1
{
font-size:48px;
color: #808080;
margin-top:22px;
font-weight:600;
}
[data-strip="slide_box"] .strip .box .text_wrap .line2
{
color: #4D4D4D;
font-weight:800;
}
[data-strip="slide_box"] .strip .box .text_wrap .line3
{
font-size: 23px;
margin-top:14px;
}
[data-strip="slide_box"] .strip .box .text_wrap .button
{
display:inline-block;
line-height: 37px;
width: 220px;
margin-top: 13px;
font-size: 23px;
}
[data-strip="slide_box"] .strip .box .text_wrap .arial
{
font-size: 17px;
}
[data-strip="slide_box"] .strip .box .arrow
{
float:right;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-right: 16px solid white;
height: 0px;
width: 20px;
margin-top: 158px;
}
[data-strip="slide_box"] .strip .box.left .arrow
{
border-right:none;
border-left: 16px solid white;
float:left;
}
[data-strip="slide_box"] .strip[data-type="album_h"] .box .text_wrap .line1
{
margin-top: 49px;
font-size: 49px;
line-height: 31px;
}
[data-strip="slide_box"] .strip[data-type="album_h"] .box .text_wrap .line2
{
font-size: 67px;
line-height:46px;
}
[data-strip="slide_box"] .strip[data-type="album_h"] .box .text_wrap .line3
{
margin-bottom: 3px;
margin-top: 20px;
line-height: 20px;
}
[data-strip="slide_box"] .strip[data-type="purim"] .box .text_wrap .line1
{
font-size: 58px;
line-height: 31px;
margin-top: 48px;
}
[data-strip="slide_box"] .strip[data-type="purim"] .box .text_wrap .line2
{
font-size: 61px;
line-height: 60px;
}
[data-strip="slide_box"] .strip[data-type="purim"] .box .text_wrap .line3
{
margin-top: 3px;
line-height: 19px;
}
[data-strip="slide_box"] .strip[data-type="hagadah"] .box .text_wrap .line1
{
margin-top: 36px;
}
[data-strip="slide_box"] .strip[data-type="hagadah"] .box .text_wrap .line2
{
font-size: 68px;
line-height: 38px;
}
[data-strip="slide_box"] .strip[data-type="hagadah"] .box .text_wrap .line3
{
margin-top: 18px;
}
[data-strip="slide_box"] .strip[data-type="kids_h"] .box .text_wrap .line1
{
margin-top: 44px;
line-height: 51px;
font-size:47px;
}
[data-strip="slide_box"] .strip[data-type="kids_h"] .box .text_wrap .line2
{
font-size: 56px;
line-height: 29px;
}
[data-strip="slide_box"] .strip[data-type="kids_h"] .box .text_wrap .line3
{
margin-bottom: 3px;
margin-top:24px;
line-height: 20px;
}
[data-strip="slide_box"] .strip[data-type="kids_h"] .box .text_wrap .button
{
margin-top: 30px;
}
[data-strip="slide_box"] .strip[data-type="hd"] .box .text_wrap .line1
{
font-size: 59px;
margin-top: 54px;
line-height: 27px;
}
[data-strip="slide_box"] .strip[data-type="hd"] .box .text_wrap .line2
{
font-size: 55px;
line-height: 46px;
margin-top: 8px;
}
[data-strip="slide_box"] .strip[data-type="hd"] .box .text_wrap .line2 .arial
{
font-size:46px;
}
[data-strip="slide_box"] .strip[data-type="hd"] .box .text_wrap .line3
{
margin-bottom: 3px;
line-height: 20px;
margin-top: 4px;
}
[data-strip="slide_box"] .strip[data-type="blackfriday2017"] .box .text_wrap .line1
{
font-family: sans-serif;
color: #000000;
font-size: 35px;
font-weight: 100;
margin-top: 32px;
letter-spacing: 1.2px;
}
[data-strip="slide_box"] .strip[data-type="blackfriday2017"] .box .text_wrap .line2
{
color: #00b2ff;
font-size: 76px;
line-height: 0.7;
}
[data-strip="slide_box"] .strip[data-type="blackfriday2017"] .box .text_wrap .line2 .small
{
font-size: 47px;
}
[data-strip="slide_box"] .strip[data-type="blackfriday2017"] .box .text_wrap .line2 .smaller
{
font-size: 28px;
font-weight: normal;
margin-top: 6px;
}
[data-strip="slide_box"] .strip[data-type="blackfriday2017"] .box .text_wrap .line3
{
font-size: 16px;
font-weight: bold;
margin-top: 18px;
}
[data-strip="slide_box"] .strip[data-type="blackfriday2017"] .box .text_wrap .line3 .arial {
font-size: 12px;
text-decoration: underline;
font-weight: bolder;
}
[data-strip="slide_box"] .strip[data-type="blackfriday2017"] .box .text_wrap .line3 .small
{
font-size: 13px;
font-weight: normal;
margin-top: 12px;
}
[data-strip="slide_box"] .strip[data-type="cybermonday2017"] .box .text_wrap .line1
{
width: 264px;
height: 60px;
margin-top: 18px;
display: inline-block;
background-image: url(../PrivateData/pagesimages/cybermonday.svg);
background-size: contain;
background-repeat: no-repeat;
}
[data-strip="slide_box"] .strip[data-type="cybermonday2017"] .box .text_wrap .line2
{
color: #00b2ff;
font-size: 76px;
line-height: 0.7;
margin-top: -8px;
}
[data-strip="slide_box"] .strip[data-type="cybermonday2017"] .box .text_wrap .line2 .small
{
font-size: 47px;
}
[data-strip="slide_box"] .strip[data-type="cybermonday2017"] .box .text_wrap .line2 .smaller
{
font-size: 28px;
font-weight: normal;
margin-top: 6px;
}
[data-strip="slide_box"] .strip[data-type="cybermonday2017"] .box .text_wrap .line3
{
font-size: 16px;
font-weight: bold;
margin-top: 18px;
}
[data-strip="slide_box"] .strip[data-type="cybermonday2017"] .box .text_wrap .line3 .arial {
font-size: 12px;
text-decoration: underline;
font-weight: bolder;
}
[data-strip="slide_box"] .strip[data-type="cybermonday2017"] .box .text_wrap .line3 .small
{
font-size: 13px;
font-weight: normal;
margin-top: 12px;
}
[data-strip="slide_box"] .strip[data-type="calendar_h"] .box .text_wrap .line1
{
line-height: 36px;
font-size: 48px;
margin-top: 38px;
}
[data-strip="slide_box"] .strip[data-type="calendar_h"] .box .text_wrap .line2
{
font-size: 57px;
line-height: 36px;
}
[data-strip="slide_box"] .strip[data-type="calendar_h"] .box .text_wrap .line3
{
margin-top: 13px;
}
[data-strip="slide_box"] .strip[data-type="calendar_h"] .box .text_wrap .button
{
}
[data-strip="slide_box"] .strip[data-type="canvas_h"] .box .text_wrap .line1
{
line-height: 34px;
font-size: 44px;
margin-top: 53px;
}
[data-strip="slide_box"] .strip[data-type="canvas_h"] .box .text_wrap .line2
{
font-size: 57px;
line-height: 38px;
}
[data-strip="slide_box"] .strip[data-type="canvas_h"] .box .text_wrap .line3
{
margin-bottom: 5px;
}
[data-strip="slide_box"] .strip[data-type="canvas_h"] .box .text_wrap .button
{
}
[data-strip="slide_box"] .strip[data-type="album"] .box .text_wrap .line1
{
font-size: 44px;
margin-top: 38px;
line-height: 31px;
}
[data-strip="slide_box"] .strip[data-type="album"] .box .text_wrap .line2
{
font-size: 50px;
line-height: 36px;
}
[data-strip="slide_box"] .strip[data-type="album"] .box .text_wrap .line3
{
margin-top: 20px;
font-size: 23px;
line-height: 20px;
}
[data-strip="slide_box"] .strip[data-type="calendar"] .box .text_wrap .line1
{
margin-top: 48px;
font-size:40px;
font-weight:900;
line-height:32px;
}
[data-strip="slide_box"] .strip[data-type="calendar"] .box .text_wrap .line2
{
color:rgb(77, 77, 77);
font-size: 51px;
line-height: 33px;
}
[data-strip="slide_box"] .strip[data-type="calendar"] .box .text_wrap .line3
{
margin-top: 16px;
line-height: 18px;
}
[data-strip="slide_box"] .strip[data-type="calendar"] .box .text_wrap .button
{
margin-top: 12px;
}
[data-strip="slide_box"] .strip[data-type="canvas"] .box .text_wrap
{
width:340px;
}
[data-strip="slide_box"] .strip[data-type="canvas"] .box .text_wrap .line1
{
font-weight: 900;
margin-top: 46px;
line-height: 33px;
font-size: 45px;
}
[data-strip="slide_box"] .strip[data-type="canvas"] .box .text_wrap .line2
{
font-size: 51px;
margin-top: 6px;
color:rgb(77, 77, 77);
line-height: 34px;
}
[data-strip="slide_box"] .strip[data-type="canvas"] .box .text_wrap .line3
{
line-height: 21px;
margin-top: 11px;
font-size: 23px;
}
[data-strip="slide_box"] .strip[data-type="canvas"] .box .text_wrap .button
{
margin-top: 14px;
}
[data-strip="slide_box"] .strip[data-type="kids"] .box .text_wrap .line1
{
font-size:47px;
margin-top: 44px;
line-height: 51px;
}
[data-strip="slide_box"] .strip[data-type="kids"] .box .text_wrap .line2
{
font-size: 56px;
line-height: 29px;
}
[data-strip="slide_box"] .strip[data-type="kids"] .box .text_wrap .line3
{
margin-top:24px;
}
[data-strip="slide_box"] .strip[data-type="kids"] .box .text_wrap .button
{
margin-top: 17px;
}
[data-strip="slide_box"] .banners
{
position: absolute;
z-index: 10;
bottom: 0;
left: calc(50% - 36px);
}
[data-strip="slide_box"] .banners .banner
{
height: 11px;
width: 11px;
background-color: #FFFFFF;
margin: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
opacity: 0.5;
}
[data-strip="slide_box"] .banners .banner:not(.pause):hover
{
/*opacity: 0.7;
margin:9px;
border: 1px solid #FFFFFF !important;*/
width: 3px;
border-radius: 0;
background-color: transparent;
border-right: 4px solid #FFFFFF;
border-left: 4px solid #FFFFFF;
}
[data-strip="slide_box"] .banners .banner.on:not(.pause):hover
{
/*opacity: 1;
margin:10px;
border: 0 solid #FFFFFF !important;*/
width: 3px;
border-right: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
}
[data-strip="slide_box"] .banners .banner.on
{
opacity: 1;
width: 13px;
height: 13px;
}
[data-strip="slide_box"] .banners .banner.pause
{
height: 0;
width: 0;
border-radius: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 11px solid #FFFFFF;
background-color: transparent;
margin: 9px 11px 10px;
}
[data-strip="explanation"]
{
background-color:#00B2FF;
height: 460px !important;
}
[data-strip="explanation"] .header
{
color:rgb(77, 77, 77);
font-size: 44px;
font-weight:900;
}
[data-strip="explanation"] .wrap
{
display: inline-block;
width: 980px;
margin-top: 194px;
}
[data-strip="explanation"] .wrap .col
{
width:258px;
display:inline-table;
margin: 0 14px;
color:#ffffff;
}
[data-strip="explanation"] .wrap .col .head
{
font-size: 30px;
font-weight:900;
line-height: 36px;
}
[data-strip="explanation"] .wrap .col .head.diff
{
line-height:26px;
}
[data-strip="explanation"] .wrap .col .sub
{
font-size: 21px;
line-height: 19px;
}
[data-strip="explanation"] .button
{
background-color:rgb(247, 78, 101);
width:220px;
margin-top: 26px;
display: inline-block;
font-size: 23px;
line-height: 38px;
}
[data-strip="explanation"] .button:hover
{
background-color:#F73455;
}
[data-strip="templates"]
{
background-color:white;
height: 464px !important;
}
[data-strip="templates"] .header
{
color:rgb(77, 77, 77);
font-size: 44px;
font-weight:900;
}
[data-strip="templates"] .wrap
{
}
[data-strip="templates"] .more
{
color:rgb(77, 77, 77);
margin: 6px 90px;
font-weight: 300;
cursor:pointer;
display: inline-flex;
font-size: 24px;
}
[data-strip="templates"] .more [data-sprite="down_arrow"]
{
margin-top: 1px;
}
[data-strip="costumers"]
{
background-color: #E6E6E6;
height: 380px !important;
}
.home_page [data-strip="costumers"]
{
height: 500px !important;
}
[data-strip="costumers"] .header
{
color:rgb(77, 77, 77);
font-size:46px;
font-weight:900;
}
.home_page [data-strip="costumers"] .header
{
font-size: 44px;
}
.home_page [data-strip="costumers"] .examples
{
float:right;
width:100%;
height: auto;
margin:10px 0px;
display:inline-block;
}
[data-strip="costumers"] .navigation
{
width:963px;
display:inline-block;
}
[data-strip="costumers"] .navigation .examples
{
margin-top:10px;
display: inline-block;
color:rgb(77, 77, 77);
width: 875px;
height: 250px;
overflow: hidden;
position: relative;
}
[data-strip="costumers"] .navigation .examples .list_wrap
{
position:absolute;
left:0;
top:0;
height:100%;
}
[data-strip="costumers"] .navigation [data-navigate]
{
margin-top: 114px;
cursor:pointer;
height: 24px;
width: 14px;
}
[data-strip="costumers"] .navigation [data-navigate='next']
{
float:right;
background-position: -194px -82px;
margin-left:30px;
}
[data-strip="costumers"] .navigation [data-navigate='previous']
{
float:left;
margin-right:30px;
background-position: -160px -81px;
}
/*Costimer Example*/
.home_page .costumer_example
{
width: 324px;
display: inline-block;
margin: 5px 12px;
color: #4d4d4d;
}
.home_page .costumer_example .picture
{
height: 200px;
width: 100%;
cursor:pointer;
background-color: #FFFFFF;
position: relative;
}
.home_page .costumer_example .picture .image
{
width: 100%;
height: 100%;
background-size: 100%;
background-position:center;
background-repeat: no-repeat;
}
.home_page .costumer_example .arrow
{
display: none;
}
.home_page .costumer_example .details
{
}
.home_page .costumer_example .details .face
{
height: 95px;
width: 95px;
border: 4px solid #4d4d4d;
-webkit-border-radius: 95px;
-moz-border-radius:95px;
border-radius:95px;
margin-top: -50px;
background-size: 100%;
background-position:center;
display: inline-block;
position: relative;
}
.home_page .costumer_example .details .name
{
width:100%;
font-weight:600;
line-height: 30px;
font-size: 29px;
}
.home_page .costumer_example .details .phrase
{
width:100%;
line-height: 17px;
margin-bottom: 16px;
font-size: 21px;
}
.home_page .costumer_example .details .button
{
width:220px;
line-height: 36px;
display: inline-block;
font-size: 23px;
}
.page:not(.home_page) .costumer_example
{
float: left;
width: 875px;
margin-right:30px;
height:250px;
}
.page:not(.home_page) .costumer_example .picture
{
width: 510px;
float:left;
height: 100%;
cursor:pointer;
position:relative;
}
.page:not(.home_page) .costumer_example .picture .image
{
background-color: white;
float: left;
height: 100%;
width: 100%;
background-size: 80%;
background-position:center;
background-repeat:no-repeat;
}
.page:not(.home_page) .costumer_example .arrow
{
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 16px solid white;
height: 0px;
float:left;
margin-top: 110px;
margin-right: 14px;
width: 20px;
}
.page:not(.home_page) .costumer_example .details
{
float:right;
width: 315px;
height: 100%;
}
.page:not(.home_page) .costumer_example .details .face
{
height:96px;
width:96px;
border:5px solid #4d4d4d;
-webkit-border-radius:96px;
-moz-border-radius:96px;
border-radius:96px;
display:inline-block;
background-size:100%;
background-position:center;
}
.page:not(.home_page) .costumer_example .details .name
{
font-weight:900;
font-size:30px;
}
.page:not(.home_page) .costumer_example .details .phrase
{
line-height: 21px;
margin-top:2px;
font-size: 23px;
height: 76px;
}
.page:not(.home_page) .costumer_example .details .button
{
background-color:#4d4d4d;
width: 280px;
line-height: 32px;
display: inline-block;
font-size:21px;
}
.page:not(.home_page) .costumer_example .details .button:hover
{
background-color: #666666;
}
/*template*/
[data-popup="start_new"] .template
{
color:white;
position: relative;
cursor:pointer;
}
[data-popup="start_new"] .template[data-item_group="1"]
{
width: 128px;
height: 170px;
}
[data-popup="start_new"] .template[data-item_group="2"]
{
width: 170px;
height: 164px;
}
[data-popup="start_new"] .template[data-item_group="2"][data-item_kind="3"]
{
height: 200px;
}
[data-popup="start_new"] .template .picture
{
height: calc(100% - 28px);
background-color: #f2f2f2;
position: relative;
}
.template .picture .image
{
background-size: cover, contain;
background-blend-mode: screen;
background-repeat:no-repeat;
position: relative;
width: calc(100% - 28px);
height: calc(100% - 28px);
position: relative;
margin: 14px 0;
display: inline-block;
-webkit-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
}
.template:not([data-item_group="1"]) .picture .image
{
}
.template.onpage .picture .image
{
margin: 24px 0;
width: calc(100% - 48px);
height: calc(100% - 48px);
}
.template:not([data-item_group="1"]) .picture .image .spiral
{
display:none;
}
.template[data-item_group="1"] .picture .image .spiral
{
position: absolute;
top: -3px;
left: 2px;
height: 6px;
width: calc(100% - 4px);
background-image: url(../PrivateData/PagesImages/spiral.png);
background-size: contain;
}
[data-popup="start_new"] .template .text
{
background-color:#00B2FF;
bottom: -28px;
position: absolute;
display:none;
width: 100%;
height: auto;
left: 0;
}
.template:hover [data-sprite="enlarge"],
.template:hover .text
{
display:block !important;
}
[data-popup="start_new"] .template.selected [data-sprite="enlarge"],
[data-popup="start_new"] .template.selected .text
{
display:block !important;
background-color: #4d4d4d !important;
}
[data-popup="start_new"] .template .title
{
margin-top:2px;
font-weight:300;
font-size: 19px;
}
[data-popup="start_new"] .template .phrase
{
font-size: 13px;
line-height: 10px;
}
[data-popup="start_new"] .template .order_number
{
margin-bottom:4px;
font-size: 13px;
line-height: 14px;
}
[data-popup="start_new"] .template .button
{
background-color:#4d4d4d;
font-weight: 300;
line-height: 20px;
width: 100%;
margin-top: 8px;
font-size: 18px;
font-weight: 300;
display:inline-block;
}
[data-popup="start_new"] .template .like_this
{
display:none;
}
[data-popup="start_new"] .pro {
display: none;
}
.template.onpage
{
width: 326px;
height: 340px;
display:inline-block;
margin: 0px 10px;
color: #4D4D4D;
cursor: pointer;
}
.template.onpage .picture
{
height: calc(100% - 80px);
background-color: #f2f2f2;
position: relative;
}
.template.onpage[data-item_group="1"] .picture .image .spiral
{
top: -9px;
height: 15px;
}
.template.onpage .text
{
background-color:#4d4d4d;
width: 100%;
bottom: -34px;
position: absolute;
color:white;
display:none;
cursor: context-menu;
}
.template.onpage .title,
.template.onpage .button
{
line-height: 38px;
width: 100%;
font-size: 32px;
font-weight: 300;
}
.template.onpage .button
{
color: #4d4d4d;
background-color: transparent;
}
.template.onpage .phrase
{
font-size: 23px;
line-height: 20px;
}
.template.onpage .order_number
{
height: 28px;
font-size: 23px;
line-height: 18px;
}
.template.onpage .like_this
{
background-color:#F74E65;
line-height: 32px;
height: 32px;
width: 100%;
display:inline-block;
color: #FFFFFF;
font-size: 25px;
}
/*Start New - Popup*/
[data-popup="start_new"]
{
width: 700px;
text-align:center;
background-color: #e6e6e6;
float:right;
color: #4d4d4d;
}
[data-popup="start_new"] .header
{
height: 56px;
background-color: #4d4d4d;
float: right;
width: 100%;
}
[data-popup="start_new"] .header .headline
{
color: white;
font-size: 34px;
font-weight: 300;
cursor:context-menu;
line-height: 56px;
font-size: 34px;
font-weight: 300;
}
[data-popup="start_new"] .header .tips_button
{
position:absolute;
bottom:auto;
top:0;
left:0;
}
[data-popup="start_new"] > .arrow
{
left: calc(50% - 4px);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #4d4d4d;
width: 0px;
position: absolute;
top: 56px;
}
[data-popup="start_new"] > [data-group]
{
display:none;
float: right;
width: 100%;
}
[data-popup="start_new"] [data-page]
{
float:left;
width:calc(100% - 120px);
background-color:#FFFFFF;
padding-top: 10px;
display:none;
min-height: 530px;
}
[data-popup="start_new"] .canvases [data-page]
{
min-height: 430px;
}
[data-popup="start_new"] .type_name
{
display:inline;
}
/*menu*/
[data-popup="start_new"] .menu
{
width: 120px;
}
[data-popup="start_new"] .menu .option
{
height: 86px;
background-color: #FFFFFF;
cursor:pointer;
position: relative;
line-height: 20px;
padding: 46px 0 0;
font-size: 25px;
}
[data-popup="start_new"] .menu .option:not(:first-child)
{
margin: 2px 0 0;
}
[data-popup="start_new"] .menu .option:hover
{
background-color: #FFCC00;
}
[data-popup="start_new"] .menu .option.selected
{
color:#FFFFFF;
background-color: #00B2FF;
}
[data-popup="start_new"] .menu .option [data-sprite="left_arrow"]
{
position: absolute;
display:none;
top: 53px;
}
[data-popup="start_new"] .menu .option.selected [data-sprite="left_arrow"]
{
display:block;
}
[data-sprite="left_arrow"]
{
width: 26px;
height: 26px;
}
[data-popup="start_new"] .menu .option .choosen
{
font-size: 19px;
}
/*category*/
[data-popup="start_new"] [data-page="template"] .category
{
margin: 7px 0px 0;
line-height: 30px;
font-size: 21px;
}
[data-popup="start_new"] [data-page="template"] .category .text
{
}
[data-popup="start_new"] [data-page="template"] .category .combo
{
width: 152px;
position: relative;
font-size: 17px;
}
[data-popup="start_new"] [data-page="template"] .category .combo .choosen
{
background-color: #F2F2F2;
float: right;
width: 100%;
cursor: pointer;
height: 30px;
}
[data-popup="start_new"] [data-page="template"] .category .combo .choosen:hover
{
background-color: #e9e9e9;
}
[data-popup="start_new"] [data-page="template"] .category .combo .choosen:active,
[data-popup="start_new"] [data-page="template"] .category .combo .choosen.selected
{
background-color: #dfdfdf;
}
[data-popup="start_new"] [data-page="template"] .category .combo .choosen
{
background-color: #F2F2F2;
float: right;
width: 100%;
cursor: pointer;
height: 30px;
}
[data-popup="start_new"] [data-page="template"] .category .combo .choosen .text_value
{
text-indent: 8px;
}
[data-popup="start_new"] [data-page="template"] .category .combo .choosen .icon
{
height: 100%;
width: 30px;
}
[data-popup="start_new"] [data-page="template"] .category .combo .choosen [data-sprite="combo_arrow"]
{
display: inline-block;
}
[data-popup="start_new"] [data-page="template"] .category .combo .options
{
position: absolute;
top: 31px;
z-index: 1;
width: 100%;
display:none;
}
[data-popup="start_new"] [data-page="template"] .category .combo .options .text_value
{
cursor: pointer;
background-color: #f1f1f1;
text-indent: 8px;
}
[data-popup="start_new"] [data-page="template"] .category .combo .options .text_value:hover
{
background-color: #eaeaea;
}
[data-popup="start_new"] [data-page="template"] .category .combo .options .text_value:active,
[data-popup="start_new"] [data-page="template"] .category .combo .options .text_value.selected
{
background-color: #cfcfcf;
}
/*templates page*/
[data-popup="start_new"] [data-page="template"] .content
{
}
[data-popup="start_new"] [data-page="template"] .headline
{
float: right;
width: 100%;
font-size: 23px;
}
[data-popup="start_new"] [data-page="template"] .headline .num
{
display:inline;
}
[data-popup="start_new"] [data-page="template"] .combine
{
width: 100%;
}
[data-popup="start_new"] [data-page="template"] .combine .options
{
margin: 8px 0 16px;
float: right;
width: 100%;
min-height: 352px;
}
[data-popup="start_new"] [data-page="template"] .more
{
cursor: pointer;
font-size: 23px;
}
[data-popup="start_new"] .albums [data-page="template"] .more
{
}
[data-popup="start_new"] [data-page="template"] .more [data-sprite="down_arrow"]
{
}
[data-popup="start_new"] [data-page="template"] .combine > .button
{
line-height: 32px;
width: 170px;
font-size: 21px;
}
[data-sprite="down_arrow"]
{
height: 24px;
width: 23px;
background-position: -172px -39px;
}
/*properties/free page*/
[data-popup="start_new"] [data-page="properties"] .content,
[data-popup="start_new"] .canvases [data-page="free"] .content
{
float: right;
width: calc(100% - 56px);
margin: 24px 24px 24px 32px;
position: relative;
min-height: 474px;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content,
[data-popup="start_new"] .canvases [data-page="free"] .content
{
min-height: 367px;
}
[data-popup="start_new"] [data-page="properties"] .content > .text,
[data-popup="start_new"] .canvases [data-page="free"] .content > .text
{
float: right;
line-height: 23px;
width: 100%;
font-size: 25px;
}
[data-popup="start_new"] [data-page="properties"] .content > .text .headline,
[data-popup="start_new"] .canvases [data-page="free"] .content > .text .headline
{
font-weight: 500;
}
[data-popup="start_new"] [data-page="properties"] .content > .text .subline,
[data-popup="start_new"] .canvases [data-page="free"] .content > .text .subline
{
font-size: 19px;
line-height: 17px;
}
[data-popup="start_new"] [data-page="properties"] .content .options
{
width: calc(100% - 260px);
margin-top: 12px;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .options
{
width: 100%;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option
{
float: right;
width: 100%;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option .head
{
color: white;
background-color: #B3B3B3;
width: 100%;
line-height: 40px;
float: right;
margin: 0px 0 2px 0;
cursor: pointer;
font-size: 23px;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option.none .head
{
cursor: context-menu;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option.selected .head
{
background-color: #999999;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option[data-type="advanced"] .head {
cursor: pointer;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option .head .title
{
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option .head .title
{
margin: 0;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option .head .combo
{
}
[data-popup="start_new"] [data-page="properties"] .content .options .option:not(.selected):not(.none) .head:hover .combo
{
background-color:#00B2FF;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option .head .combo .arrow_wrap
{
height:26px;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option.none .head .combo .arrow_wrap
{
display:none;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option .head .combo .arrow_wrap .arrow
{
float: left;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
width: 0px;
margin: 11px 3px 0 5px;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option.selected .head .combo .arrow_wrap .arrow
{
border-bottom: 5px solid;
border-top: 0;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option .head .combo .choosen
{
line-height: 26px;
padding: 0px 8px;
font-size: 17px;
}
[data-popup="start_new"] [data-page="properties"] .content .options .option [data-options]
{
float: right;
width: 100%;
display:none;
}
[data-popup="start_new"] [data-page="properties"] .content .summary,
[data-popup="start_new"] .canvases [data-page="free"] .content .summary
{
position: absolute;
bottom: 0;
line-height: 26px;
font-size: 23px;
}
[data-popup="start_new"] [data-page="properties"] .content .summary .price,
[data-popup="start_new"] .canvases [data-page="free"] .content .summary .price
{
font-size: 21px;
}
[data-popup="start_new"] [data-page="properties"] .content .summary .price .num,
[data-popup="start_new"] .canvases [data-page="free"] .content .summary .price .num
{
display: inline;
line-height: 50px;
font-size: 70px;
font-weight: 300;
}
[data-popup="start_new"] [data-page="properties"] .content .summary .no_price
{
color:#8d8d8d;
position:relative;
display:none;
font-size:32px;
}
[data-popup="start_new"] [data-page="properties"] .content .summary .no_price div
{
display:inline;
}
[data-popup="start_new"] [data-page="properties"] .content .summary .no_price .num
{
line-height: 26px;
font-weight: normal;
font-size: 32px;
}
[data-popup="start_new"] [data-page="properties"] .content .summary .no_price .crossline
{
width: 100%;
height: 100%;
border-bottom: 1px solid #4d4d4d;
-webkit-transform: translateY(-20px) translateX(5px) rotate(333deg);
position: absolute;
top: 5px;
right: 12px;
}
[data-popup="start_new"] [data-page="properties"] .content .summary .text,
[data-popup="start_new"] .canvases [data-page="free"] .content .summary .text
{
float: right;
width: 100%;
line-height: 10px;
margin-top: 2px;
font-size: 17px;
}
[data-popup="start_new"] [data-page="properties"] .content .button,
[data-popup="start_new"] .canvases [data-page="free"] .content .button
{
float: left;
line-height: 36px;
width: 225px;
font-size: 24px;
}
[data-popup="start_new"] [data-page="properties"] .content .button:not(.advanced),
[data-popup="start_new"] .canvases [data-page="free"] .content .button:not(.advanced)
{
position: absolute;
bottom: 0;
}
/*choosen template*/
[data-popup="start_new"] .choosen_template
{
width: 225px;
margin: 12px 0 0 0px;
}
[data-popup="start_new"] .choosen_template .picture
{
background-color: #f2f2f2;
height: 166px;
float:left;
width:100%;
cursor:pointer;
position: relative;
}
[data-popup="start_new"] .choosen_template .picture .image
{
background-size: cover, contain;
background-blend-mode: screen;
background-repeat:no-repeat;
background-position: right;
-webkit-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
width: 100px;
height: 138px;
position: relative;
display: inline-block;
/*margin: 28px;*/
margin-top: 14px;
}
[data-popup="start_new"] .choosen_template .picture .image.landscape
{
height: 110px;
margin-top: 28px;
}
[data-popup="start_new"] .choosen_template .picture .image .spiral
{
position: absolute;
top: -7px;
left: 0;
height: 11px;
width: 100%;
background-image: url(../PrivateData/PagesImages/spiral.png);
background-size: contain;
}
[data-popup="start_new"] .choosen_template .picture [data-sprite="enlarge"]
{
position: absolute;
top:0;
left:0;
display: block;
}
[data-popup="start_new"] .choosen_template .title
{
float: left;
width: 100%;
line-height: 32px;
font-size: 25px;
font-weight: 300;
}
[data-popup="start_new"] .choosen_template .title div
{
margin-top: 6px;
cursor: pointer;
height: 22px;
width: 14px;
}
[data-popup="start_new"] .choosen_template .title [data-sprite="next_template"]
{
float:right;
background-position: -194px -82px;
}
[data-popup="start_new"] .choosen_template .title .name
{
display:inline-block;
margin: 0;
width: calc(100% - 40px);
}
[data-popup="start_new"] .choosen_template .title [data-sprite="previous_template"]
{
float:left;
background-position: -160px -82px;
}
[data-popup="start_new"] .choosen_template .text
{
background-color: #f2f2f2;
height: 58px;
float:left;
width:100%;
font-size: 15px;
line-height: 14px;
cursor:context-menu;
}
[data-popup="start_new"] .choosen_template .text .phrase
{
margin-top: 8px;
height: 28px;
padding: 0 2px;
line-height: 13px;
}
/*album*/
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option .head [data-sprite="icon"]
{
width: 24px;
height: 24px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option[data-type="size"] .head [data-sprite="icon"]
{
background-position: -118px -22px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option[data-type="bind"] .head [data-sprite="icon"]
{
background-position: -118px -66px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option[data-type="pages"] .head [data-sprite="icon"]
{
background-position: -118px -108px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .height
{
float: right;
display: inline;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .width
{
float: left;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] {
position: relative;
height: 82px;
bottom: 0;
margin-top: 14px;
display: flex;
align-items: flex-start;
justify-content: space-evenly;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] {
position: relative;
height: 94px;
display: flex;
align-items: flex-start;
justify-content: space-evenly;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] tbody
{
vertical-align: bottom;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] tbody
{
vertical-align: baseline;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] table
{
position: absolute;
bottom: 0;
margin: 0 4px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] table
{
position: absolute;
bottom: 0;
border-spacing: 0;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size] div
{
cursor:pointer;
display:inline-block;
line-height: 16px;
font-size: 19px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] td > div
{
margin: 0 1px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite] > div
{
position:relative;
left: 6px;
height:0;
top: 10px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite] > div
{
position:relative;
left: 2px;
height:0;
margin:0;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="horizontal"] > div
{
top: 30px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="square"] > div
{
top: 34px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="vertical"] > div
{
top: 48px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size] .selected
{
color:white;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="horizontal"]
{
background-position: -181px -378px;
height: 68px;
width: 95px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="horizontal"]:hover
{
background-position: -175px -553px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="horizontal"].selected
{
background-position: -451px -378px; height: 68px; width: 95px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="square"]
{
background-position: -90px -378px;
height: 75px;
width: 88px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="square"]:hover
{
background-position: -85px -553px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="square"].selected
{
background-position: -361px -378px; height: 75px; width: 88px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="vertical"]
{
height: 92px;
width: 80px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="vertical"]:hover
{
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="big"] [data-sprite="vertical"].selected
{
background-position: -281px -378px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="horizontal"]
{
background-position: -180px -313px;
height: 62px;
width: 86px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="horizontal"]:hover
{
background-position: -162px -491px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="horizontal"].selected
{
background-position: -439px -313px;
height: 62px;
width: 86px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="square"]
{
background-position: -97px -308px;
height: 68px;
width: 80px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="square"]:hover
{
background-position: -81px -484px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="square"].selected
{
background-position: -357px -308px;
height: 68px;
width: 80px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="vertical"]
{
background-position: -25px -295px;
height: 83px;
width: 72px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="vertical"]:hover
{
background-position: -8px -469px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="size"] [data-size="small"] [data-sprite="vertical"].selected
{
background-position: -284px -295px; height: 83px; width: 72px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] [data-binds="hd"]
{
display: inline-block;
width: calc(100% - 2px);
border: 1px solid #B0B0B0;
position: relative;
border-radius: 10px;
margin-bottom: 14px;
margin-top: -2px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] [data-binds="hd"] .tag
{
position: absolute;
border-bottom: 48px solid transparent;
border-right: 48px solid #FFCC00;
right: -1px;
top: -1px;
width: 0;
height: 0;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] [data-binds="hd"] .tag .text
{
color: #FFFFFF;
transform: rotate(45deg);
position: absolute;
top: 10px;
right: -48px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] [data-binds="hd"] a
{
position: absolute;
bottom: -9px;
background-color: #FFFFFF;
color: #00B2FF;
padding: 0 8px;
right: 24px;
text-decoration: underline;
font-size: 15px;
font-weight: 300;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice
{
width: 50%;
margin: -2px 0px 9px;
padding-top: 10px;
float: right;
color: #4d4d4d;
cursor:pointer;
font-size: 19px;
font-weight: 300;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] [data-binds="standart"] .choice {
width: 33.33%;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite]
{
height: 38px;
border: none;
width: 50px;
margin: 0;
display: inline-block;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="1"]
{
background-position: -685px -407px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="1"]:hover
{
background-position: -685px -448px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice.selected [data-sprite="1"]
{
background-position: -685px -366px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="2"]
{
background-position: -624px -407px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="2"]:hover
{
background-position: -624px -448px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice.selected [data-sprite="2"]
{
background-position: -624px -366px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="4"]
{
background-position: -565px -539px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="4"]:hover
{
background-position: -565px -578px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice.selected [data-sprite="4"]
{
background-position: -565px -499px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="8"]
{
background-position: -565px -407px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="8"]:hover
{
background-position: -565px -448px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice.selected [data-sprite="8"]
{
background-position: -565px -366px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="7"]
{
/* background-position: -565px -407px; */
background-image: url(../PrivateData/PagesImages/bind_7.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice [data-sprite="7"]:hover
{
/* background-position: -565px -448px; */
background-image: url(../PrivateData/PagesImages/bind_7_hover.svg);
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice.selected [data-sprite="7"]
{
/* background-position: -565px -366px; */
background-image: url(../PrivateData/PagesImages/bind_7_active.svg);
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice .text
{
line-height: 11px;
margin-bottom: 6px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="bind"] .choice .description
{
font-size: 13px;
line-height: 11px;
font-weight: normal;
display: inline-block;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .num
{
display:inline;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .wrap
{
display: inline-block;
margin-top: 16px;
height: 20px;
font-size: 18px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .wrap .num
{
margin: 0 5px;
border: 1px solid;
width: 40px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .wrap [data-action]
{
cursor:pointer;
background-color: #F2F2F2;
border: 1px solid #F2F2F2;
width: 20px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .wrap [data-action]:hover
{
background-color: #CCCCCC;
border: 1px solid #CCCCCC;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .wrap [data-action]:active
{
background-color: #AAAAAA;
border: 1px solid #AAAAAA;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .wrap [data-action].stop
{
cursor:no-drop;
opacity: 0.5;
color: #AAAAAA;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .sum
{
margin-top: 12px;
font-size: 19px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .sum .price
{
display: inline;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .option [data-options="pages"] .wrap > div
{
float: right;
height: 100%;
line-height: 20px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .pictures
{
margin-top: 5px;
line-height: 13px;
font-size: 16px;
}
[data-popup="start_new"] .albums [data-page="properties"] .content .options .pictures div
{
display:inline;
}
/*calendar*/
[data-popup="start_new"] .calendars [data-page="type"] .options
{
margin: 24px 24px 0 0;
}
[data-popup="start_new"] .calendars [data-page="type"] [data-row]
{
width:100%;
float: right;
}
[data-popup="start_new"] .calendars [data-page="type"] .type
{
height: 101px;
width: 92px;
float:right;
cursor:pointer;
color: #B3B3B3;
margin: 14px 8px;
}
[data-popup="start_new"] .calendars [data-page="type"] .type:hover,
[data-popup="start_new"] .calendars [data-page="type"] .type.selected
{
color: #6E6E70;
}
[data-popup="start_new"] .calendars [data-page="type"] .type .name
{
font-size: 20px;
margin: 73px 0 0;
}
[data-popup="start_new"] .calendars [data-page="type"] .type .pages
{
font-size: 15px;
margin: 9px 0 0;
}
[data-sprite="calendar_type_1"]
{
background-position: -554px -664px;
}
[data-sprite="calendar_type_2"]
{
background-position: -447px -664px;
}
[data-sprite="calendar_type_3"]
{
background-position: -340px -664px;
}
[data-sprite="calendar_type_4"]
{
background-position: -554px -790px;
}
[data-sprite="calendar_type_5"]
{
background-position: -447px -790px;
}
[data-sprite="calendar_type_6"]
{
background-position: -554px -914px;
}
[data-sprite="calendar_type_7"]
{
background-position: -447px -914px;
}
[data-sprite="calendar_type_1"]:hover,
[data-sprite="calendar_type_1"].selected
{
background-position: -228px -664px;
}
[data-sprite="calendar_type_2"]:hover,
[data-sprite="calendar_type_2"].selected
{
background-position: -121px -664px;
}
[data-sprite="calendar_type_3"]:hover,
[data-sprite="calendar_type_3"].selected
{
background-position: -14px -664px;
}
[data-sprite="calendar_type_4"]:hover,
[data-sprite="calendar_type_4"].selected
{
background-position: -228px -790px;
}
[data-sprite="calendar_type_5"]:hover,
[data-sprite="calendar_type_5"].selected
{
background-position: -121px -790px;
}
[data-sprite="calendar_type_6"]:hover,
[data-sprite="calendar_type_6"].selected
{
background-position: -228px -914px;
}
[data-sprite="calendar_type_7"]:hover,
[data-sprite="calendar_type_7"].selected
{
background-position: -121px -914px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .advanced
{
color: #00B2FF;
margin-top: 4px;
cursor: pointer;
font-size: 19px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .advanced:hover
{
text-decoration: underline;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="kind"]
{
border-bottom: 1px solid #999999;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options] .choice
{
margin: 10px 4px;
cursor: pointer;
font-size: 21px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option .choice
{
padding-top: 34px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option .choice.selected
{
color: #FFFFFF;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="size"] .choice[data-sprite="0"]
{
width: 88px;
height: 87px;
background-position: -459px -42px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="size"] .choice[data-sprite="0"].selected
{
background-position: -558px -42px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="size"] .choice[data-sprite="1"]
{
width: 79px;
height: 71px;
background-position: -654px -58px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="size"] .choice[data-sprite="1"].selected
{
background-position: -739px -58px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="size"] .choice[data-sprite="2"]
{
width: 69px;
height: 59px;
background-position: -826px -71px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="size"] .choice[data-sprite="2"].selected
{
background-position: -900px -71px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="format"] .choice[data-value="2"]
{
width: 102px;
height: 48px;
background-position: -995px -81px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="format"] .choice[data-value="2"].selected
{
background-position: -1102px -81px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="format"] .choice[data-value="3"]
{
width: 79px;
height: 71px;
background-position: -654px -58px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="format"] .choice[data-value="3"].selected
{
background-position: -739px -58px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="kind"] .choice[data-value="5"]
{
width: 79px;
height: 71px;
background-position: -654px -58px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="kind"] .choice[data-value="5"].selected
{
background-position: -739px -58px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="kind"] .choice[data-value="6"]
{
height: 76px;
width: 89px;
background-position: -1227px -56px;
}
[data-popup="start_new"] .calendars [data-page="properties"] .content .options .option [data-options="kind"] .choice[data-value="6"].selected
{
background-position: -1321px -56px;
}
/*canvas*/
[data-popup="start_new"] .canvases [data-page="properties"] .content .options
{
display: inline-block;
margin-top: 38px;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .options tbody
{
vertical-align: bottom;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .options .canvas
{
background-image:url(../PrivateData/PagesImages/canvas.png);
background-size:cover;
border: 1px solid #F3F3F3;
float: right;
margin: 0px 13px;
position: relative;
box-shadow: 0px 7px 8px #D4D4D4;
cursor:pointer;
height: 160px;
width: 160px;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .options .canvas:hover
{
background-image: url(../PrivateData/PagesImages/canvas_hover.png);
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .options .canvas.selected
{
background: #00B2FF;
border-color: #00B2FF;
color: white;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .options .canvas > div
{
line-height: 20px;
position: absolute;
bottom: 25%;
font-size: 21px;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .options .canvas > div .width
{
float: left;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .options .canvas > div .height
{
float: right;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .button.free,
[data-popup="start_new"] .canvases [data-page="free"] .content .button.sizes
{
background-color: #B3B3B3;
bottom: 44px;
}
[data-popup="start_new"] .canvases [data-page="properties"] .content .button.free:hover,
[data-popup="start_new"] .canvases [data-page="free"] .content .button.sizes:hover
{
background-color: #999999;
}
[data-popup="start_new"] .canvases [data-page="free"] .canvas_image
{
float: left;
width: 225px;
height: 225px;
position: relative;
}
[data-popup="start_new"] .canvases [data-page="free"] .canvas_image .image
{
background-image:url(../PrivateData/PagesImages/canvas.png);
background-repeat:no-repeat;
background-size: cover;
width: 100%;
height: 100%;
box-shadow: 0px 12px 14px #D4D4D4;
position: absolute;
bottom: 20px;
}
[data-popup="start_new"] .canvases [data-page="free"] .canvas_image .image > div
{
position: absolute;
top: calc(50% - 16px);
display: inline-flex;
font-size: 28px;
}
[data-popup="start_new"] .canvases [data-page="free"] .canvas_image .image > div .width
{
float: left;
}
[data-popup="start_new"] .canvases [data-page="free"] .canvas_image .image > div .height
{
float: right;
}
.popup_iframe
{
display:none;
}
/*Books Categories Popup*/
[data-popup="books_categories"]
{
width: 500px;
}
[data-popup="books_categories"] .header
{
color: #FFFFFF;
background-color: #4D4D4D;
line-height: 50px;
font-size: 29px;
font-weight: 300;
}
[data-popup="books_categories"] .header .headline
{
}
[data-popup="books_categories"] .content
{
}
[data-popup="books_categories"] .content .wrap
{
width: calc(50% - 41px);
float: right;
margin: 28px 20px 40px;
}
[data-popup="books_categories"] .content .wrap .title
{
font-weight: 500;
font-size: 25px;
line-height: 21px;
}
[data-popup="books_categories"] .content .wrap .info
{
margin: 20px 0;
font-size: 18px;
}
[data-popup="books_categories"] .content .wrap .button
{
line-height: 36px;
display: inline-block;
width: 180px;
font-size: 23px;
}
[data-popup="books_categories"] .content .line
{
float: right;
border-right: 1px solid #C5C5C5;
border-left: 1px solid #e1e1e1;
height: 185px;
margin-top: 34px;
}
/*Kids Popup*/
[data-popup="books_popup"]
{
float: right;
width: 380px;
}
[data-popup="books_popup"].two
{
width: 451px;
}
[data-popup="books_popup"] .header
{
background-color: #4d4d4d;
height: 50px;
}
[data-popup="books_popup"] .header .headline
{
color:#ffffff;
line-height:50px;
font-size: 29px;
font-weight: 300;
}
[data-popup="books_popup"] .content
{
float:right;
width:100%;
}
[data-popup="books_popup"].two .content
{
width: calc(100% - 20px);
margin:0 10px;
}
[data-popup="books_popup"] .content .one_kid,
[data-popup="books_popup"] .content .two_kids
{
display:none;
}
[data-popup="books_popup"] .content .one_kid.on
{
display:inline-block;
width: 238px;
}
[data-popup="books_popup"] .content .two_kids.on
{
display: block;
float: right;
width: 100%;
margin: 10px 0;
}
[data-popup="books_popup"] .content [data-id]
{
float:right;
cursor:pointer;
background-color:#E6E6E6;
color:#828282;
width: 114px;
height: 114px;
margin: 18px 5px;
}
[data-popup="books_popup"] .content .two_kids [data-id]
{
width: 94px;
height: 94px;
}
[data-popup="books_popup"] .content [data-type].choosen
{
background-color:#f7f7f7;
}
[data-popup="books_popup"] .content [data-id="1"].choosen .text
{
color:#F74E65;
}
[data-popup="books_popup"] .content [data-id="0"].choosen .text
{
color:#00B2FF;
}
[data-popup="books_popup"] .content [data-id="1"]
{
margin-left:0;
}
[data-popup="books_popup"] .content [data-id="0"]
{
margin-right:0;
}
[data-popup="books_popup"] .content [data-sprite]
{
display:inline-block;
}
[data-popup="books_popup"] .content .one_kid [data-type="big"] [data-sprite]
{
height: 70px;
width: 68px;
}
[data-popup="books_popup"] .content .one_kid [data-type="baby"] [data-sprite]
{
height: 77px;
width: 60px;
}
[data-popup="books_popup"] .content .two_kids [data-type="big"] [data-sprite]
{
height: 50px;
width: 50px;
}
[data-popup="books_popup"] .content .two_kids [data-type="baby"] [data-sprite]
{
height: 56px;
width: 42px;
}
/*[data-popup="books_popup"] .content .one_kid [data-type="big"] [data-sprite]
{
margin: 6px 16px 16px 16px;
}*/
[data-popup="books_popup"] .content [data-type="big"] [data-sprite]
{
margin: 15px 10px 0px;
}
[data-popup="books_popup"] .content .two_kids [data-type="baby"] [data-sprite]
{
margin: 8px 14px 0;
}
[data-popup="books_popup"] .content .one_kid [data-type="big"] [data-sprite="boy"]
{
background-position: -1028px -386px;
}
[data-popup="books_popup"] .content .one_kid [data-type="big"]:not(.DISABLED):hover [data-sprite="boy"],
[data-popup="books_popup"] .content .one_kid [data-type="big"].choosen [data-sprite="boy"]
{
background-position: -1028px -469px;
}
[data-popup="books_popup"] .content .two_kids [data-type="big"] [data-sprite="boy"]
{
background-position: -1264px -394px;
}
[data-popup="books_popup"] .content .two_kids [data-type="big"]:not(.DISABLED):hover [data-sprite="boy"],
[data-popup="books_popup"] .content .two_kids [data-type="big"].choosen [data-sprite="boy"]
{
background-position: -1264px -456px;
}
[data-popup="books_popup"] .content .one_kid [data-type="big"] [data-sprite="girl"]
{
background-position: -950px -386px;
}
[data-popup="books_popup"] .content .one_kid [data-type="big"]:not(.DISABLED):hover [data-sprite="girl"],
[data-popup="books_popup"] .content .one_kid [data-type="big"].choosen [data-sprite="girl"]
{
background-position: -950px -469px;
}
[data-popup="books_popup"] .content .two_kids [data-type="big"] [data-sprite="girl"]
{
background-position: -1209px -394px
}
[data-popup="books_popup"] .content .two_kids [data-type="big"]:not(.DISABLED):hover [data-sprite="girl"],
[data-popup="books_popup"] .content .two_kids [data-type="big"].choosen [data-sprite="girl"]
{
background-position: -1209px -456px;
}
[data-popup="books_popup"] .content .two_kids [data-type="baby"] [data-sprite="boy"]
{
background-position: -1111px -388px;
}
[data-popup="books_popup"] .content .two_kids [data-type="baby"]:not(.DISABLED):hover [data-sprite="boy"],
[data-popup="books_popup"] .content .two_kids [data-type="baby"].choosen [data-sprite="boy"]
{
background-position: -1111px -450px;
}
[data-popup="books_popup"] .content .two_kids [data-type="baby"] [data-sprite="girl"]
{
background-position: -1161px -388px;
}
[data-popup="books_popup"] .content .two_kids [data-type="baby"]:not(.DISABLED):hover [data-sprite="girl"],
[data-popup="books_popup"] .content .two_kids [data-type="baby"].choosen [data-sprite="girl"]
{
background-position: -1161px -450px
}
[data-popup="books_popup"] .content .two_kids .sep
{
float: right;
width: 46%;
margin: 14px calc(2% - 1px) 4px;
}
[data-popup="books_popup"] .content .two_kids .seperating_line
{
float: right;
height: 140px;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #f1f1f1;
margin: 32px 1px 0px;
}
[data-popup="books_popup"] .content .two_kids .sep.left
{
float:left;
}
[data-popup="books_popup"] .content input
{
text-align: right;
width: 110px;
font-family: Agudal;
}
[data-popup="books_popup"] .content .text
{
font-size: 19px;
}
[data-popup="books_popup"] .content .age .text
{
clear:both;
}
[data-popup="books_popup"] .content [data-type] .text
{
width:100%;
}
[data-popup="books_popup"] .content .two_kids input
{
width: 110px;
float:left;
}
/*[data-popup="books_popup"] .content .two_kids .text
{
width:100%;
}*/
[data-popup="books_popup"] .content .button
{
background-color: rgb(247, 78, 101);
margin-top: 20px;
width: 238px;
line-height: 30px;
cursor: pointer;
display: inline-block;
color: #ffffff;
font-size: 21px;
margin-bottom: 28px;
}
[data-popup="books_popup"].two .content .button
{
margin-top: 24px;
}
/*Popup of open book*/
[data-popup="view_template"]
{
width: 820px;
height: 606px;
background-color: rgb(242, 242, 242);
text-align:center;
}
[data-popup="view_template"] .header
{
height: 75px;
background-color: rgb(77, 77, 77);
float:right;
width:100%;
}
.vertical_flip [data-popup="view_template"] .header
{
position: relative;
z-index: 1000;
}
[data-popup="view_template"] .header .headline
{
color: white;
margin-left: 24px;
line-height: 54px;
font-size: 40px;
font-weight: 300;
}
[data-popup="view_template"] .type_name
{
display:inline;
}
[data-popup="view_template"] .header .headline .template_name
{
display:inline;
}
[data-popup="view_template"] .header .order_number
{
color: white;
line-height: 5px;
font-size: 19px;
}
[data-popup="view_template"] .arrow
{
top: 75px;
}
.vertical_flip [data-popup="view_template"] .arrow
{
z-index: 100;
}
[data-popup="view_template"] .content
{
width: 100%;
float:right;
}
[data-popup="view_template"] .content .body
{
width:100%;
display:inline-block;
/* padding-top: 24px; */
height: 390px;
position:relative;
}
[data-popup="view_template"] .content .body .loading_pagefilp
{
left: calc(50% - 40px);
width: 80px;
margin-top: 160px;
position: absolute;
z-index: 20000;
}
[data-popup="view_template"] .content .body .pageflip_cover
{
position:absolute;
z-index: 10000;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgb(242, 242, 242);
}
[data-popup="view_template"] .content .body .flip_wrap
{
width:100%;
height: 91%;
float: right;
position: relative;
margin-bottom: 20px;
}
[data-popup="view_template"] .content .body .flip_wrap #pageflip
{
width: 92%;
height: 90%;
display: inline-block;
position: relative;
margin-top: 27px;
}
[data-popup="view_template"] .content .body .flip_wrap #pageflip .canvas_wrap
{
margin-top: 0% !important;
width: 100%;
height: 100%;
}
[data-popup="view_template"] .content .body .flip_wrap #pageflip:not([data-item-kind="1"]) #book
{
display: inline-block !important;
transform: none !important;
}
[data-popup="view_template"] .content .phrase
{
font-size: 21px;
color: rgb(77, 77, 77);
}
[data-popup="view_template"] .content .price
{
font-size: 22px;
color: rgb(77, 77, 77);
display:inline-block;
margin: 8px 0;
}
[data-popup="view_template"] .content .price > [data-type]
{
float: right;
}
[data-popup="view_template"] .content .price .num
{
font-weight:900;
display:inline-block;
font-size: 43px;
line-height: 26px;
}
[data-popup="view_template"] .content .price .line
{
float: right;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #FFFFFF;
height: 30px;
margin: 0 12px;
}
[data-popup="view_template"] .content .price .notice
{
font-size: 13px;
line-height: 14px;
float: left;
color: #FFFFFF;
background-color: #FFCC00;
width: 14px;
height: 14px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
[data-popup="view_template"] .content .button
{
background-color:rgb(247, 78, 101);
margin-top: 28px;
line-height: 30px;
float: none;
display: block;
width: 200px;
font-size: 21px;
}
.vertical_flip [data-popup="view_template"] .content .button
{
position: relative;
z-index: 100;
}
[data-popup="view_template"] .content .body .thumbnails
{
width: 760px;
float: right;
margin: 0 30px 0;
position: relative;
}
[data-popup="view_template"] .content .body .thumbnails .bar
{
background-color:#ffffff;
float:right;
height:6px;
border-left: 2px solid #F2F2F2;
cursor:pointer;
}
[data-popup="view_template"] .content .body .thumbnails .bar:hover
{
background-color:#e1e1e1;
}
[data-popup="view_template"] .content .body .thumbnails .bar.selected
{
background-color:#AAAAAA;
}
[data-popup="view_template"] .content .body .thumbnails [data-sprite='thumb']
{
width: 19px;
height: 19px;
position: absolute;
right: -1%;
top: -7px;
background-position: -54px -257px;
z-index: 9;
background-size: auto;
cursor:pointer;
}
[data-popup="view_template"] .content .body .thumbnails [data-sprite='thumb']:hover
{
background-position: -78px -257px;
}
[data-popup="view_template"] .content .body .thumbnails [data-sprite='thumb']:active
{
background-position: -101px -257px;
}
[data-popup="view_template"] .content .body .thumbnails .preview_wrap
{
display:none;
position: absolute;
top: -64px;
z-index: 100;
}
[data-popup="view_template"] .content .body .thumbnails .preview_wrap .preview
{
height: 40px;
width: 100px;
background-size: contain;
background-repeat: no-repeat;
background-color: white;
border: 2px solid #4d4d4d;
direction: rtl;
position:relative;
}
[data-popup="view_template"] .content .body .thumbnails .preview_wrap .preview .tulle
{
z-index: 1000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
}
[data-popup="view_template"] .content .body .thumbnails .preview_wrap .preview .page_title
{
display: none;
}
[data-popup="view_template"] .content .body .thumbnails .preview_wrap .arrow
{
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 7px solid rgb(77, 77, 77);
width: 0px;
}
.popupWrap .addons [data-type="flip"] .sprite_main
{
width:50px;
height:100px;
}
.popupWrap .addons .next_template .sprite_main
{
background-position: -1072px -206px;
}
.popupWrap .addons .previous_template .sprite_main
{
background-position: -1150px -206px;
}
.popupWrap .addons [data-type="flip"]
{
cursor: pointer;
font-size: 60px;
font-family: aharoni bold;
color: white;
background-color: rgba(255,255,255,0.7);
line-height: 80px;
height: 100px;
width:50px;
text-align: right;
position: absolute;
top: calc(50% - 50px);
opacity: 0.5;
z-index: 1000;
padding:10px;
}
/*Change Size Popup*/
[data-popup="change_size_popup"]
{
}
[data-popup="change_size_popup"] .header
{
line-height: 40px;
color: #FFFFFF;
background-color: #4d4d4d;
font-size: 23px;
}
[data-popup="change_size_popup"] .header .headline
{
margin-left: 24px;
}
[data-popup="change_size_popup"] .content
{
}
/*[data-popup="change_size_popup"] .content .options
{
display: inline-block;
width: 230px;
margin: 18px 0;
}
[data-popup="change_size_popup"] .content .options [data-id]
{
background-color: #F2F2F2;
cursor: pointer;
margin: 4px 0;
line-height: 26px;
font-size: 17px;
}
[data-popup="change_size_popup"] .content .options [data-id]:hover
{
background-color: #E6E6E6;
}
[data-popup="change_size_popup"] .content .options [data-id].selected
{
background-color: #CCCCCC;
}*/
[data-popup="change_size_popup"] .content .options[data-type="4"]
{
width: 100%;
}
[data-popup="change_size_popup"] .content .options[data-type="4"] .canvas_scales
{
margin: 10px 0;
display: inline-block;
float: none;
}
[data-popup="change_size_popup"] .content .button
{
color: #FFFFFF;
background-color: #F74E65;
width: 170px;
display: inline-block;
line-height: 30px;
font-size: 19px;
margin: 0 0 40px 0px;
cursor: pointer;
}
[data-popup="change_size_popup"] .content .button:hover
{
background-color: #F73455;
}
/*Copy Url*/
[data-popup="copy_url_popup"]
{
background-color: #FFFFFF;
width:360px;
}
[data-popup="copy_url_popup"] .header
{
background-color: #4d4d4d;
}
[data-popup="copy_url_popup"] .header .headline
{
color: #FFFFFF;
line-height: 40px;
font-size: 23px;
margin-left: 24px;
}
[data-popup="copy_url_popup"] .content
{
margin-top: 20px;
}
[data-popup="copy_url_popup"] .content .text
{
font-size: 21px;
direction:ltr;
}
[data-popup="copy_url_popup"] .content input
{
margin: 10px 0 18px;
width: 296px;
direction: ltr;
text-align: center;
font-size: 19px;
font-family: sans-serif, OpenSans, metali;
}
/*Pages*/
.additional_text
{
background-color: #FFFFFF;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
max-height: 620px;
margin: 0;
}
.additional_text .wrap
{
margin: 26px 0;
display: inline-block;
width: 1020px;
}
.additional_text .wrap p
{
text-align: justify;
margin: 0;
font-size: 17px;
line-height: 20px;
}
.additional_text .wrap p strong
{
font-size: 18px;
}
.additional_text .wrap p a
{
color: #00b2ff;
}
.additional_text .wrap .more
{
font-size: 17px;
color: #4d4d4d;
cursor:pointer;
}
.additional_text .wrap .more:hover
{
text-decoration:underline;
}
.additional_text .wrap .more .text
{
}
.additional_text .wrap .more .arrow
{
float: left;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
width: 0px;
margin: 6px 6px 0 0px;
}
.additional_text .wrap .more .arrow.open
{
border-bottom: 5px solid;
border-top: 0;
}
.additional_text .wrap .hidden
{
visibility: visible;
display: none;
margin-top: 8px;
}
.additional_text .wrap .date
{
display: none;
}
/*Check Out*/
.check_out .container
{
height:auto;
margin-top: -150px;
}
.check_out > .image
{
background-image: url('../PrivateData/PagesImages/backgroundCheckout_s.jpg');
}
/*Check Out*/
.check_out .container {
height: auto;
margin-top: -150px;
}
.ismobile .check_out .container {
margin-top: -450px;
}
.check_out > .image {
background-image: url('../img/PagesImages/backgroundCheckout_s.jpg');
}
/*Complete Order*/
.complete_order_popup {
background-color: white;
width: 1112px;
/*float: right;
margin-right: calc(50% - 430px);*/
display: inline-block;
margin-bottom: 20px;
}
.ismobile .complete_order_popup {
transform: scale(0.8);
}
.complete_order_popup .header {
background-color: #4D4D4D;
width: 100%;
}
.complete_order_popup .header .headline {
color: white;
font-weight: 300;
line-height: 50px;
font-size: 26px;
margin-bottom: 12px;
}
.complete_order_popup > .arrow {
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-top: 15px solid rgb(77, 77, 77);
width: 0px;
display: none;
}
.complete_order_popup .side_part {
width: 60px;
}
.complete_order_popup .side_dots {
height: 1088px;
width: 2px;
background-color: #00adff;
float: right;
}
.complete_order_popup .dot {
background-color: #00adff;
height: 12px;
width: 12px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-top: -6px;
}
.complete_order_popup > div .title .dot {
float: right;
}
.complete_order_popup .content {
width: calc(100% - 60px);
font-size: 16px;
}
.complete_order_popup .content > [data-content] {
float: right;
width: 100%;
}
.complete_order_popup .content input,
.complete_order_popup .content textarea {
width: calc(100% - 10px);
margin: 0 0 8px 0;
padding: 2px 4px;
font-family: sans-serif, OpenSans, metali;
line-height: 1;
font-size: 15px;
background-color: white;
border: 1px solid #A9A9A9;
direction: rtl;
}
.complete_order_popup .content input[data-type="email"] {
text-align: left;
direction: ltr;
}
.complete_order_popup .content [data-content="registration"] {
display: none;
}
.complete_order_popup .content [data-content="registration"] input {
width: 130px;
height: auto;
}
.complete_order_popup .content [data-content="registration"] input[data-type="Email"],
.complete_order_popup .content [data-content="registration"] input[data-type="Password"] {
text-align: left;
direction: ltr;
}
.complete_order_popup .content > div > .title {
}
.complete_order_popup .content .title .arrow {
margin-top: 10px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
height: 0px;
float: right;
}
.complete_order_popup .content > div .title .headline {
color: white;
background-color: #00adff;
line-height: 32px;
padding: 0 10px 0 15px;
font-size: 19px;
float: right;
}
.complete_order_popup .content [data-content="registration"] .details div {
line-height: 22px;
float: right;
}
.complete_order_popup .content [data-content="registration"] .details .sign_in {
cursor: pointer;
font-weight: 300;
}
.complete_order_popup .content [data-content] > .details {
width: calc(96% - 60px);
background-color: #F2F2F2;
position: relative;
float: right;
padding: 0 30px;
}
.complete_order_popup .content [data-content="registration"] > .details {
padding: 20px 30px;
}
.complete_order_popup .content > div .details > div .title {
width: 100%;
margin: 0 0 6px;
line-height: 16px;
font-weight: 300;
font-size: 19px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .num_of_products .title {
margin: 0 0 8px;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="comments"] .title {
margin-bottom: 22px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_pic {
width: 176px;
max-width: 178px;
height: 138px;
margin: 20px;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
position: relative;
-webkit-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_pic .image {
width: 100%;
height: 100%;
background-size: cover, contain;
background-blend-mode: screen;
background-repeat: no-repeat;
background-position: right;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_pic[data-item_kind="1"] {
width: 110px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_pic[data-item_kind="1"] .bind {
position: absolute;
width: 100%;
height: 16px;
top: -11px;
background-image: url('../PrivateData/PagesImages/spiral.png');
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details {
float: left;
width: 380px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .product_title {
width: 100%;
margin: 12px 0 2px 0;
font-weight: 300;
font-size: 34px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .product_properties {
width: 130px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .product_properties > div {
width: 100%;
margin-bottom: 9px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .product_descriptions {
width: 180px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .product_descriptions > div {
margin-bottom: 9px;
width: 100%;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .basic_details .product_descriptions select {
width: 130px;
margin: 0px 0 9.5px 0;
}
.complete_order_popup .content [data-content="ordering_what"] .shopping_cart {
padding: 0 0 40px;
width: 96%;
}
.complete_order_popup .content [data-content="ordering_what"] .shopping_cart .table .body .cart_item .items_wrap .item .details {
/*width: auto !important;*/
}
.complete_order_popup .content [data-content="ordering_what"] .shopping_cart .table .body .cart_item .items_wrap .item .amount {
margin-right: 10px;
}
.complete_order_popup .content [data-content="ordering_what"] .shopping_cart .table .body .cart_item .items_wrap .item .price {
width: auto;
}
.complete_order_popup .content [data-content="ordering_what"] .shopping_cart .button.add {
margin: 0 48px;
text-align: right !important;
width: 150px;
background-color: transparent;
color: #4d4d4d;
text-decoration: underline;
}
.complete_order_popup .content [data-content="ordering_what"] .shopping_cart .summery {
margin: 0 40px;
/* clear: both; */
}
.complete_order_popup .content [data-content="ordering_what"] .shopping_cart .summery .price {
/*margin-right: 10px;*/
font-size: 27px;
}
.complete_order_popup .content .seperating_line {
border-top: 1px solid #D7D7D7;
border-bottom: 2px solid white;
width: 100%;
margin-top: 5px;
}
.complete_order_popup .content .seperating_line_vertical {
border-right: 1px solid #D7D7D7;
border-left: 1px solid white;
height: 288px;
margin: 0px 18px;
float: right;
}
.complete_order_popup .content .price_num {
display: inline;
float: none;
}
.complete_order_popup .content .price {
font-weight: 300;
font-size: 23px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .num_of_products .price {
margin-bottom: 22px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .price {
margin-bottom: 14px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .more_pages_details {
width: 100%;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .more_pages_details .more_pages_properties {
width: 146px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .more_pages_details .more_pages_properties > div {
width: 100%;
margin: 0px 0px 9px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .more_pages_details .more_pages_descriptions > div {
width: 100%;
margin: 0px 0 9px;
direction: rtl;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .num_of_products {
width: 100%;
margin-top: 12px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .num_of_products .more_products .products_num {
background-color: white;
line-height: 26px;
width: 44px;
border: 1px solid #D7D7D7;
padding: 0 5px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .num_of_products .more_products div + div {
color: white;
background-color: #00adff;
line-height: 28px;
padding: 0 9px;
margin: 0 1px;
float: left;
cursor: pointer;
font-size: 34px;
}
.complete_order_popup .content [data-content="ordering_what"] .details .product_details .num_of_products .more_products div + div:hover {
background-color: #0099FF;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options {
float: left;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .wrap {
float: right;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option {
float: left;
padding: 8px 6px 0;
margin: 22px 12px 14px 0;
cursor: pointer;
color: #000000;
position: relative;
width: 96px;
height: 78px;
border: 1.5px solid;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option[data-value="0"] .option_title {
margin-top: 12px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option:hover {
background-color: rgba(255,255,255,0.8);
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option.selected {
background-color: #00adff;
border-color: #00adff;
color: #ffffff;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option .info {
color: #FFFFFF;
background-color: #FFCC00;
cursor: pointer;
position: absolute;
top: -8px;
left: -8px;
width: 17px;
height: 17px;
line-height: 19px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
font-size: 12px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option .info .descroption {
display: none;
cursor: context-menu;
width: 200px;
padding: 10px;
max-height: 340px;
overflow: auto;
position: absolute;
color: #4d4d4d;
background-color: #FFFFFF;
font-size: 13px;
z-index: 1;
top: 5px;
border: 1px solid #4D4D4D;
-webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.4);
box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.4);
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option .info:hover .descroption {
display: block;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option .option_title {
float: none;
font-size: 15px;
margin-top: 5px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option .price {
font-weight: normal;
font-size: 18px;
margin: 0;
float: none;
display: inline-block;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option .price_num {
line-height: 30px;
font-weight: 900;
font-size: 31px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option .supply {
font-size: 14px;
margin-top: 5px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .text {
direction: rtl;
float: left;
clear: left;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .text.supply {
font-size: 17px;
color: red;
margin: 10px 0 0 !important;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .text ~ .text {
margin-bottom: 10px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .text.supply .date {
font-weight: bold;
display: inline-block;
float: none;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option[data-value="3"] .info .descroption {
width: 380px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .delivery_options .option[data-value="3"] .info .descroption a {
color: #00adff;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit {
width: 100%;
text-align: center;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit [data-sprite="logo"] {
width: 90px;
height: 38px;
background-position: -988px -670px;
display: inline-block;
float: none;
margin: 10px 0;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap {
width: 100%;
margin-top: 16px;
position: relative;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap .block {
width: 126px;
height: 114px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap .block .texts {
text-align: center;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap .block [data-sprite] {
display: inline-block;
float: none;
height: 52px;
width: 60px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap [data-sprite="map"] {
background-position: -928px -662px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap [data-sprite="sms"] {
background-position: -872px -656px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap [data-sprite="box"] {
background-position: -805px -668px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap .dashed {
width: 46px;
border-top: 1px dashed;
position: absolute;
top: 22px;
left: 111px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .wrap .dashed:nth-child(2) {
left: auto;
right: 98px;
}
.complete_order_popup .content [data-content="choosing_delivery"] .details .boxit .texts {
width: 100%;
text-align: right;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form] {
float: right;
width: 25%;
padding: 4px 0 0px;
/* height: 274px; */
margin: 30px 0;
color: #4D4D4D;
}
.complete_order_popup .content [data-content="more_details"] .details .seperating_line_vertical {
margin: 30px 0 0;
height: 336px;
}
.complete_order_popup .content [data-content="more_details"] .details .seperating_line_vertical.long {
height: 300px;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form]:not(:last-child) {
}
.complete_order_popup .content [data-content="more_details"] .details [data-form]:not(:first-child) {
}
.complete_order_popup .content [data-content="more_details"] .details [data-form]:first-child {
}
.complete_order_popup .content [data-content="more_details"] .details [data-form]:last-child {
}
.complete_order_popup .content [data-content="more_details"] .details [data-form]:not(:first-child):not(:last-child) {
padding-right: 3.5%;
padding-left: 3.5%;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form] div {
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="contact"] [data-action="phonebook"] {
line-height: 20px;
margin-top: 20px;
cursor: pointer;
text-decoration: underline;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="contact"] [data-action="phonebook"] [data-sprite="icon"] {
width: 26px;
height: 28px;
background-position: -894px -742px;
margin-top: -9px;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form] [data-action="clear"] {
cursor: pointer;
font-size: 14px;
font-weight: normal;
text-decoration: underline;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] .apartment_num {
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] [data-type="HouseNum"] {
width: 34%;
clear: both;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] [data-type="AppartmentNum"] {
width: 34%;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] [data-list] {
display: none;
background-color: white;
width: 177px;
font-size: 15px;
margin-top: -7px;
max-height: 100px;
overflow: auto;
overflow: overlay;
position: absolute;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] [data-list] .row {
width: 100%;
line-height: 20px;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] [data-list] .row:hover {
background-color: #E6E6E6;
cursor: pointer;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] [data-list] .row.selected {
background-color: #E6E6E6;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] .find_address {
float: left;
font-size: 12px;
display: none;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] .find_address:hover {
text-decoration: underline;
cursor: pointer;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="address"] [data-type="shipping_notes"] {
height: 40px;
padding: 4px 4px;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="comments"] [data-type="notes"] {
height: 106px;
margin-Bottom: 18px;
direction: rtl;
padding: 6px 4px;
float: right;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="comments"] .wait {
width: 120%;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="comments"] #Wait {
display: inline-block;
margin: 0 0 0 6px;
width: 16px;
height: 16px;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="comments"] label {
font-size: 14px;
font-weight: 600;
display: inline;
}
.complete_order_popup .content [data-content="more_details"] .details [data-form="comments"] .example {
padding: 0;
direction: rtl;
color: #808080;
line-height: 16px;
font-size: 14px;
}
.complete_order_popup .content [data-content="payment_details"] .details .line {
border-right: 1px solid #D7D7D7;
border-left: 1px solid white;
height: 106px;
margin: 14px 0px;
float: right;
}
.complete_order_popup .content [data-content="payment_details"] .details {
min-height: 120px;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard,
.complete_order_popup .content [data-content="payment_details"] .details .coupon {
width: 25%;
float: right;
font-weight: 300;
margin: 20px 33px;
}
.complete_order_popup .content [data-content="payment_details"] .details .coupon {
margin-bottom: 0;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard {
margin-top: 10px;
padding-top: 10px;
margin-right: 10px;
margin-left: 52px;
display: none;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard + .line {
display: none;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard .coupon_code {
margin-top: 10px;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard .image {
background-image: url(../img/pagesimages/giftcard_menu.svg);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
opacity: 1;
float: right;
margin: 6px 14px 10px 0px;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard a {
font-size: 13px;
color: #00adff;
margin-bottom: 4px;
display: inline-block;
}
.complete_order_popup .content [data-content="payment_details"] .details .coupon .coupon_code {
margin-bottom: 10px;
margin-top: 10px;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard .loader,
.complete_order_popup .content [data-content="payment_details"] .details .coupon .loader {
float: left;
margin-top: -22px;
}
.complete_order_popup .content [data-content="payment_details"] .details .coupon .loader [data-sprite="ok"] {
}
.complete_order_popup .content [data-content="payment_details"] .details .coupon .loader [data-sprite="error"] {
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard input,
.complete_order_popup .content [data-content="payment_details"] .details .coupon input {
margin-bottom: 4px;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard .info,
.complete_order_popup .content [data-content="payment_details"] .details .coupon .info {
width: 100%;
direction: rtl;
}
.complete_order_popup .content [data-content="payment_details"] .details .giftcard .info div,
.complete_order_popup .content [data-content="payment_details"] .details .coupon .info div {
display: inline-block;
}
.complete_order_popup .content [data-content="payment_details"] .details .voucher {
width: 162px;
position: absolute;
bottom: 0;
color: #4D4D4D;
margin: 19px 32px;
font-weight: 300;
}
.complete_order_popup .content [data-content="payment_details"] .details .voucher > div {
width: 100%;
}
.complete_order_popup .content [data-content="payment_details"] .details .seperating_line_vertical {
float: left;
margin: 24px 0;
display: none;
margin-left: 42px;
height: 226px;
}
.complete_order_popup .content .summery.price {
font-size: 26px;
margin: 14px 70px 40px;
}
.complete_order_popup .content .summery.price .warning {
margin: 6px 0;
color: red;
font-size: 14px;
font-weight: bold;
display: none;
}
.complete_order_popup .content .buttons {
margin: 20px 0 20px 80px;
float: left;
width: 180px;
}
.complete_order_popup .content .buttons.one {
margin-top: 52px;
}
.complete_order_popup .content ._Button {
width: 176px;
line-height: 30px;
font-weight: 300;
cursor: pointer;
font-size: 19px;
background-color: #00B2FF;
color: white;
}
.complete_order_popup .content ._Button:hover
{
background-color: #0099FF;
}
.complete_order_popup .content .or {
display: inline-block;
margin: 5px 0;
}
.complete_order_popup .content #paypal {
width: 216px;
overflow: hidden;
direction: ltr;
margin-right: -36px;
}
.complete_order_popup .content #paypal > * {
margin-left: -36px;
}
.complete_order_popup .iframe_wrap iframe {
display: none;
}
.FlyingCargo_popup {
font-family: metali !important;
border-radius: 0px !important;
}
#FlyingCargo_footer {
border-radius: 0 !important;
}
.FlyingCargo_with_margin {
float: right !important;
font-family: metali !important;
direction: rtl !important;
clear: both;
}
/*End order popup*/
.end_order_popup {
background-color: white;
width: 680px;
color: #292929;
display: none;
margin-top: 50px;
text-align: center;
}
.end_order_popup div {
float: right;
width: 100%;
cursor: context-menu;
}
.end_order_popup .prod_type {
display: inline;
float: none;
}
.end_order_popup .header {
color: white;
background-color: #292929;
}
.end_order_popup .header .icon {
background-color: #ffcc00;
display: inline-block;
float: none;
height: 72px;
width: 72px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
line-height: 78px;
font-size: 44px;
margin-top: -40px;
}
.end_order_popup .header .icon [data-sprite="check"] {
background-position: -1016px -1802px;
height: 100%;
}
.end_order_popup .header .headline {
font-size: 48px;
font-weight: 500;
margin-top: 14px;
}
.end_order_popup .header .subline1 {
font-size: 30px;
margin-top: 2px;
}
.end_order_popup .header .subline2 {
font-size: 22px;
}
.end_order_popup .arrow {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 14px solid #00adff;
width: 0px;
float: none;
display: none;
}
.end_order_popup .content {
padding-top: 28px;
background-color: white;
}
.end_order_popup .content > .headline {
background-color: #4D4D4D;
float: none;
display: inline-block;
width: 234px;
color: white;
line-height: 45px;
font-size: 30px;
display: none;
}
.end_order_popup .content > .text {
background-color: #F2F2F2;
display: inline-block;
margin: -20px 45px 0;
width: 590px;
padding: 30px 0 18px;
margin-top: 0;
padding-top: 18px;
}
.end_order_popup .content .text .paragraph {
margin: 11px 0;
}
.end_order_popup .content .text .paragraph .headline {
font-weight: 500;
font-size: 25px;
}
.end_order_popup .content .text .paragraph .subline {
font-size: 18px;
margin-top: 3px;
}
.end_order_popup .content .text .seperaring_line {
border-top: 1px solid #D7D7D7;
border-bottom: 2px solid white;
width: 576px;
display: inline-block;
float: none;
}
.end_order_popup .content .links_wrap {
margin-top: 10px;
width: 86%;
display: inline-block;
float: none;
}
.end_order_popup .content .link {
margin-top: 18px;
display: inline-block;
float: right;
width: 100%;
}
.end_order_popup .content .link .product_name {
font-size: 21px;
font-weight: 900;
float: right;
width: auto;
text-align: right;
}
.end_order_popup .content .link .text {
font-size: 33px;
line-height: 24px;
}
.end_order_popup .content .link .url {
float: right;
/* width: auto; */
margin-top: 8px;
text-align: left;
}
.end_order_popup .content .link .url a {
color: #177EC3;
font-size: 18px;
}
.end_order_popup .content .link .line {
float: left;
font-size: 18px;
margin: 0 6px;
width: auto;
}
.end_order_popup .content .link [data-action] {
float: left;
font-size: 16px;
text-decoration: underline;
cursor: pointer;
width: auto;
}
.end_order_popup .content .link img {
height: 18px;
width: auto;
float: left;
margin: 0 10px 0 0;
}
.end_order_popup .content .buttons {
margin-right: calc(50% - 162px);
margin: 0px 0 46px;
display: inline-block;
}
.end_order_popup .content .buttons > div {
display: inline-block;
width: auto;
float: none;
margin: 0 150px;
}
.end_order_popup .content .buttons .info {
margin-top: 8px;
color: red;
font-size: 16px;
font-weight: 600;
}
.end_order_popup .content .buttons .copy,
.end_order_popup .content .buttons .share {
cursor: pointer;
color: #0B6BB2;
font-size: 19px;
display: inline-block;
float: none;
text-decoration: underline;
width: auto;
margin-top: 13px;
}
.end_order_popup .content .buttons .copy {
}
.end_order_popup .content .buttons .share {
float: right;
}
.end_order_popup .content .buttons .end,
.end_order_popup .content .buttons .print {
margin-top: 14px;
font-size: 20px;
line-height: 34px;
width: 160px;
margin: 0 6px;
cursor: pointer;
}
.end_order_popup .content .buttons [data-btn] {
margin-top: 30px;
background-color: #00b2ff;
}
/*Personal area*/
.personal_area {
background-color: #F2F2F2;
}
.personal_area > .image {
background-image: url('../PrivateData/PagesImages/backgroundPersonalArea_s.jpg');
}
.personal_area .container {
height: 100%;
color: #4D4D4D;
margin-top: -150px;
margin-bottom: 20px;
}
.personal_area .container div,
.personal_area .container a {
}
.personal_area .container .seperating_line {
border-top: 2px solid #D7D7D7;
border-bottom: 1px solid white;
margin-top: 12px;
display: inline-block;
float: none;
}
.personal_area .container .fixed {
height: 100%;
width: 230px;
}
.personal_area .container .fixed div {
width: 100%;
}
.personal_area .container .rest_of_page {
width: calc(100% - 430px);
}
.personal_area .container .fixed .sticky_menu {
width: 230px;
margin-top: 30px;
float: right;
cursor: context-menu;
z-index: 100;
}
.personal_area .container .fixed .sticky_menu .menu {
background-color: #ffffff;
width: 100%;
float: right;
}
.personal_area .container .fixed .sticky_menu.fix {
position: fixed;
top: 146px;
margin: 0;
}
.personal_area .container .fixed .sticky_menu.fix.bottom {
position: absolute;
top: auto;
bottom: 0;
}
.personal_area .container .fixed .sticky_menu .header {
background-color: #00adff;
height: 160px;
}
.personal_area .container .fixed .sticky_menu .header [data-sprite="customer_face"] {
background-position: -655px -194px;
height: 85px;
width: 85px;
display: inline-block;
float: none;
margin-top: 9px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
.personal_area .container .fixed .sticky_menu .header .customer_name {
font-weight: 500;
line-height: 25px;
cursor: pointer;
font-size: 23px;
}
.personal_area .container .fixed .sticky_menu .header .logoff {
line-height: 21px;
cursor: pointer;
font-size: 20px;
}
.personal_area .container .fixed .sticky_menu .arrow {
margin-left: calc(50% - 7.5px);
float: left;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 18px solid #00adff;
width: 0px;
}
.personal_area .container .fixed .sticky_menu .content {
margin-top: 12px;
width: calc(100% - 24px);
}
.personal_area .container .fixed .sticky_menu .content .detail {
padding-bottom: 4px;
/* float: right; */
width: 82%;
display: inline-block;
}
.personal_area .container .fixed .sticky_menu .content .detail:hover {
background-color: #F2F2F2;
}
.personal_area .container .fixed .sticky_menu .content .detail.selected {
background-color: #E2E2E2;
}
.personal_area .container .fixed .sticky_menu .content .num {
line-height: 40px;
margin: 6px 0px 0;
cursor: pointer;
font-weight: 500;
font-size: 45px;
float: right;
}
.personal_area .container .fixed .sticky_menu .content .text {
line-height: 26px;
cursor: pointer;
position: relative;
font-size: 21px;
float: right;
}
.personal_area .container .fixed .sticky_menu .content .text [data-sprite="warn_sign"] {
width: 18px;
height: 18px;
background-position: -956px -290px;
position: absolute;
top: 5px;
display: none;
}
.personal_area .container .fixed .sticky_menu .content .seperating_line {
width: 150px;
margin-top: 0;
display: none;
}
.personal_area .container .fixed .sticky_menu .content .button {
width: 164px;
float: none;
display: inline-block;
margin: 18px 0px 21px;
position: relative;
line-height: 36px;
cursor: pointer;
font-size: 17px;
}
.personal_area .container .fixed .sticky_menu .content .button [data-sprite="arrow"] {
height: 10px;
margin-top: 14px;
width: 14px;
margin: 13px 8px 0;
background-position: -155px -66px;
}
.personal_area .container .fixed .sticky_menu .content .button:hover {
}
.personal_area .container .fixed .sticky_menu .content .button .options {
position: absolute;
top: 34px;
display: none;
color: #4D4D4D;
background: #ffffff;
border: 1px solid #C6C6C6;
z-index: 1000000000;
}
.personal_area .container .fixed .sticky_menu .content .button .options.right {
bottom: 0;
top: auto;
right: 200px;
}
.personal_area .container .fixed .sticky_menu .content .button .options [data-type]:hover {
background-color: #E6E6E6;
cursor: pointer;
}
.personal_area .container .fixed .sticky_menu .giftcards {
margin-top: 20px;
background-color: #ffffff;
width: 100%;
float: right;
position: relative;
display: none;
}
.personal_area .container .fixed .sticky_menu .giftcards .image {
background-image: url(../img/pagesimages/giftcard_menu.svg);
width: 30px;
height: 30px;
background-size: contain;
position: absolute;
background-repeat: no-repeat;
top: -10px;
}
.personal_area .container .fixed .sticky_menu .giftcards .text {
font-size: 19px;
margin-top: 16px;
display: inline-block;
}
.personal_area .container .fixed .sticky_menu .giftcards .text .num {
display: inline;
font-size: 23px;
font-weight: 900;
}
.personal_area .container .fixed .sticky_menu .giftcards [data-btn] {
display: inline-block;
width: 150px;
margin: 10px 0 20px;
line-height: 30px;
font-size: 17px;
}
.personal_area .container .rest_of_page > div {
background-color: white;
width: 100%;
margin: 30px 0 0;
display: none;
float: right;
min-height: 160px;
}
.personal_area .container .rest_of_page .head_text {
background-color: transparent;
width: 100%;
margin: 20px 0 0;
min-height: initial;
min-height: auto;
}
.personal_area .container .header {
background: #4D4D4D;
width: 100%;
height: 46px;
color: white;
direction: ltr;
}
.personal_area .container .header .text {
line-height: 46px;
width: 100%;
font-weight: 300;
font-size: 21px;
float: right;
}
.personal_area .container .header .text .num_of_items {
float: none;
display: inline;
}
.personal_area .container .arrow {
margin-left: calc(50% - 5px);
float: left;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 14px solid #4D4D4D;
width: 0px;
}
.personal_area .container div .head_text {
margin-right: 10px;
float: right;
}
.personal_area .container div .head_text .icon_info {
background-color: #FFCC00;
height: 38px;
width: 38px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
color: white;
font-size: 28px;
font-weight: 300;
line-height: 40px;
font-family: metali;
float: right;
}
.personal_area .container div .head_text .text {
width: calc(100% - 46px);
float: right;
}
.personal_area .container div .head_text .text .headline {
font-size: 21px;
font-weight: 500;
line-height: 20px;
width: 100%;
}
.personal_area .container div .head_text .text .headline .customer_name {
float: none;
display: inline;
}
.personal_area .container div .head_text .text .info {
font-size: 19px;
line-height: 20px;
float: right;
}
.personal_area .container .content {
width: calc(100% - 26px);
margin: 10px 13px 15px;
float: right;
}
.personal_area .container [data-content^="items"] .content .item {
width: 228px;
background-color: #F2F2F2;
margin: 10px 10px;
float: right;
}
.personal_area .container [data-content^="items"] .content .item .item_pic {
width: calc(100% - 36px);
height: 140px;
margin: 18px 0px 9px 0;
display: inline-block;
float: none;
cursor: pointer;
}
.personal_area .container [data-content^="items"] .content .item .item_pic .image {
width: 100%;
height: 100%;
position: relative;
background-blend-mode: screen;
background-repeat: no-repeat;
background-position: right;
background-size: cover, contain;
-webkit-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.3);
display: inline-block;
float: none;
}
.personal_area .container [data-content^="items"] .content .item .item_pic [data-sprite="enlarge"] {
float: left;
display: none;
}
.personal_area .container [data-content^="items"] .content .item .item_pic [data-sprite="enlarge"] a {
height: 100%;
width: 100%;
float: right;
}
.personal_area .container [data-content^="items"] .content .item .item_pic:hover [data-sprite="enlarge"] {
display: block;
}
.personal_area .container [data-content^="items"] .content .item[data-item-kind="1"] .item_pic .bind {
position: absolute;
width: 100%;
height: 16px;
top: -11px;
}
.personal_area .container [data-content^="items"] .content .item[data-item-kind="1"] .item_pic .bind {
background-image: url('../img/PagesImages/spiral.png');
}
.personal_area .container [data-content^="items"] .content .item .item_pic [data-arrow="status_label"] {
position: absolute;
right: -1px;
bottom: -1px;
z-index: 1;
width: 0;
height: 0;
border-bottom: 59px solid #FFCC00;
border-left: 59px solid transparent;
}
.personal_area .container [data-content^="items"] .content .item .item_pic [data-arrow="status_label"] > div {
position: absolute;
top: 30px;
left: -64px;
width: 80px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
color: #FFFFFF;
font-size: 15px;
}
.personal_area .container [data-content^="items"] .content .item .details {
}
.personal_area .container [data-content^="items"] .content .item .details > .title {
width: 100%;
height: 28px;
position: relative;
font-size: 21px;
font-weight: 900;
line-height: 28px;
}
.personal_area .container [data-content^="items"] .content .item .details > .title input {
font-size: 21px;
width: calc(100% - 74px);
font-family: sans-serif, OpenSans, metali;
line-height: 24px;
position: absolute;
top: 0;
right: 35px;
}
.personal_area .container [data-content^="items"] .item .edit {
width: 100%;
}
.personal_area .container [data-content^="items"] .content .item .details .seperating_line {
width: 200px;
margin-top: 8px;
}
.personal_area .container [data-content^="items"] .content .item .details .info {
width: calc(100% - 40px);
margin: 10px 20px 0;
line-height: 20px;
font-size: 17px;
height: 40px;
}
.personal_area .container [data-content^="items"] .content .item .details .info div {
display: inline;
}
.personal_area .container [data-content^="items"] .content .item .details .button {
width: 200px;
display: inline-block;
float: none;
margin: 2px 0;
line-height: 27px;
cursor: pointer;
font-size: 17px;
}
.personal_area .container [data-content^="items"] .content .item .details .button:hover {
}
.personal_area .container [data-content^="items"] .content .item[data-completed="true"] .details .button.edit {
background-color: #dddddd;
/*border: 2px solid #dddddd;*/
}
.personal_area .container [data-content^="items"] .content .item[data-completed="true"] .details .button.edit:hover {
background-color: #cccccc;
border-color: #cccccc;
}
.personal_area .container [data-content^="items"] .content .item[data-completed="true"] .details .button.edit:active {
background-color: #bbbbbb;
border-color: #bbbbbb;
}
.personal_area .container [data-content^="items"] .content .item[data-in-cart="true"] .details .button.cart {
background-color: #aaaaaa;
}
.personal_area .container [data-content^="items"] .content .item[data-in-cart="true"] .details .button.cart:hover {
background-color: #888888;
}
.personal_area .container [data-content^="items"] .content .item:not([data-item-kind="2"]) .details .button.more_copies {
font-size: 21px;
}
.personal_area .container [data-content^="items"] .content .item:not([data-item-kind="2"]) .details .doplicate {
display: none;
}
.personal_area .container [data-content^="items"] .content .item .details .edit_item {
display: inline-block;
float: none;
margin: 2px 0 14px;
font-size: 15px;
}
.personal_area .container [data-content^="items"] .content .item .details .edit_item div {
float: right;
}
.personal_area .container [data-content^="items"] .content .item .details .edit_item div:not(.line):hover {
text-decoration: underline;
cursor: pointer;
}
.personal_area .container [data-content="items"] .content .item[data-item-kind="1"] .item_pic {
}
.personal_area .container [data-content="items"] .content .item .details .edit_name {
display: inline-block;
float: none;
cursor: pointer;
font-size: 17px;
line-height: 15px;
}
.personal_area .container [data-content="items"] .content .item .details .info,
.personal_area .container [data-content="items"] .content .item .details .price {
font-size: 15px;
margin: 5px 16px 8px;
}
.personal_area .container [data-content="items"] .content .item .details .price .price_num {
margin-left: 2px;
font-size: 29px;
font-weight: 500;
line-height: 8px;
float: right;
}
.personal_area .container [data-content="items"] .content .item .details .buttons_wrap {
display: inline-block;
width: 200px;
margin-top: 1px;
}
.personal_area .container [data-content="items"] .content .item .details .buttons_wrap .button {
float: left;
width: 47%;
}
.personal_area .container [data-content="items"] .content .item .details .buttons_wrap .button.edit {
float: right;
}
.personal_area .container [data-content="items-last"] {
min-height: 404px;
}
.personal_area .container [data-content="items-last"] .head_text {
margin: 0px 22px 0 0;
}
.personal_area .container [data-content="items-last"] .content {
margin: 10px;
}
.personal_area .container [data-content="items-last"] .content .item {
margin: 10px;
width: 100%;
background-color: white;
}
.personal_area .container [data-content="items-last"] .content .item .item_pic {
width: 334px;
height: 238px;
}
.personal_area .container [data-content="items-last"] .content .item .item_pic [data-arrow="status_label"] {
width: 0;
height: 0;
border-bottom: 75px solid #FFCC00;
border-left: 75px solid transparent;
}
.personal_area .container [data-content="items-last"] .content .item .item_pic [data-arrow="status_label"].waiting {
border-bottom: 75px solid #F74E65;
}
.personal_area .container [data-content="items-last"] .content .item .item_pic [data-arrow="status_label"] > div {
top: 39px;
left: -82px;
width: 100px;
font-size: 15px;
}
.personal_area .container [data-content="items-last"] .content .item[data-item-kind="1"] .item_pic .bind {
background-size: contain;
}
.personal_area .container [data-content="items-last"] .content .item[data-item-kind="1"] .item_pic {
width: 200px;
}
.personal_area .container [data-content="items-last"] .content .item .details {
width: 310px;
font-size: 19px;
}
.personal_area .container [data-content="items-last"] .content .item .details .title {
width: 100%;
line-height: 38px;
font-weight: 900;
font-size: 27px;
margin-top: 35px;
}
.personal_area .container [data-content="items-last"] .content .item .details > .title input {
right: 0;
}
.personal_area .container [data-content="items-last"] .content .item .details .edit_item {
margin: 0 -3px 0;
}
.personal_area .container [data-content="items-last"] .content .item .details .edit_item > div {
margin-top: 10px;
font-size: 19px;
cursor: pointer;
}
.personal_area .container [data-content="items-last"] .content .item .details .edit_item > div > div:not(.line) {
display: inline;
}
.personal_area .container [data-content="items-last"] .content .item .details .info {
width: 100%;
margin: 12px 0 22px;
line-height: 20px;
height: 40px;
float: right;
}
.personal_area .container [data-content="items-last"] .content .item .details .price {
text-align: left;
}
.personal_area .container [data-content="items-last"] .content .item .details .price .price_num {
line-height: 1px;
font-weight: 500;
font-size: 44px;
float: right;
}
.personal_area .container [data-content="items-last"] .content .item .details .buttons {
width: 100%;
float: right;
}
.personal_area .container [data-content="items-last"] .content .item .details .buttons .button {
width: 148px;
height: 36px;
line-height: 34px;
font-size: 19px;
margin: 27px 0 0;
}
.personal_area .container [data-content="items-last"] .content .item .details .buttons .button:hover {
}
.personal_area .container [data-content="items-last"] .content .item .details .buttons .button.cart {
display: inline-block;
float: none;
}
.personal_area .container [data-content^="items"] .content .item .details .button.order {
}
.personal_area .container [data-content^="items"] .content .item .details .button.order:hover {
}
[data-popup="user-giftcard"] .body .wrap .order,
.personal_area .container [data-content="orders"] .order {
display: inline-block;
width: calc(97% - 40px);
background-color: #f2f2f2;
margin: 10px 0;
padding: 30px 20px 24px;
text-align: right;
font-size: 16px;
text-indent: 0;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap,
.personal_area .container [data-content="orders"] .order .cart_wrap {
width: 100%;
float: right;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group,
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group {
width: 100%;
float: right;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .image,
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .image {
width: 115px;
height: 115px;
background-repeat: no-repeat;
background-size: cover, contain;
background-blend-mode: screen, multiply;
background-position: right;
border: 1px solid #dddddd;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.3);
box-shadow: -3px 3px 16px 0px rgba(0,0,0,0.3);
position: relative;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .title,
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .title {
width: calc(100% - 140px);
font-size: 22px;
font-weight: 900;
margin-bottom: 0px;
margin-top: 10px;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap,
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .items_wrap {
width: 64%;
display: inline-block;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group > [data-info],
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group > [data-info] {
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group > [data-info="share"],
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group > [data-info="share"] {
width: 100px;
text-align: center;
cursor: pointer;
line-height: 27px;
display: inline-block;
font-size: 16px;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group > [data-info="share"]:hover,
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group > [data-info="share"]:hover {
/*text-decoration: underline;*/
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item,
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .items_wrap .cart_item {
width: 100%;
line-height: 17px;
margin: 5px 0px 3px;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info],
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .items_wrap .cart_item [data-info] {
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="details"],
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="details"] {
width: 60%;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="price"],
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="price"] {
font-weight: 500;
font-size: 21px;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="price"] .sign,
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="price"] .sign {
display: inline-block;
font-size: 14px;
font-weight: normal;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="status"],
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="status"] {
width: 100%;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="stop-order"],
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .items_wrap .cart_item [data-info="stop-order"] {
display: none;
padding: 0 10px;
text-align: center;
float: right;
line-height: 26px;
margin-top: 6px;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .line,
.personal_area .container [data-content="orders"] .order .cart_wrap .cart_group .line {
width: 100%;
border-top: 2px solid #ffffff;
border-bottom: 1px solid #cccccc;
display: inline-block;
margin: 12px 0;
}
[data-popup="user-giftcard"] .body .wrap .order .status,
.personal_area .container [data-content="orders"] .order .status {
float: right;
font-size: 17px;
}
[data-popup="user-giftcard"] .body .wrap .order .status .text,
.personal_area .container [data-content="orders"] .order .status .text {
font-weight: normal;
display: inline-block;
}
[data-popup="user-giftcard"] .body .wrap .order .summery,
.personal_area .container [data-content="orders"] .order .summery {
float: left;
font-size: 17px;
text-align: left;
}
[data-popup="user-giftcard"] .body .wrap .order .summery .price,
.personal_area .container [data-content="orders"] .order .summery .price {
font-weight: 500;
font-size: 21px;
}
[data-popup="user-giftcard"] .body .wrap .order .summery .price .sign,
.personal_area .container [data-content="orders"] .order .summery .price .sign {
display: inline-block;
font-size: 80%;
font-size: 15px;
font-weight: normal;
}
[data-popup="user-giftcard"] .body .wrap .order .summery .invoice_pdf,
.personal_area .container [data-content="orders"] .order .summery .invoice_pdf {
text-decoration: underline;
cursor: pointer;
}
[data-popup="user-giftcard"] {
width: 800px;
}
[data-popup="user-giftcard"] .header {
font-size: 21px;
line-height: 40px;
}
[data-popup="user-giftcard"] .body > .title {
float: right;
margin: 12px 10px 6px;
font-size: 19px;
}
[data-popup="user-giftcard"] .body .wrap {
max-height: 560px;
float: right;
overflow: auto;
direction: ltr;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .image {
float: right;
width: 102px;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .title {
font-size: 18px;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group [data-btn] {
float: left;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info] {
width: 100%;
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info] br {
/*content: " ";
margin-left: 6px;*/
}
[data-popup="user-giftcard"] .body .wrap .order .cart_wrap .cart_group .items_wrap .cart_item [data-info] div {
display: inline-block;
margin-left: 6px;
}
[data-popup="user-giftcard"] .body .more {
font-size: 19px;
color: #000000;
float: left;
margin: 12px 12px 30px;
text-decoration: underline;
}
/*Business Page*/
.businesses .content
{
width:200px;
display:inline-block;
}
.businesses .expansion_part1
{
background-image: url('../PrivateData/PagesImages/backgroundBusinesses_s.jpg');
}
.businesses .expansion_part2 .container
{
background-image: url('../PrivateData/PagesImages/part2Businesses.png');
margin-top: -95px;
}
/*Prices Page*/
.price_list
{
color: #4d4d4d;
background-color: #FFFFFF;
min-height: 700px;
}
.page.price_list > .image
{
height: 200px;
background-image: url('../PrivateData/PagesImages/backgroundPriceList.jpg');
}
.price_list .menu_wrap
{
width: 100%;
background-color: #e6e6e6;
height: 80px;
margin-bottom:8px;
margin-top: 3px;
}
.price_list .menu_wrap .menu
{
display: inline-block;
height: 100%;
}
.price_list .menu_wrap .menu .seperating_line
{
border-right: 2px solid #b3b3b3;
border-left: 1px solid #ffffff;
height: 100%;
}
.price_list .menu_wrap .menu .tab
{
width: 140px;
height: 100%;
}
.price_list .menu_wrap .menu .tab:hover,
.price_list .menu_wrap .menu .tab.selected
{
background-color:#FFFFFF;
border-bottom:3px solid #FFCC00;
height:calc(100% - 3px);
cursor:pointer;
}
.price_list .menu_wrap .menu .tab.selected .arrow
{
display:inline-block;
}
.price_list .menu_wrap .menu .tab .content
{
}
.price_list .menu_wrap .menu .tab .content [data-sprite="icon"]
{
height: 96px;
width: 97px;
display: inline-block;
margin-top: -48px;
}
.price_list .menu_wrap .menu .tab[data-type="album"] .content [data-sprite="icon"]
{
background-position: -1112px -551px;
}
.price_list .menu_wrap .menu .tab[data-type="hagaddah"] .content [data-sprite="icon"]
{
background-position: -1216px -551px;
}
.price_list .menu_wrap .menu .tab[data-type="calendar"] .content [data-sprite="icon"]
{
background-position: -1010px -551px;
}
.price_list .menu_wrap .menu .tab[data-type="canvas"] .content [data-sprite="icon"]
{
background-position: -906px -551px;
}
.price_list .menu_wrap .menu .tab[data-type="booklet"] .content [data-sprite="icon"]
{
background-position: -804px -551px;
}
.price_list .menu_wrap .menu .tab .content .text
{
font-size: 23px;
}
.price_list .menu_wrap .menu .tab .arrow
{
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #FFCC00;
width: 0px;
margin-top: 5px;
display: none;
}
.price_list .table
{
width: 100%;
}
.price_list [data-table]
{
display: inline-block;
margin: 50px 0 0;
font-size: 19px;
}
.price_list [data-table="album"]
{
width: 100%;
}
.price_list [data-table].onstart
{
display: none;
}
.price_list [data-table] .normal,
.price_list [data-table] .hd
{
margin: 0 6px;
display: inline-block;
}
.price_list [data-table] .rows
{
float:right;
width: 100%;
}
.price_list [data-table] [data-type]
{
width: 92px;
margin: 1px;
line-height: 30px;
background-color: #f2f2f2;
}
.price_list [data-table] .headers
{
}
.price_list [data-table] .headers [data-type]
{
background-color: #4d4d4d;
color: #FFFFFF;
}
.price_list [data-table] [data-type="more_pages"]
{
/*width: 120px;*/
}
.price_list [data-table] .rows [data-type="product"] div
{
display:inline;
}
.price_list [data-table] .rows .row .no_price
{
color:#8d8d8d;
position:relative;
display:none;
font-size: 19px;
}
.price_list [data-table] .rows .row .no_price div
{
display:inline;
}
.price_list [data-table] .rows .row .no_price .crossline
{
width: 100%;
height: 100%;
border-bottom: 1px solid #4d4d4d;
-webkit-transform: translateY(-25px) translateX(2px) rotate(327deg);
position: absolute;
top: 12px;
right: 9px;
}
.price_list [data-table] .rows .row .price
{
margin-left:5px;
display:inline;
}
.price_list [data-table] .rows .row [data-type="pages"] div
{
margin:0 5px;
display:inline-block;
}
.price_list [data-table] .rows .row [data-type="pages"] div:not(.num)
{
cursor: pointer;
width: 18px;
height: 18px;
line-height: 18px;
margin: 0;
background-color: #E1E1E1;
}
.price_list [data-table] .rows .row [data-type="pages"] div:not(.num):hover
{
background-color:#cfcfcf;
}
.price_list [data-table] .rows .row [data-type="pages"] div:not(.num):active
{
background-color:#b2b2b2;
}
.price_list [data-table="album"] .headers
{
}
.price_list [data-table="album"] .rows
{
/*width: calc(100% - 40px)*/
}
.price_list [data-table="album"] .side
{
width: 34px;
background-color: #00b2ff;
color:#ffffff;
margin-top: 1px;
position: relative;
}
/*.price_list [data-table="album"] .side .text
{
top: 0px;
position: absolute;
left: -24px;
width: 88px;
}*/
.price_list [data-table="post"] .headline
{
font-weight: 500;
font-size: 46px;
}
.price_list [data-table="post"]
{
width: 580px;
margin: 0 0 50px;
}
.price_list [data-table="post"] .headers
{
}
.price_list [data-table="post"] .rows
{
}
.price_list [data-table="post"] .cell
{
margin: 1px;
line-height: 30px;
position: relative;
}
.price_list [data-table="post"] .cell .i
{
display: none;
background-color: #FFCC00;
width: 20px;
height: 20px;
position: absolute;
top: -10px;
right: 5px;
line-height: 20px;
font-size: 17px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.price_list [data-table="post"] .cell .i:hover .info
{
display: block;
}
.price_list [data-table="post"] .cell .i .info
{
position: absolute;
width: 250px;
color: #4D4D4D;
background-color: #FFFFFF;
max-height: 150px;
overflow: auto;
top: 12px;
right: 12px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
padding: 17px;
display: none;
z-index: 1;
}
.price_list [data-table="post"] .headers .cell
{
color: #FFFFFF;
background-color: #4d4d4d;
}
.price_list [data-table="post"] .rows .cell
{
background-color: #f2f2f2;
}
.price_list [data-table="post"] > .text
{
float: right;
margin-top: 6px;
}
.price_list [data-table="canvas"]
{
width: 580px;
}
.price_list [data-table="canvas"] .canvas_scales
{
}
.price_list [data-table="canvas"] .canvas_image
{
width: 225px;
height: 225px;
position: relative;
}
.price_list [data-table="canvas"] .canvas_image .image
{
background-image:url(../PrivateData/PagesImages/canvas.png);
background-repeat:no-repeat;
background-size: cover;
width: 100%;
height: 100%;
box-shadow: 0px 12px 14px #D4D4D4;
position: absolute;
bottom: 20px;
}
.price_list [data-table="canvas"] .canvas_image .image > div
{
position: absolute;
top: calc(50% - 16px);
display: inline-flex;
font-size: 28px;
}
.price_list [data-table="canvas"] .canvas_image .image > div .width
{
float: left;
}
.price_list [data-table="canvas"] .canvas_image .image > div .height
{
float: right;
}
.price_list [data-table="canvas"] .summary .price
{
font-size: 21px;
}
.price_list [data-table="canvas"] .summary .price .num
{
display: inline;
font-size: 70px;
line-height: 50px;
font-weight: 300;
}
.price_list .post_methods_link
{
background-color: #F74E65;
margin-top: 40px;
display: inline-block;
font-size: 20px;
width: 190px;
line-height: 30px;
}
/*Post Methods*/
.posts_methods
{
background-color: #ffffff;
color: #4d4d4d;
}
.posts_methods .headline
{
margin-top: 50px;
font-size: 55px;
display: inline-block;
font-weight: 800;
}
.posts_methods .subline
{
width: 100%;
line-height: 30%;
font-size: 25px;
display: inline-block;
}
.posts_methods .table
{
margin-bottom: 50px;
width: 1020px;
display: inline-block;
margin-top: 24px;
}
.posts_methods .table .wrap
{
width: 100%;
}
.posts_methods .table .wrap .col
{
width: 19%;
display: inline-block;
margin: 0 0.5%;
background-color: #f2f2f2;
}
.posts_methods .table .wrap .col .header
{
background-color: #4d4d4d;
color: #ffffff;
line-height: 44px;
font-size: 23px;
}
.posts_methods .table .wrap .col .header .text
{
}
.posts_methods .table .wrap .col .content
{
padding: 17px;
}
.posts_methods .table .wrap .col .content .price
{font-size: 17px;direction: ltr;}
.posts_methods .table .wrap .col .content .price .num
{
font-size: 50px;
font-weight: 800;
display: inline;
}
.posts_methods .table .wrap .col .content .line
{
border-bottom: 2px solid #ffffff;
border-top: 1px solid #cccccc;
margin: 8px 0 14px;
display: inline-block;
width: 100%;
}
.posts_methods .table .wrap .col .content .description
{
font-size: 17px;
height: 120px;
}
.posts_methods .table .wrap .col[data-id="0"] .content .description
{
margin-top: 20px;
margin-bottom: -20px;
}
.posts_methods .table .wrap .col[data-id="0"] .content .description br:nth-child(2n + 2)
{
width: 100%;
display: block;
content: "";
height: 7px;
}
.posts_methods .table .wrap .col .content .info
{
height: 72px;
}
.posts_methods .table .wrap .col .content .info .icon
{
color: #ffffff;
background-color: #ffcc00;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 15px;
height: 15px;
line-height: 15px;
display: inline-block;
}
.posts_methods .table .wrap .col .content .info .text
{
margin-top: 3px;
}
.posts_methods .table .wrap .col .content .info .text
{
font-size: 19px;
}
.posts_methods .table .wrap .col .content .button
{
background-color: #00b2ff;
line-height: 24px;
font-size: 20px;
}
.posts_methods .table .wrap .col .content .button:hover
{
background-color: #0099FF;
}
.posts_methods .table .details
{
display: inline-block;
width: 1010px;
margin-top: 20px;
position: relative;
}
.posts_methods .table .details.start
{
display: none
}
.posts_methods .table .details .arrow
{
position: absolute;
top: 0;
left: 0;
border-bottom: 11px solid #ffcc00;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.posts_methods .table .details .text
{
display: inline-block;
width: calc(100% - 70px);
background-color: #f2f2f2;
text-align: right;
font-size: 17px;
padding: 18px 35px 24px;
border-top: 3px solid #ffcc00;
margin-top: 11px;
line-height: 19px;
position: relative;
}
.posts_methods .table .details .text a
{
color: #00b2ff;
}
.posts_methods .table .details .text .logo
{
position: absolute;
top: 18px;
left: 18px;
height: 100px;
width: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: top left;
}
.posts_methods .table .details[data-id="3"] .text .logo
{
background-image: url(../PrivateData/PagesImages/logo_boxit.png);
}
.posts_methods .table .details[data-id="4"] .text .logo
{
background-image: url(../PrivateData/PagesImages/logo_chita.png);
}
.posts_methods .table .details .text .title
{
font-size: 23px;
font-weight: 300;
line-height: 1;
}
/*.posts_methods .calendar
{
background-image:url(../PrivateData/PagesImages/chagCalendar.jpg);
display: inline-block;
width: 1020px;
height: 506px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 50px;
}*/
/*Premium Page*/
.premium
{
direction: rtl;
}
.premium [data-strip="slide_box"]:nth-child(2n+1) > .strip:nth-child(2n+1)
{
background-position-y: bottom;
}
.premium [data-strip="slide_box"]:nth-child(2n+1) > .strip:nth-child(2n+2)
{
background-position-y: 0px;
}
.premium [data-strip="slide_box"]:nth-child(2n+2) > .strip
{
background-position-y: bottom;
}
[data-strip="slide_box"] > .logo
{
background-image: url(../PrivateData/PagesImages/logo.png);
height: 49px;
width: 201px;
position: absolute;
bottom: 30px;
left: 50px;
z-index: 10;
}
[data-strip="slide_box"] .strip[data-type="premium_classic"] .box .text_wrap .line1
{
margin-top: 34px;
font-size: 78px;
line-height: 48px;
}
[data-strip="slide_box"] .strip[data-type="premium_classic"] .box .text_wrap .line2
{
font-size: 80px;
line-height: 52px;
}
[data-strip="slide_box"] .strip[data-type="premium_classic"] .box .text_wrap .line3
{
margin-bottom: 3px;
margin-top: 19px;
line-height: 20px;
}
[data-strip="slide_box"] .strip[data-type="premium_leather"] .box .text_wrap .line1
{
margin-top: 33px;
font-size: 74px;
line-height: 50px;
}
[data-strip="slide_box"] .strip[data-type="premium_leather"] .box .text_wrap .line2
{
font-size: 76px;
line-height:46px;
}
[data-strip="slide_box"] .strip[data-type="premium_leather"] .box .text_wrap .line3
{
margin-bottom: 3px;
margin-top: 20px;
line-height: 20px;
}
.premium [data-strip="book"]
{
background-color: #4d4d4d;
height: 419px;
}
.premium [data-strip="book"] .container
{
background-image: url(../PrivateData/PagesImages/hdBook.jpg);
position: relative;
}
.premium [data-strip="book"] .container [data-text]
{
position: absolute;
color: #FFFFFF;
font-size: 22px;
line-height: 88%;
}
.premium [data-strip="book"] .container [data-text="one"]
{
top: 54px;
left: 500px;
}
.premium [data-strip="book"] .container [data-text="two"]
{
top: 114px;
right: 68px;
}
.premium [data-strip="book"] .container [data-text="three"]
{
top: 96px;
left: 80px;
}
.premium [data-strip="book"] .container [data-text="four"]
{
bottom: 78px;
right: 188px;
}
.premium [data-strip="book"] .container [data-text="five"]
{
bottom: 80px;
left: 234px;
}
.premium [data-strip="sizes"]
{
min-height: 360px;
background-color: #ffffff;
color: #4d4d4d;
}
.premium [data-strip="sizes"] .title
{
margin-top: 50px;
display: inline-block;
width: 100%;
font-size: 46px;
}
.premium [data-strip="sizes"] .options
{
display: inline-block;
margin-top: 36px;
}
.premium [data-strip="sizes"] .options .size
{
display: inline-block;
margin: 0 12px;
}
.premium [data-strip="sizes"] .options .size .image
{
display: inline-block;
}
.premium [data-strip="sizes"] .options .size .image > span
{
float: right;
}
.premium [data-strip="sizes"] .options .size:nth-child(1) .image
{
font-size: 66px;
}
.premium [data-strip="sizes"] .options .size:nth-child(2) .image
{
font-size: 86px;
}
.premium [data-strip="sizes"] .options .size:nth-child(3) .image
{
font-size: 86px;
}
.premium [data-strip="sizes"] .options .size:nth-child(4) .image
{
font-size: 112px;
}
.premium [data-strip="sizes"] .options .size:nth-child(5) .image
{
font-size: 86px;
}
.premium [data-strip="sizes"] .options .size:nth-child(6) .image
{
font-size: 112px;
}
.premium [data-strip="sizes"] .options .size .info
{
font-size: 21px;
margin-top: 10px;
}
.premium [data-strip="sizes"] .options .size .info .price
{
display: inline;
font-size: 30px;
font-weight: 500;
}
.premium [data-strip="price_list"]
{
background-color: #FFFFFF;
color: #4d4d4d;
}
.premium [data-strip="price_list"] .title
{
margin-top: 38px;
display: inline-block;
width: 100%;
font-size: 46px;
}
.premium [data-strip="price_list"] .table
{
display: inline-block;
margin: 30px 0 48px;
}
.premium [data-strip="price_list"] .table .headers
{
}
.premium [data-strip="price_list"] .table .headers [data-type]
{
line-height: 36px;
background-color: #4d4d4d;
color: #ffffff;
border: 1px solid #ffffff;
font-weight: 300;
font-size: 20px;
}
.premium [data-strip="price_list"] .table [data-type]
{
}
.premium [data-strip="price_list"] .table [data-type="product"]
{
width: 100px;
}
.premium [data-strip="price_list"] .table [data-type="pages"]
{
width: 120px;
}
.premium [data-strip="price_list"] .table [data-type="classic"]
{
width: 140px;
}
.premium [data-strip="price_list"] .table [data-type="leather"]
{
width: 170px;
}
.premium [data-strip="price_list"] .table [data-type="more_pages"]
{
width: 130px;
}
.premium [data-strip="price_list"] .table .money_sign
{
font-size: 14px;
line-height: 0;
display: inline;
}
.premium [data-strip="price_list"] .table .rows
{
}
.premium [data-strip="price_list"] .table .rows .row.mold
{
}
.premium [data-strip="price_list"] .table .rows .wrap
{
}
.premium [data-strip="price_list"] .table .rows .wrap .row
{
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type]
{
background-color: #EAEAEA;
border: 1px solid #FFFFFF;
line-height: 36px;
font-size: 21px;
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type="pages"] [data-action]
{
display: inline-block;
background-color: #c1c1c1;
width: 16px;
line-height: 16px;
margin: 0 4px;
cursor: pointer;
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type="pages"] [data-action]:hover
{
background-color: #aaaaaa;
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type="pages"] [data-action]:active
{
background-color: #999999;
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type="pages"] .num
{
display: inline;
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type] .price
{
display: inline;
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type] .no_price
{
display: none;
position: relative;
color: #888888;
font-size: 18px;
line-height: 35px;
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type] .no_price .num
{
display: inline;
}
.premium [data-strip="price_list"] .table .rows .wrap .row [data-type] .no_price .crossline
{
width: 100%;
height: 100%;
border-bottom: 1px solid;
-webkit-transform: translateY(-20px) translateX(5px) rotate(333deg);
position: absolute;
top: 4px;
left: -14px;
}
/*OurPage*/
.ourpage
{
float: right;
width: 100%;
height: 100%;
overflow: hidden;
direction: rtl;
background-image: url("../canvas/img/back.jpg");
}
.ourpage .background
{
position: absolute;
width: 100%;
height: 36%;
top: 20%;
background: rgba(0,0,0,0.5);
}
.ourpage .logo
{
position: absolute;
top: 20px;
right: 20px;
width: 160px;
}
.ourpage #pageflip
{
height: 58%;
width: 80%;
margin-top: 5%;
display: inline-block;
}
.ourpage #pageflip .canvas_wrap
{
width: 100% !important;
height: 100% !important;
}
.ourpage .text
{
display: inline-block;
width: 540px;
height: 30%;
}
.ourpage .text .wrap
{
display: inline-block;
}
.ourpage .text .title
{
}
.ourpage .text .info
{
font-size: 36px;
font-family: mitkatevet;
line-height: 45px;
}
.ourpage .text .button
{
width: 220px;
display: inline-block;
line-height: 34px;
font-size: 25px;
margin-top: 16px;
}
/*Shopping Cart*/
.shopping_cart {
background-color: #ffffff;
padding: 50px 0;
font-size: 13px;
}
.shopping_cart .container {
width: 1020px;
}
.shopping_cart .headline {
font-weight: 500;
font-size: 24px;
}
.shopping_cart .table {
display: inline-block;
width: 100%;
margin: 20px 0;
}
.shopping_cart .table .headers {
line-height: 34px;
height: 34px;
background-color: #292929;
margin-bottom: 4px;
color: #ffffff;
font-size: 18px;
}
.shopping_cart .table .headers [data-header] {
/*width: 124px;*/
}
.shopping_cart .table .headers [data-header="details"] {
width: 494px;
}
.shopping_cart .table .body {
background-color: #f2f2f2;
width: calc(100% - 80px);
display: inline-block;
padding: 30px 40px;
}
.shopping_cart .table .body .empty_cart {
height: 300px;
text-align: center;
display: none;
width: 100%;
}
.shopping_cart .table .body .empty_cart .title {
font-size: 25px;
font-weight: 500;
margin-top: 116px;
width: 100%;
}
.shopping_cart .table .body .empty_cart .info {
color: #00adff;
text-decoration: underline;
font-size: 19px;
cursor: pointer;
display: inline-block;
margin-top: 4px;
}
.shopping_cart .table .body .cart_item {
display: inline-block;
width: 100%;
}
.shopping_cart .table .body .cart_item > .line {
width: 100%;
border-top: 1.5px solid #aaaaaa;
border-bottom: 2px solid #ffffff;
margin: 20px 0;
}
.shopping_cart .table .body .cart_item .image {
width: 140px;
height: 140px;
background-repeat: no-repeat;
background-size: cover, contain;
background-blend-mode: screen, multiply;
background-position: right;
border: 1px solid #dddddd;
-webkit-box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.3);
position: relative;
}
.shopping_cart .table .body .cart_item .image .bind {
position: absolute;
width: 100%;
height: 14px;
top: -11px;
background-image: url('../PrivateData/PagesImages/spiral.png');
}
.shopping_cart .table .body .cart_item .wrap {
width: calc(100% - 170px);
}
.shopping_cart .table .body .cart_item .title {
width: 100%;
font-weight: 900;
font-size: 20px;
}
.shopping_cart .table .body .cart_item .info {
font-size: 16px;
}
.shopping_cart .table .body .cart_item .items_wrap {
width: 100%;
margin-top: 11px;
}
.shopping_cart .table .body .cart_item .items_wrap .item {
margin-bottom: 5px;
width: 100%;
}
.shopping_cart .table .body .cart_item .items_wrap .item [data-sprite="erase"] {
margin-top: 3px;
width: 16px;
height: 16px;
background-position: -820px -749px;
}
.shopping_cart .table .body .cart_item .items_wrap .item [data-action="edit"] {
display: none;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details {
width: 64%;
line-height: 20px;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo {
width: 126px;
text-indent: 8px;
cursor: pointer;
position: relative;
font-size: 14px;
line-height: 22px;
}
.shopping_cart .table .body .cart_item.no_edit .items_wrap .item .details .combo {
display: none;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo .head {
background-color: #aaaaaa;
color: #ffffff;
width: 100%;
height: 22px;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo:hover .head {
background-color: #888888;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo.selected .head {
background-color: #00adff;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo .head .text {
width: calc(100% - 22px);
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo .head .arrow {
border-top: 5px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
margin-top: 8px;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo[data-item-kind="4"] .head .arrow {
/*display:none;*/
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo.selected .head .arrow {
border-top: 0;
border-bottom: 5px solid;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo .options {
background-color: #ffffff;
position: absolute;
width: 100%;
display: none;
z-index: 1;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo .options [data-id] {
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo .options [data-id]:hover {
background-color: #eeeeee;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .combo .options [data-id].selected {
background-color: #bbbbbb;
color: #ffffff;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details .info {
display: none;
}
.shopping_cart .table .body .cart_item.no_edit .items_wrap .item .details .info {
display: inline-block;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details [data-action] {
cursor: pointer;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details [data-action] [data-sprite="check"] {
width: 20px;
height: 20px;
background-position: -994px -747px;
float: right;
margin-top: 2.5px;
}
.shopping_cart .table .body .cart_item .items_wrap .item .details [data-action].selected [data-sprite="check"] {
background-position: -819px -719px;
background-position: -967px -747px;
}
.shopping_cart .table .body .cart_item .items_wrap .item .amount {
width: 16%;
}
.shopping_cart .table .body .cart_item .items_wrap .item .amount [data-action] {
display: inline-block;
width: 16px;
height: 16px;
background-color: #cccccc;
text-align: center;
color: #ffffff;
cursor: pointer;
float: none;
}
.shopping_cart .table .body .cart_item .items_wrap .item .amount [data-action]:hover {
background-color: #aaaaaa;
}
.shopping_cart .table .body .cart_item .items_wrap .item .amount [data-action]:active {
background-color: #888888;
}
.shopping_cart .table .body .cart_item .items_wrap .item .amount input {
width: 30px;
display: inline-block;
background-color: transparent;
border: none;
text-align: center;
line-height: 20px;
padding: 0;
direction: ltr;
font-size: 15px;
}
.shopping_cart .table .body .cart_item .items_wrap .item .price {
font-weight: 300;
font-size: 26px;
line-height: 20px;
}
.shopping_cart .table .body .cart_item .items_wrap .item .price .sign {
display: inline;
font-size: 15px;
}
.shopping_cart .table .body .cart_item .items_wrap .item .price .no_discount {
display: inline-block;
font-size: 19px;
color: #888888;
margin: 0 7px;
position: relative;
}
.shopping_cart .table .body .cart_item .items_wrap .item .price .no_discount .crossline {
width: 100%;
height: 100%;
border-bottom: 1.5px solid #4d4d4d;
-webkit-transform: translateY(-20px) translateX(5px) rotate(333deg);
position: absolute;
top: 12px;
right: 5px;
}
.shopping_cart .table .body .cart_item .actions {
width: 100%;
margin-top: 6px;
}
.shopping_cart .table .body .cart_item .actions [data-action] {
cursor: pointer;
font-size: 15px;
}
.shopping_cart .table .body .cart_item .actions [data-action="add"] [data-sprite="icon"] {
width: 16px;
height: 16px;
background-position: -845px -749px;
}
.shopping_cart .table .body .cart_item .actions [data-action="delete"] [data-sprite="icon"] {
width: 20px;
height: 20px;
background-position: -869.5px -749.5px;
}
.shopping_cart .table .body .cart_item.no_edit .actions [data-action="add"] {
display: none;
}
.shopping_cart.page .table .body .cart_item .actions [data-action="edit"],
.shopping_cart.page .table .body .cart_item .actions [data-action="add"] .line {
display: none;
}
.shopping_cart .table .body .cart_item .actions [data-action] > .line {
margin: 0 6px;
}
.shopping_cart .button {
line-height: 32px;
width: 170px;
font-size: 17px;
}
.shopping_cart .button.add {
/*background-color: #00adff;*/
}
.shopping_cart .button.add:hover {
/*background-color: #00ccff;*/
}
.shopping_cart .button.order {
clear: both;
margin-top: 20px;
}
.shopping_cart .summery {
font-size: 22px;
font-weight: 300;
}
.shopping_cart .summery .price {
font-weight: 300;
font-size: 36px;
line-height: 18px;
}
.shopping_cart .summery .price .sign {
display: inline;
font-size: 17px;
}
/*Add To Cart*/
[data-popup="personal-user-items"] {
width: 610px;
}
[data-popup="personal-user-items"] .header {
font-size: 22px;
line-height: 42px;
font-weight: 300;
}
[data-popup="personal-user-items"] .header .headline {
}
[data-popup="personal-user-items"] .content {
float: right;
width: calc(100% - 52px);
padding: 26px 26px;
}
[data-popup="personal-user-items"] .content .no_item {
height: 180px;
margin-top: 90px;
width: 100%;
display: inline-block;
font-size: 25px;
font-weight: 300;
}
[data-popup="personal-user-items"] .content .items {
max-height: 420px;
overflow: overlay;
display: inline-block;
width: 100%;
}
[data-popup="personal-user-items"] .content .items .item {
width: 158px;
padding: 15px 10px;
background-color: #f2f2f2;
position: relative;
}
[data-popup="personal-user-items"] .content .items .item [data-sprite="check"] {
position: absolute;
width: 22px;
height: 22px;
top: 5px;
cursor: pointer;
background-position: -994px -747px;
}
[data-popup="personal-user-items"] .content .items .item.selected [data-sprite="check"] {
background-position: -819px -719px;
background-position: -967px -747px;
}
[data-popup="personal-user-items"] .content .items .item .picture {
height: 100px;
width: 122px;
display: inline-block;
}
[data-popup="personal-user-items"] .content .items .item .image {
height: 100%;
width: 100%;
background-blend-mode: screen, multiply;
background-repeat: no-repeat;
background-position: right;
background-size: cover, contain;
float: right;
border: 1px solid #dddddd;
-webkit-box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 16px 0px rgba(0,0,0,0.3);
position: relative;
}
[data-popup="personal-user-items"] .content .items .item .image .bind {
position: absolute;
width: 100%;
height: 11px;
top: -8px;
background-image: url('../PrivateData/PagesImages/spiral.png');
}
[data-popup="personal-user-items"] .content .items .item .title {
font-size: 17px;
font-weight: 900;
margin-top: 10px;
}
[data-popup="personal-user-items"] .content .items .item .line {
width: 100%;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #ffffff;
margin: 5px 0;
}
[data-popup="personal-user-items"] .content .items .item .details {
font-size: 14px;
line-height: 17px;
height: 40px;
}
[data-popup="personal-user-items"] .content .items .item .details div {
display: inline;
}
[data-popup="personal-user-items"] .content .items .item .price {
font-size: 26px;
font-weight: 300;
}
[data-popup="personal-user-items"] .content .items .item .price .sign {
display: inline;
font-size: 15px;
}
[data-popup="personal-user-items"] .content .button {
line-height: 30px;
width: 160px;
margin-top: 12px;
font-size: 18px;
}
/*Phonebook*/
[data-popup="user-phonebbok"] {
width: 460px;
color: #4d4d4d;
}
[data-popup="user-phonebbok"] .header {
line-height: 42px;
font-size: 22px;
font-weight: 300;
}
[data-popup="user-phonebbok"] .header .headline {
}
[data-popup="user-phonebbok"] .content {
float: right;
width: calc(100% - 50px);
margin: 6px 25px 30px;
}
[data-popup="user-phonebbok"] [data-id="mold"] {
display: none;
}
[data-popup="user-phonebbok"] [data-id] {
background-color: #f2f2f2;
width: 100%;
margin: 2px 0;
line-height: 19px;
font-size: 16px;
padding: 3px 0;
height: 19px;
}
[data-popup="user-phonebbok"] [data-id] div {
}
[data-popup="user-phonebbok"] [data-id] .info {
font-size: 13px;
}
[data-popup="user-phonebbok"] [data-id] [data-sprite] {
margin: 0 5px;
cursor: pointer;
}
[data-popup="user-phonebbok"] [data-id="-1"] [data-sprite] {
display: none;
}
[data-popup="user-phonebbok"] [data-id] [data-sprite="delete"] {
width: 16px;
height: 16px;
background-position: -820px -749px;
margin-top: 2px;
}
[data-popup="user-phonebbok"] [data-id] [data-sprite="check"] {
width: 21px;
height: 19px;
background-position: -994px -747px;
margin-top: 0px;
}
[data-popup="user-phonebbok"] [data-id].selected [data-sprite="check"] {
background-position: -967px -747px;
}
[data-popup="user-phonebbok"] [data-id] [data-sprite="edit"] {
width: 16px;
height: 19px;
background-position: -937px -748px;
margin-top: 1px;
}
[data-popup="user-phonebbok"] [data-id] .text {
cursor: pointer;
}
[data-popup="user-phonebbok"] [data-wrap] {
float: right;
width: 100%;
margin-top: 12px;
}
[data-popup="user-phonebbok"] [data-wrap] .title {
line-height: 20px;
font-size: 18px;
font-weight: 300;
}
[data-popup="user-phonebbok"] [data-wrap] .button {
width: 110px;
line-height: 28px;
font-size: 15px;
}
[data-popup="user-phonebbok"] [data-wrap] .button:hover {
}
[data-popup="user-phonebbok"] [data-wrap] .scroller_wrap {
width: 100%;
position: relative;
float: right;
margin-top: 8px;
}
[data-popup="user-phonebbok"] [data-wrap] .scroller_wrap .scroll {
display: block !important;
opacity: 1 !important;
top: 0;
height: 100%;
width: 8px;
}
[data-popup="user-phonebbok"] [data-wrap] .scroller_wrap .scroll .bar {
width: 100%;
background-color: #1ad0ff;
background-image: url("../canvas/img/texture.png");
background-image: url("../canvas/img/img/texture.png"), -webkit-gradient(linear, left top, left bottom, from(#1ad0ff), to(#0094e4));
background-image: url("../canvas/img/img/texture.png"), -webkit-linear-gradient(top, #1ad0ff, #0094e4);
background-image: url("../canvas/img/img/texture.png"), -moz-linear-gradient(top, #1ad0ff, #0094e4);
background-image: url("../canvas/img/img/texture.png"), -ms-linear-gradient(top, #1ad0ff, #0094e4);
background-image: url("../canvas/img/img/texture.png"), -o-linear-gradient(top, #1ad0ff, #0094e4);
background-image: url("../canvas/img/img/texture.png"), linear-gradient(top bottom, #1ad0ff, #0094e4);
}
[data-popup="user-phonebbok"] [data-wrap] .wrap {
width: calc(100% - 14px);
height: 116px;
}
[data-popup="user-phonebbok"] .content > .button {
width: 110px;
margin-top: 16px;
line-height: 27px;
font-size: 18px;
}
/*Edit Address Or Contact*/
[data-popup^="edit-phonebook-"] {
}
[data-popup^="edit-phonebook-"] .header {
line-height: 40px;
font-size: 21px;
font-weight: 300;
}
[data-popup^="edit-phonebook-"] .header .headline {
}
[data-popup^="edit-phonebook-"] .content {
margin: 12px 0 30px;
float: right;
width: 100%;
}
[data-popup^="edit-phonebook-"] .wrap {
display: inline-block;
width: 70%;
}
[data-popup^="edit-phonebook-address"] .wrap {
margin: 12px 0 0;
width: 75%;
}
[data-popup^="edit-phonebook-"] .wrap .text {
font-size: 17px;
line-height: 25px;
margin-bottom: 2px;
}
[data-popup^="edit-phonebook-address"] .wrap .text {
line-height: 27px;
margin-bottom: 11px;
}
[data-popup^="edit-phonebook-"] .wrap input {
width: calc(100% - 10px);
margin-bottom: 6px;
padding: 2px 4px;
font-family: sans-serif, OpenSans, metali;
line-height: 1;
font-size: 15px;
background-color: white;
border: 1px solid #A9A9A9;
}
[data-popup^="edit-phonebook-address"] .wrap input {
width: calc(80% - 10px);
margin-bottom: 15px;
}
[data-popup^="edit-phonebook-address"] .wrap .half {
width: 48%;
}
[data-popup^="edit-phonebook-address"] .wrap .half:nth-child(2n) {
}
[data-popup^="edit-phonebook-address"] .wrap .half .text {
width: 64%;
}
[data-popup^="edit-phonebook-address"] .wrap .half input {
width: 22%;
}
[data-popup^="edit-phonebook-"] .button {
display: inline-block;
width: 120px;
line-height: 27px;
font-size: 17px;
margin-top: 16px;
}
.root_loader {
width: 100%;
margin: 20px 0 14px;
}
.root_loader img {
width: auto;
height: 80px;
}
.root_loader .text {
width: 100%;
margin-top: 6px;
font-size: 19px;
}
[data-popup="klichen"] {
width: 320px;
}
[data-popup="klichen"] .header {
background-color: transparent !important;
}
[data-popup="klichen"] .content .headline {
margin: 12px 20px 0;
display: inline-block;
font-size: 21px;
line-height: 1.2;
font-weight: 900;
}
[data-popup="klichen"] .content [data-point] {
width: calc(30% - 3px);
float: right;
margin: 16px 6.5% 30px 0%;
border: 1.5px solid;
padding: 14px 5%;
font-size: 17px;
line-height: 1.2;
cursor: pointer;
}
[data-popup="klichen"] .content [data-point]:hover {
border-color: #F74E65;
color: #F74E65;
}
[data-popup="klichen"] .content [data-point]:active,
[data-popup="klichen"] .content [data-point].selected {
background-color: #F74E65;
color: #ffffff;
}