.right{
width:570px
}
.page_title.title {
margin:44px 19px 0 0;
font-size:23px
}
.page_title.title h1 {
font-size:23px;
margin:0;
float:right
}
.calc_wrap {
float:right;
width:547px;
background:url(../../../design/israelibaby/css/calculator/bg.jpg) no-repeat top right;
margin:10px 17px 0 0;
border:1px solid #f8f8f8;
min-height:363px
}
.calc_choose {
float:right;
border-bottom:1px solid #59438e;
width:300px;
margin:0 16px 0 0
}
.calc_choose .ovulation {
float:right;
margin:17px 0 0 0
}
.calc_choose .pregnancy {
float:right;
margin:6px 3px 0 0
}
.calc_wrap form {
float:right
}
.date {
float:right;
margin:14px 19px 0 0
}
.date .txt {
float:right;
font-size:15px;
margin:6px 0 0 33px
}
.inputs {
float:right;
width:195px
}
.inputs select {
padding:0;
width:61px;
height:26px;
margin:0 0 0 4px
}
.inputs .year {
float:right
}
.year option{
float:right
}
.inputs .month{
float:right
}
.month option{
float:right
}
.inputs .day{
float:right
}
.day option{
float:right
}
.submit{
float:right;
margin:29px 17px 10px 0
}
.estimate{
float:right;
margin:22px 9px 0 0;
width:307px;
height:394px
}
.estimate div{
float:right;
font-size:15px;
color:#59438e;
width:300px;
border-bottom:1px solid #ccc;
height:20px;
margin:0 0 13px 0
}
.faceCamp{
float:right;
width:100%;
text-align:center;
text-decoration:none
}
.faceCamp img{
display:inline-block;
max-width:100%
}
.info_register{
background:url(../../../design/israelibaby/css/info_register.png)no-repeat top right
}
.estimate .info_register{
height:294px;
width:307px
}
.info_register .name {
margin:75px 44px 0 0;
width:207px;
height:47px;
border:1px solid #8f7ca5;
border-radius:10px;
text-align:center;
font-size:18px
}
.info_register .email {
margin:14px 44px 0 0;
width:207px;
height:47px;
border:1px solid #8f7ca5;
border-radius:10px;
text-align:center;
font-size:18px
}
.info_register input[type="submit"]{
margin:21px 109px 0 0;
background:url(../../../design/israelibaby/css/calculator/info_send.png) top right no-repeat;
width:89px;
height:55px;
border:none
}
.info_register input[type="submit"]:hover{
background:url(../../../design/israelibaby/css/calculator/info_send_active.png) top right no-repeat
}
input.email::-webkit-input-placeholder {
text-align:center
}
input.name::-webkit-input-placeholder {
text-align:center
}
.explain{
border:none !important
}
.explain span{
float:right;
color:#59438e
}
.explain a{
float:right;
color:#0066cc
}
.pregnancy_text {
float:right;
margin:5px 10px 0 0;
width:510px
}
/* mobile */
@media all and (max-width:480px),(max-device-width:480px){
.page_title.title {
margin:0;
font-size:23px;
width:480px;
background:#f2f0f5;
height:54px
}
.page_title.title h1 {
font-size:23px;
margin:14px 14px 0 0;
float:right
}
.calc_wrap {
float:right;
width:460px;
height:auto;
background:none;
margin:10px 11px 0 0
}
.calc_choose {
float:right;
border-bottom:none;
width:100%;
margin:0 0 0 0
}
.calc_choose .pregnancy {
float:right;
margin:0 0 0 0;
width:50%;
text-align:center;
text-decoration:none;
background:#aa9fc5;
font-size:18px;
color:white;
font-weight:bold;
padding:20px 0
}
.calc_choose .ovulation {
float:right;
margin:0 0 0 0;
width:50%;
text-align:center;
text-decoration:none;
background:#d9d4e4;
font-size:18px;
color:#bcb8c7;
font-weight:bold;
padding:20px 0
}
.calc_wrap form {
float:right;
background:#f2f0f5;
width:100%
}
.date {
float:right;
margin:32px 0 0 0;
width:100%
}
.date .txt {
float:right;
margin:0 15% 0 15%;
color:#59438e;
width:70%;
font-size:26px;
font-weight:bold;
text-align:center
}
.inputs {
float:right;
width:100%;
margin:42px 0 0 0
}
.inputs img {
float:right;
margin:0 25px 0 0
}
.inputs select {
float:right;
padding:0;
width:107px;
height:39px;
margin:1px 11px 0 0;
border:2px solid #9b8ebc;
-webkit-appearance:none;
background:url(../../../design/israelibaby/css/mobile_imgs/form_arrow.png) no-repeat left #fff;
padding:0 10px 0 0;
color:#59438e;
font-size:18px
}
.days {
float:right;
width:100%
}
.days div {
float:right;
margin:11px 0 0 0;
color:#59438e;
width:100%;
font-size:20px;
font-weight:bold;
text-align:center
}
.days input {
float:right;
padding:0;
background:white;
border:1px solid #9b8ebc;
width:107px;
height:39px;
margin:30px 38% 0 38%
}
.days span {
float:right;
color:#59438e;
font-size:16px;
margin:29px 0 0 0;
width:100%;
text-align:center
}
.submit {
float:right;
margin:38px 35% 39px 35%
}
.estimate {
float:right;
text-align:center;
margin:7px 0 0 0;
width:100%;
height:auto;
background:#f2f0f5
}
.estimate div {
float:right;
font-size:22px;
color:#9389aa;
width:80%;
border-top:none;
height:auto;
margin:27px 10% 0 10%;
border-bottom:1px solid #b39ad6;
padding:0 0 28px 0;
font-weight:bold
}
.estimate div:last-child {
border-bottom:none
}
.estimate div b {
color:#59438e;
font-size:30px
}
.pregnancy_text {
float:right;
margin:29px 0 0 0;
width:100%;
text-align:center;
color:#59438e
}
.info_register{
background:none
}
.info_register .title{
float:right;
width:100%;
text-align:center;
color:white;
margin:15px 0 0 0;
font-size:32px;
padding:0
}
.info_register .subtitle{
float:right;
width:90%;
text-align:center;
color:white;
margin:0 5%;
font-size:24px
}
.estimate .info_register{
height:367px;
width:90%;
margin:0;
padding:0 5%;
background:#aa9fc5;
border-top:10px solid white
}
.estimate .info_register form {
float:right;
background:none;
width:90%;
margin:0 5%
}
.info_register .name {
margin:8px 0 0 0;
width:90%;
padding:0 5%;
height:47px;
border:1px solid #59438e;
border-radius:0;
text-align:right;
font-size:18px;
color:#59438e
}
.info_register .email {
margin:14px 0 0 0;
width:90%;
padding:0 5%;
height:47px;
border:1px solid #59438e;
border-radius:0;
text-align:right;
font-size:18px;
color:#59438e
}
.info_register input[type="submit"]{
margin:40px 0 0 0;
background:url(../../../design/israelibaby/css/mobile_imgs/submit.png) top right no-repeat;
width:130px;
height:42px;
border:none
}
.info_register input[type="submit"]:hover{
background:url(../../../design/israelibaby/css/mobile_imgs/submit.png) top right no-repeat
}
input.email::-webkit-input-placeholder {
text-align:right;
color:#59438e
}
input.name::-webkit-input-placeholder {
text-align:right;
color:#59438e
}
.explain span {
float:right;
color:#59438e;
width:100%
}
.explain a {
float:right;
color:#59438e;
width:100%
}
p.blocks {
float:right;
text-align:right
}
p.blocks a {
float:right;
text-align:right;
width:141px;
margin:0 6px 0 0;
height:234px
}
.txt_himself{
float:right;
width:100%;
text-align:right;
color:black
}
.article_adsense{
float:right;
width:100%;
height:280px;
text-align:center
}
}