body, html {
margin: 0px;
border:0px;
padding: 0px;
background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/fon-dark.png) repeat #58032f;
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:14px;
}
table.catalog {align: center;}
table.catalog td {text-align:center;}
table.catalog td a.cv {font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:500;
color:#cc0066;
text-decoration:underline;}
table.catalog td p {font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
color:#51241f;}
#podel {float: right;
margin: 0px 0px -35px 0px;}
p {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:14px; text-align:center;}
p.p {text-align:justify;}
p.copyright {font: normal 0.8em Tahoma,Arial, Helvetica, sans-serif;
color:#51241f;text-align:justify;}
#sneg {background:#ffffff url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/sneg.jpg) repeat-x left top;
height:110px;
width:818px;}
td.serdce {background:#ffffff url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/serdce.jpg) repeat-x left top;
height:110px;
width:818px;}
img {border:0;}
img.right {border:0;
float: right;
padding: 0px 0px 5px 10px;}
img.left {border:0;
float: left;
padding: 0px 10px 0px 0px;}
td.half {width: 50%; text-align:center;}
table.contentpaneopen td.contentheading {font: normal 2em Palatino Linotype, "Times New Roman", Arial;
color:#cc0066; text-align:center; }
table.contentpaneopen td.contentheading a.contentpagetitle {font: normal 16px Palatino Linotype, "Times New Roman", Arial;
color:#cc0066; text-align:center; text-decoration:underline;}
table.contentpaneopen td.contentheading a.contentpagetitle:hover {font: normal 16px Palatino Linotype, "Times New Roman", Arial;
color:#990066; text-align:center; text-decoration:none;}
h1, .componentheading {font: normal 1.7em Palatino Linotype, "Times New Roman", Arial;
color:#cc0066; text-align:center; background: lavenderblush; border-radius: 10px; padding: 0.5rem;}
h2 {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:16px;
color:#990066; text-align:center;}
h3 {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:14px;
color:#990066; text-align:center;}
h3.title {color: #cc0066;
font-size: 20pt;
font-family: Palatino Linotype, Times New Roman, Arial;
font-weight: normal;}
a.but3:hover {
background-color: #009B00;
color: #fff;}
a.but3{
background-color: #D81A8C; color: #fff !important;}
a.buk {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:600;
color:#cc0066;
text-decoration:none;}
.buk {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:600;
color:#cc0066;
text-decoration:none;}
a.buk:hover, a.readon:hover {color:#ff0099; text-decoration:underline;}
span.op {color:#990066;
font-weight:bold;}
span.price {font: bold 19px Palatino Linotype, "Times New Roman", Arial;
color:#E40E48;}
span.pold {text-decoration:line-through;
display:block;
font: bold 17px Palatino Linotype, Times New Roman, Arial;
color:#C57BA0;
padding-left: 16px;}
span.pword {font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
color:#51241f;}
a.readon, table.contentpaneopen table {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:14px;}
table.contentpaneopen li {font-family: Tahoma,Arial, Helvetica, sans-serif; font-size:14px; padding-bottom: 5px;}
a {color:#ff0099;
text-decoration:none;
}
a:hover {color:#ff0099;
text-decoration:underline;
}
#mmenu, #menu {background:#ec0c84;
height:47px;
border: 1px double #ffcccc;}
#menu.fixed{
position: fixed;
top: -2px;
width: inherit;
height: 38px;
opacity: 0.9;
transition: 0.5s;
z-index: 101;
}
#mmenu ul li {list-style-type: none;
float: left;
margin:-5px 8px 7px 8px;
vertical-align:middle;
}
a.mainlevel#active_menu {color:#ffcccc;
text-decoration:underline;}
#menu a, a.mainlevel {font: 1.1em Georgia, Palatino Linotype, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
font-weight:600;
letter-spacing:1px;
display: block;
transition: all 0.2s;}
#menu a:hover, a.mainlevel:hover { color:#522621;
text-decoration: none;}
span.mainlevel {color:#ffffff;}
#container {
width: 100%;
height:auto;
border: 0px ;
margin: 0px;
cellspacing="0";
background-color:#58032f;
}
#container td {
vertical-align: top;
}
#maincont {
background-color: #000000;
height:auto;
width: 1024px;
cellspacing="0";
}
#leftcol {
background-color:#58032f;
height:auto;
width: 100%;
padding:0px;
margin:0px;
}
#rightcol {
background-color:#58032f;
width: 100%;
padding:0px;
margin:0px;
}
#logotab {
width: 1024px;
background-color:#FFFFFF;
border: 1px double #FFFFFF;
}
#logo {
background:#e9e9e9 url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/logo.jpg) no-repeat left top;
height:88px;
width:1024px;
}
#pict {
background:#fab9d8 url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/pict.jpg) no-repeat left top;
height:235px;
}
#menu_punkt1 {
background:#ec0c84;
/*height:45px;*/
border-right: 1px double #FFFFFF;
}
#menu_punkt2 {
background-color:#ec0c84;
height:45px;
border-right: 1px double #FFFFFF;
}
#menu_vert {
height:auto;
width:206px;
background-color:#f5f5f5;
vertical-align:top;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:inherit;
padding: 15px 15px 0px 15px;
}
#banner {
vertical-align:bottom;
height:114px;
background-color:#f5f5f5;
}
#rights{
background-color: #f5f5f5;
width: 236px;
background-position:left;
background-repeat:no-repeat;
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
}
#main {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:30px;
}
#main_last {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
}
table.contentpaneopen { padding: 12px 30px 0px 30px;
border:0;
width: 100%;}
/*left blocks*/
#uslovia {
height:auto;
width:206px;
background-color:#ffcbe1;
vertical-align:top;
border: 1px dashed #990066;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:7px 3px 7px 3px;
}
#uslovia p {font-size:12px;}
#uslovia p.zag {color:#cc0066;
font-weight:600;
}
#uslovia table.contentpaneopen {width: 100%; padding: 0px 0px 0px 0px;}
.t {background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/dot-t.jpg) 0 0 repeat-x; width: 206px;}
.b {background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/dot-b.jpg) 0 100% repeat-x}
.l {background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/dot-l.jpg) 0 0 repeat-y}
.r {background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/dot-r.jpg) 100% 0 repeat-y}
.bl {background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/otz-bot.jpg) 0 100% no-repeat}
.tl {background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/otz-top.jpg) 0 0 no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
#otzyv {
height:auto;
width:206px;
background-color:#abffc3;
vertical-align:top;
border: 1px dashed #006633;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:7px 3px 7px 3px;
}
#otzyv p {font-size:12px;}
p.otz {color: #51241f; }
p.pod {color:#006600; font-size: 75%; font-style:italic; text-align:right; padding-bottom:0px;}
#otzyv p.otzag a {color:#006633;
font-weight:600; padding-bottom:0px;text-decoration:underline;
}
#otzyv p.otzag a:hover {font-weight:800;
}
#otzyv table.contentpaneopen {width: 100%; padding: 0px 0px 0px 0px;}
#mnenie p, #mnenie h2 {font-size:75%;}
#zametka {
height:auto;
width:206px;
background-color:#ffff99;
vertical-align:top;
border: 1px dashed #ff6600;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:7px 3px 7px 3px;
}
#zametka p {color: #51241f; font-size:12px;}
#zametka p.zam_zag a {color:#ff6600;
font-weight:600; text-decoration:underline;
}
#zametka p.zam_zag a:hover {font-weight:800;
}
#zametka table.contentpaneopen {width: 100%; padding: 0px 0px 0px 0px;}
ul.menu,
#pos_right ul.menu,
#pos_left ul.menu {
list-style-type:none;
text-align:left;
}
ul.menu li,
#pos_right ul.menu li,
#pos_left ul.menu li {
list-style-position: outside;
margin-bottom: 1px;
background-image: none;
margin-left:-30px;
}
ul.menu li a {
background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/list.png) no-repeat 0px 12px;
color:#51241f;
display: block;
margin: 0;
outline: none;
padding: 7px 0 7px 12px;
text-decoration: none;
}
/*ul.menu li.item17 a, ul.menu li.item39 a {
color:#4C7CD0;
font-weight:bold;}*/
ul.menu li.item25 a, ul.menu li.item27 a, ul.menu li.item124 a, ul.menu li.item111 a {
color:red;
font-weight:bold;}
ul.menu li.item109 a {
color:#f39;
font-weight:bold;}
ul.menu li.item a {
color:#5585D5;
font-weight:bold;}
* html ul.menu li a {
padding: 4px 0 4px 12px;
}
*+html ul.menu li a {
padding: 4px 0 4px 12px;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/list1.png) no-repeat 0px 12px;
color: #817a79;
text-decoration: none;
}
ul.menu li.active a {
background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/list1.png) no-repeat 0px 12px;
color: #ff3399;
font-weight: normal;
}
/*roses menu */
ul.menu li.active ul {
list-style-type:none;
}
ul.menu li.active ul li {
list-style-position: outside;
margin-bottom: 1px;
background-image: none;
margin-left:-30px;
font-size: 85%;
}
ul.menu li.active ul li a {
background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/list.png) no-repeat 0px 12px;
color:#51241f;
display: block;
margin: 0;
outline: none;
padding: 7px 0 7px 12px;
text-decoration: none;
}
* html ul.menu li.active ul li a {
padding: 4px 0 4px 12px;
}
*+html ul.menu li.active ul li a {
padding: 4px 0 4px 12px;
}
ul.menu li.active ul li a:hover,
ul.menu li.active ul li a:active,
ul.menu li.active ul li a:focus {
background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/list1.png) no-repeat 0px 12px;
color: #817a79;
text-decoration: none;
}
ul.menu li.active ul li.active a {
background: url(https://dostavkacvetov70.ru/templates/dostavkacvetov18/image/list1.png) no-repeat 0px 12px;
color: #ff3399;
font-weight: normal;
}, Arial;
color:#ff000f;
}
#container {
width: 100%;
height:auto;
border: 0px ;
margin: 0px;}
/*????? ?????? */
.f-left {
display: block;
float: left;
}
#zakaz{font:14px 'Times New Roman';}
#zakaz form table tbody{display:table-row-group;vertical-align: middle;border-color:inherit;}
#zakaz form table tbody tr{display: table-row;vertical-align: inherit;border-color:inherit;}
#zakaz form table tbody td, #zakaz form table tbody th {
display: table-cell;
vertical-align: inherit;
}
#zakaz form table tbody th {
background-color: #e5e5e5;
height: 40px;
padding-left: 15px;
}
#zakaz table {width:100%;}
#zakaz td {
width: auto;
padding: 0;
text-align: right;
padding: 5px;
}
#zakaz td+td{text-align:left;}
#zakaz label {
text-align: right;
text-transform: uppercase;
font: 12px arial;
}
#zakaz input.text {
background: url('https://dostavkacvetov70.ru/images/form/input.png') no-repeat;
width: 432px;
height: 39px;
padding: 0 4px;
font-size: 14px;
box-sizing: border-box;
}
#zakaz input.num {
background: url('https://dostavkacvetov70.ru/images/form/num.png') no-repeat;
width: 60px;
height: 39px;
padding-left: 15px;
font-size: 20px;
}
#zakaz select, #zakaz textarea, #zakaz input {
color: #51241F;
outline: none;
border: none;
}
#zakaz .sel-bg-day {
background: url('https://dostavkacvetov70.ru/images/form/day.png') left no-repeat;
width: 102px;
overflow: hidden;
}
#zakaz .sel-bg-timen {
background: url('https://dostavkacvetov70.ru/images/form/day.png') left no-repeat;
width: 87px;
overflow: hidden;
}
#zakaz .sel-bg {
background: url('https://dostavkacvetov70.ru/images/form/input.png') left no-repeat;
width: 432px;
overflow: hidden;
}
#zakaz .sel-bg-year {
background: url('https://dostavkacvetov70.ru/images/form/year.png') left no-repeat;
width: 113px;
overflow: hidden;
margin-left: 14px;
}
#zakaz select.day {
width: 85px;
}
#zakaz input.day {
width: 85px; height: 20px;
margin: 9px 0px 10px 10px;
font-size: 14px;
}
#zakaz .styled select {
height: 20px;
margin: 10px 0px 10px 10px;
font-size: 14px;
}
#zakaz .sel-bg-month {
background: url('https://dostavkacvetov70.ru/images/form/month.png') left no-repeat;
width: 217px;
overflow: hidden;
margin-left: 10px;
}
#zakaz select.month {
width: 190px;
}
#zakaz select.bron_year {
width: 95px;
}
#zakaz select.bron_cat, select.oplata, select.bron_hotel {
width: 415px;
text-transform: uppercase;
}
#zakaz .sel-bg-num {
background: url('https://dostavkacvetov70.ru/images/form/num.png') left no-repeat;
width: 60px;
overflow: hidden;
}
#zakaz select.bron_old4, #zakaz select.bron_old4_10, #zakaz select.bron_adult {
width: 40px;
font-size: 18px;
}
#zakaz textarea {
background: url('https://dostavkacvetov70.ru/images/form/textarea.png') no-repeat;
width: 432px;
height: 107px;
border: none;
padding: 0 4px;
font-size: 16px;
box-sizing: border-box;
}
#zakaz input.submit {
/*background: #D81A8C;*/
background:-webkit-linear-gradient(left, #990066 0px, #F5387D 100%);color:#FFFFFF;border:1px solid #C34D79;
color: white;
border: none;
font: 14px arial;
text-transform: uppercase;
padding: 10px 20px;
cursor: pointer;
border-radius: 10px;
margin: 0 auto;
display: inherit;
}
textarea {
font-family: monospace;
}
#zakaz h1{font-size:26px;font-style:italic;}
#zakaz h2{font-size:26px;font-style:italic;color:#0377CA;}
#zakaz ul{list-style:none;margin-left:50px;}
table.preim {text-align: left;}
table.preim strong {color: #cc0066;}
table.akciya {text-align: center;}
.akciya img {width: 130px;}
#photo {
height:auto;
width:206px;
background-color:#e9e9e9;
vertical-align:top;
border: 1px dashed #62018F;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:7px 3px 7px 3px;
}
#photo p {color: #51241f; font-size:12px;}
#photo p.photo_zag a {color: #740D91;
font-weight:600; text-decoration:underline;
}
#photo p.photo_zag a:hover {font-weight:800;
}
#phocagallery {margin-bottom: -50px;margin-left: 35px;}
.buttons, .buttons2, .buttons3 {
display: table;
text-align: center;
padding-top: 20px;
}
.buttons a, .buttons2 a {
text-align: center;
padding: 10px;
font-size: 14px;
text-transform: uppercase;
border-radius: 10px;
font-weight:bold;}
td.but3 a {
text-align: center;
padding: 4px;
font-size: 13px;
text-transform: uppercase;
border-radius: 10px;
font-weight:bold;}
/*.buttons td.but a {
background-color: #D81A8C;
color: #fff;}
.buttons td.but a:hover {
background-color: #009B00;}*/
.buttons2 td.but2 a, .buttons td.but a {
background-color: #009B00;
color: #fff;
display: inline-block;}
.buttons2 td.but2 a:hover, .buttons td.but a:hover {
background-color: #D81A8C;}
.buttons td.but_uhod {background: url('https://dostavkacvetov70.ru/images/care.png') no-repeat scroll 25px center;
height:24px;
}
table.sop-tov {text-align: center;}
.sop-tov img {width: 160px; height: auto;}
ul.sostav {
text-align: center;
margin-left: -45px;}
ul.sostav li {
list-style: circle;
list-style-position: inside;}
table.mono, table.mono td {border-bottom: solid 1px #A5A5A5; border-top: solid 1px #A5A5A5;}
#zakaz td.ind {text-align: left;
color: #47AC43;
font-weight: 600;}
.highlight {
padding: 2px 4px 3px 6px;
background: #FDF5C6;
border-radius: 5px;
line-height: 25px;}
.autoflash {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.flash {
content: "";
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 3em;
display: block;
position: absolute;
top: 0;
left: -4.5em;
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
-webkit-transition: none;
transition: none;
}
.lighting {
-moz-animation: moving 3s ease-in-out infinite;
-ms-animation: moving 3s ease-in-out infinite;
-o-animation: moving 3s ease-in-out infinite;
animation: moving 3s ease-in-out infinite;
}
@keyframes moving {
30% { webkit-transform: skewX(-45deg) translateX(33.5em);
transform: skewX(-45deg) translateX(33.5em);
}
100% { webkit-transform: skewX(-45deg) translateX(33.5em);
transform: skewX(-45deg) translateX(33.5em);
}
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dashed #51241f;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 126px;
background-color: #51241f;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -60px;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #51241f transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.marks{position:absolute;margin: -49px 0px 0px 6px;}
.mark1, .mark2 {color:#fff;display:table;margin-bottom:1px;padding-left:10px;padding-right:8px;font-size:12px;border-radius:4px;}
.mark1{background:rgba(211,80,126,0.75);}
.mark2{background:rgba(189,166,166,0.8);}
.whatsapp-link {
top: auto;
bottom: 14px;
position: fixed;
right: 19px;
z-index: 300;
}
.whatsapp-link:before,
.mwhatsapp-link:after {
content: " ";
display: block;
position: absolute;
border: 1px solid #46A745;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: border-animate 1.5s linear infinite;
opacity: 0;
}
.whatsapp-link:after{
animation-delay: .5s;
}
@keyframes border-animate
{
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.whatsapp-link a {
display: inline-flex;
align-items: center;
padding: 15px 10px;
width: 30px;
height: 20px;
background: floralwhite;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 25px;
color: var(--base-color2);
transition: all 0.2s ease;
}
.whatsapp-link a .icon {
margin: 0;
width: 30px;
height: 30px;
}
.icon-whatsapp {
background: url("/icon-whatsapp.svg") 50% 50% no-repeat;
background-size: contain;
width: 21px;
height: 21px;
}
.icon {
display: inline-block;
vertical-align: middle;
opacity: 0.9;
}
.hot-btn {
width: 100%;
overflow: hidden;
overflow-x: scroll;
white-space: nowrap;
background: #fff;
position: fixed;
top: 42px;
opacity: 0.9;
margin: 0px 0px 0px 2px;
z-index: 1;
}
.podb {
margin: 16px 5px 12px 0px;
}
a.hot-link {
display: block;
margin: 6px 2px 3px 3px;
padding: 8px 12px;
border: 2px solid #e71e62;
border-radius: 10px;
color: #e71e62;
}
.acor-container {
margin: 20px 0;
}
.acor-container .acor-body {
margin: 0 auto;
height: 0;
background-color: #FFFFFF;
padding: 0 22px;
box-sizing: border-box;
transition: color 0.65s, padding 0.65s;
overflow: hidden;
font-size: 16px;
border-bottom: solid 1px #f5f5f5;
}
.acor-container .acor-body p {
margin: 0 0 10px;
line-height: 1.25;
}
.acor-container label {
cursor: pointer;
background-color: #FFFFFF;
color: #75615F;
display: block;
padding: 12px 15px 12px 26px;
width: 100%;
font-weight: 300;
box-sizing: border-box;
font-size: 17px;
margin: -1px 0px 5px;
transition: color .45s;
border-top: solid 1px #f5f5f5;
}
.acor-container label:hover {
color: #51241f;
}
.acor-container input{
margin: 16px 5px -29px 5px;
}
span.rprice {float: right;
}
.acor-container input:checked + label {
background-color: #f5f5f5;
color: #51241f;
border-radius: 10px;
font-weight: bold;
}
.acor-container input:checked + label + .acor-body {
height: auto;
margin-top: -5px;
color: #51241F;
padding: 15px 22px 10px 24px;
}
.tabs {
padding: 10px;
}
.tabs input[name=tab-ctrl] {
display: none;
}
.tabs .content section h2,
.tabs ul li label {
font-weight: bold;
font-size: 18px;
color: #DF1D7E;
text-align: inherit;
}
.tabs ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: row;
margin-bottom: 10px;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
.tabs ul li {
box-sizing: border-box;
flex: 1;
width: 25%;
padding: 0 10px;
text-align: center;
}
.tabs ul li label {
transition: all 0.3s ease-in-out;
color: #929daf;
padding: 5px auto;
overflow: hidden;
text-overflow: ellipsis;
display: block;
cursor: pointer;
transition: all 0.2s ease-in-out;
white-space: nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tabs ul li label br {
display: none;
}
.tabs ul li label svg {
fill: #929daf;
height: 1.2em;
vertical-align: bottom;
margin-right: 0.2em;
transition: all 0.2s ease-in-out;
}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
outline: 0;
color: #bec5cf;
}
.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
fill: #bec5cf;
}
.tabs .slider {
position: relative;
width: 25%;
transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.tabs .slider .indicator {
position: relative;
width: 55px;
max-width: 100%;
margin: 0 auto;
height: 3px;
background: #DF1D7E;
border-radius: 1px;
}
.tabs .content {
margin-top: 30px;
}
.tabs .content section {
display: none;
-webkit-animation-name: content;
animation-name: content;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
line-height: 1.4;
}
.tabs .content section h2 {
color: #DF1D7E;
display: none;
}
.tabs .content section h2::after {
content: "";
position: relative;
display: block;
width: 49px;
height: 2px;
background: #DF1D7E;
margin-top: 5px;
left: 1px;
}
.tabs input[name=tab-ctrl]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
cursor: default;
color: #DF1D7E;
}
.tabs input[name=tab-ctrl]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
fill: #DF1D7E;
}
@media (max-width: 600px) {
.tabs input[name=tab-ctrl]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-ctrl]:nth-of-type(1):checked ~ .slider {
transform: translateX(0%);
}
.tabs input[name=tab-ctrl]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
display: block;
line-height: 1.5;
}
.tabs input[name=tab-ctrl]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
cursor: default;
color: #DF1D7E;
}
.tabs input[name=tab-ctrl]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
fill: #DF1D7E;
}
@media (max-width: 600px) {
.tabs input[name=tab-ctrl]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-ctrl]:nth-of-type(2):checked ~ .slider {
transform: translateX(100%);
}
.tabs input[name=tab-ctrl]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
display: block;
}
.tabs input[name=tab-ctrl]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-ctrl]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-ctrl]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-ctrl]:nth-of-type(3):checked ~ .slider {
transform: translateX(200%);
}
.tabs input[name=tab-ctrl]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
display: block;
}
.tabs input[name=tab-ctrl]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-ctrl]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-ctrl]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-ctrl]:nth-of-type(4):checked ~ .slider {
transform: translateX(300%);
}
.tabs input[name=tab-ctrl]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
display: block;
}
@-webkit-keyframes content {
from {
opacity: 0;
transform: translateY(5%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes content {
from {
opacity: 0;
transform: translateY(5%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
@media (max-width: 1000px) {
.tabs ul li label {
white-space: initial;
}
.tabs ul li label br {
display: initial;
}
.tabs ul li label svg {
height: 1.5em;
}
}
@media (max-width: 600px) {
.tabs ul li label {
padding: 5px;
border-radius: 5px;
}
.tabs ul li label span {
display: none;
}
.tabs .slider {
display: none;
}
.tabs .content {
margin-top: 20px;
}
.tabs .content section h2 {
display: block;
}
}
.d-out {
padding: 6px;
}
.d-wrap {
max-width: 600px;
position: relative;
}
.d-wrap img {max-width:inherit}
.d-wrap p {
margin: 0 0 20px;
font-size: 16px;
line-height: 1.5;
}
.d-wrap table {
width: 100%;
border-spacing: 0px;
}
.d-wrap td {
padding: 10px 9px;
font-size: 16px;
line-height: 1.5;
}
.d-wrap td:last-child {
white-space: nowrap;
font-size: 20px;
font-weight: 700;
}
.d-wrap tr:nth-child(odd) td {
background: #f3f3f3;
}
.p-wrap img {max-width:inherit}
.p-wrap td {
padding: 10px 9px;
font-size: 16px;
}
.acr-cont label:before {
content: '+';
float: right;
font-weight: bold;
}
.acr-cont input:checked + label:before {
transition: transform .75s;
transform: rotate(180deg);
content: '–';
float: right;
}