* { LINE-HEIGHT: 1.23; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 11px; } IMG { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; } BODY { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; } .start {width:790px; margin: 0 auto; } .two {width:795px; margin:0 auto; } FORM { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; } .hch { FONT-SIZE: 14px; } .rel { POSITION: relative; TOP: 0px; LEFT: 0px; } .q1 { TEXT-ALIGN: right; FONT-WEIGHT: bold; line-height: 1.7; } .q2 { WIDTH: 519px; HEIGHT: 78px; FONT-SIZE: 0px; } .q4 { POSITION: absolute; TOP: 13px; LEFT: 0px; } .q5 { POSITION: absolute; TOP: -2px; LEFT: 0px; } .q7 { POSITION: absolute; TOP: 67px; LEFT: 0px; } .q8 { FONT-STYLE: normal; WIDTH: 85px; HEIGHT: 16px; FONT-SIZE: 10px; FONT-WEIGHT: normal; } .q9 { PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; } .menu_q5 { POSITION: absolute; FONT-FAMILY: Monotype Corsiva; COLOR: #333; FONT-SIZE: 22px; TOP: 30px; FONT-WEIGHT: bold; LEFT: 60px } .menu_q6 { WIDTH: 271px; BACKGROUND: url(/static/design/brideukr/new/overall_visual.gif) no-repeat right bottom; HEIGHT: 98px; FONT-SIZE: 0px; } .pos { POSITION: absolute; TOP: 30px; LEFT: 250px } P { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; } .polp { BORDER-BOTTOM: #000 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #000 0px solid; WIDTH: 130px; BACKGROUND: #e39d01; HEIGHT: 18px; FONT-SIZE: 13px; BORDER-TOP: #000 0px solid; BORDER-RIGHT: #fff 0px solid; display:inline-block; padding: 2px 0 0 0; } .polp1 { BORDER-BOTTOM: #000 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff 0px solid; WIDTH: 130px; BACKGROUND: #e39d01; HEIGHT: 18px; FONT-SIZE: 13px; BORDER-TOP: #000 0px solid; BORDER-RIGHT: #000 0px solid; display:inline-block; padding: 2px 0 0 0; } .polp2 { BORDER-BOTTOM: #000 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #000 0px solid; WIDTH: 522px; BACKGROUND: #e39d01; HEIGHT: 18px; COLOR: #ffffff; FONT-SIZE: 13px; BORDER-TOP: #000 0px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #000 0px solid; display:inline-block; padding: 2px 0 0 0; } .top_link { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #fff; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: underline; PADDING-TOP: 0px; } .ghy { TEXT-ALIGN: center; COLOR: #b03311; FONT-SIZE: 14px; FONT-WEIGHT: bold; } .ghn { TEXT-ALIGN: center; DISPLAY: inline; COLOR: #b03311; FONT-SIZE: 14px; FONT-WEIGHT: bold; } H1 { TEXT-ALIGN: center; MARGIN-TOP: 5px; MARGIN-BOTTOM: 0px; COLOR: #b03311; FONT-SIZE: 24px; } .photo {text-align: center; vertical-align: top; } H2 { TEXT-ALIGN: center; MARGIN-TOP: 5px; MARGIN-BOTTOM: 0px; COLOR: #b03311; FONT-SIZE: 20px; } .type_h2 {TEXT-ALIGN: center; MARGIN-TOP: 5px; MARGIN-BOTTOM: 0px; COLOR: #b03311; FONT-SIZE: 20px; } .type_h2 b {COLOR: #b03311; FONT-SIZE: 20px; } .hc { COLOR: #b03311; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: underline; } .x { TEXT-ALIGN: center; WIDTH: 795px; } .c { TEXT-ALIGN: center; COLOR: #b03311; FONT-SIZE: 18px; margin:6px 0; } .c a { COLOR: #cc0000; FONT-SIZE: 18px; } STRONG { TEXT-ALIGN: justify; LINE-HEIGHT: 1.22; MARGIN-TOP: 10px; COLOR: #041b56; FONT-SIZE: 14px; FONT-WEIGHT: bold; } .nn { TEXT-ALIGN: center; WIDTH: 770px; border: 1px #ff0000 solid; } .gy { TEXT-ALIGN: center; MARGIN-TOP: 0px; COLOR: #b03311; FONT-SIZE: 16px; FONT-WEIGHT: bold; } .b { BORDER-BOTTOM: #ff8800 1px solid; BORDER-LEFT: #ff8800 1px solid; BORDER-TOP: #ff8800 1px solid; BORDER-RIGHT: #ff8800 1px solid; } .a { TEXT-ALIGN: center; MARGIN-TOP: -5px; } .d { COLOR: #b03311; FONT-SIZE: 18px; width: 795px; margin: 0 auto; text-align: center; } .xxx {border: #ffaa00 1px solid; width: 795px; margin: 0 auto; } .pod-foto {text-align:center; margin:0 auto; width: 795px; } .tdd {display: flex; justify-content: space-around; } .mob1, .mob2, .mob3, .mob4 {display:none; } @-moz-document url-prefix() { } @media only screen and (max-width: 872px) { body { text-align: center; height: 100%; padding: 0; margin: 0; color: black; font-family: Roboto; background-color:#fff0; background-image: none; border-radius: 0.5em; } b {font-size: 16px; font-weight: normal; } .start {width:100%; margin: 0; } .two {width:100%; margin: 0;} .hch { FONT-SIZE: 18px; margin: 5px 0 0 0; display: inline-block; } .rel { POSITION: relative; TOP: 0px; LEFT: 0px } .q1 { TEXT-ALIGN: left; font-size: 16px; FONT-WEIGHT: normal; padding: 0; line-height: 2.5; } .q2 { WIDTH: 519px; HEIGHT: 78px; FONT-SIZE: 0px } .q4 { POSITION: absolute; TOP: 13px; LEFT: 0px; display: none; } .q5 { POSITION: absolute; TOP: 0; LEFT: 0px; FONT-SIZE: 18px; text-align:center; width:100%; border-bottom: 1px #77c15c solid; } .q5 img {float:left; } form {width: 300px; margin: 0 auto; } .q7 { POSITION: absolute; TOP: 67px; LEFT: 0px; display: none; } .q8 { FONT-STYLE: normal; WIDTH: 100px; HEIGHT: 22px; FONT-SIZE: 18px; FONT-WEIGHT: normal; } .q1 input:nth-child(1) {margin:0 0 0 44px; } .q9 { PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .q9 input {margin:0 0 0 20px; } .menu_q5 { POSITION: relative; width:98%; FONT-FAMILY: Roboto; COLOR: #333; FONT-SIZE: 22px; TOP: 0; margin:15px auto; FONT-WEIGHT: bold; LEFT: 0; text-align:center; } .menu_q6 { display:none; } .pos { POSITION: relative; TOP: 0; LEFT: 0; margin: 30px 0; text-align: center; } .pos p { display:none; } P { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .polp { BORDER-BOTTOM: #000 0px solid; TEXT-ALIGN: center; WIDTH: 130px; BACKGROUND: #e37401; HEIGHT: 18px; BORDER-RIGHT: #fff 0px solid; display:block; padding: 2px 0 7px 0; border-radius:5px; margin:5px auto 30px auto; } .polp1 { TEXT-ALIGN: center; BORDER-LEFT: #fff 0px solid; WIDTH: 180px; BACKGROUND: #e37401; HEIGHT: 18px; display:block; padding: 3px 0 7px 0; border-radius:5px; margin:30px auto 0 auto; } .polp2 { BORDER-BOTTOM: #000 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #000 0px solid; WIDTH: 100%; BACKGROUND: #a3bb52; HEIGHT: auto; COLOR: #ffffff; FONT-SIZE: 18px; BORDER-TOP: #000 0px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #000 0px solid; display:inline-block; padding: 2px 0; } .top_link { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #fff; FONT-SIZE: 18px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px } .ghy { TEXT-ALIGN: center; COLOR: #b03311; FONT-SIZE: 14px; FONT-WEIGHT: bold } .ghn { TEXT-ALIGN: center; DISPLAY: inline; COLOR: #b03311; FONT-SIZE: 14px; FONT-WEIGHT: bold } H1 { TEXT-ALIGN: center; MARGIN-TOP: 5px; MARGIN-BOTTOM: 0px; COLOR: #b03311; FONT-SIZE: 24px } H2 { TEXT-ALIGN: center; MARGIN-TOP: 5px; MARGIN-BOTTOM: 0px; COLOR: #b03311; FONT-SIZE: 20px } .type_h2 {TEXT-ALIGN: center; MARGIN-TOP: 5px; MARGIN-BOTTOM: 0px; COLOR: #b03311; FONT-SIZE: 18px; } .type_h2 b {COLOR: #b03311; FONT-SIZE: 18px; } .hc { COLOR: #b03311; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: underline } .x { TEXT-ALIGN: center; WIDTH: 795px } .c { TEXT-ALIGN: center; COLOR: #b03311; FONT-SIZE: 18px } .c br {display:none; } STRONG { TEXT-ALIGN: justify; LINE-HEIGHT: 1.22; MARGIN-TOP: 10px; COLOR: #041b56; FONT-SIZE: 14px; FONT-WEIGHT: bold } .nn {display: none; } .gy { TEXT-ALIGN: center; MARGIN-TOP: 0px; COLOR: #b03311; FONT-SIZE: 16px; FONT-WEIGHT: bold } .b { BORDER-BOTTOM: #ff8800 1px solid; BORDER-LEFT: #ff8800 1px solid; BORDER-TOP: #ff8800 1px solid; BORDER-RIGHT: #ff8800 1px solid } .a { width:100%; TEXT-ALIGN: center; MARGIN: 0; } .d { width:96%; margin:0 auto; COLOR: #b03311; FONT-SIZE: 18px; text-align: left; } .d br {display:none; } .xxx {border: #ffaa00 1px solid; width: 98%; margin:0 auto; } .tdd {text-align: center; display: inline-block; justify-content: normal; } .photo { text-align: center; display: inline-block; width: 130px; margin: 10px; } .pod-foto {text-align:center; margin:20px 0; width:100%; } .end span {display:block; margin: 15px 0 15px 0; } .end span a {font-size:18px; } .mob1, .mob2, .mob3, .mob4 {display:none; } } @media only screen and (max-width: 795px) { .mob4 {display:block;} .desc, .mob1, .mob2, .mob3 {display:none; } .tdd a:nth-child(6) {display:none; } } @media only screen and (max-width: 645px) { .mob3 {display:block;} .desc, .mob1, .mob2, .mob4 {display:none; } .tdd a:nth-child(n + 5) {display:none; } } @media only screen and (max-width: 517px) { .mob2 {display:block;} .desc, .mob1, .mob3, .mob4 {display:none; } .tdd a:nth-child(n + 4) {display:none; } } @media only screen and (max-width: 388px) { .mob1 {display:block;} .desc, .mob2, .mob3, .mob4 {display:none; } .tdd a:nth-child(n + 3) {display:none; } } @media only screen and (max-width: 872px) and (orientation: landscape) { }