.lwpglsArchive{margin-bottom:2.6em}.lwpglsArchive:after{content:".";display:block;height:0;font-size:0;line-height:0;clear:both;visibility:hidden}.lwpglsArchive_column{float:left}.lwpglsArchive_column:first-child{margin-left:0!important;margin-top:0!important}.lwpglsArchive_letter{font-weight:700;margin-top:2.5em}.lwpglsArchive_letter:first-child{margin-top:0}.lwpglsArchive_terms{margin-top:1.1em}.lwpglsArchive_term{margin-top:4px}.lwpglsArchive_term:first-child{margin-top:0}.lwpglsArchive_term A{text-decoration:none;border-bottom:none!important;box-shadow:none!important}.lwpglsArchive_term A:hover{text-decoration:underline}.lwpglsArchive-columns-2 .lwpglsArchive_column{width:48%;margin-left:3.9%}@media screen and (max-width:641px){.lwpglsArchive-columns-2 .lwpglsArchive_column{float:none;margin-left:0;width:auto;margin-top:2.5em}}.wp-caption-text, .gallery-caption, .bypostauthor { }body { margin : 0; padding : 0; background-color: #1C222A; } .CLC, .CLC * { margin : 0; padding : 0; border : 0; font-size : 100%; vertical-align: baseline; background : transparent; box-sizing : border-box; font-family : 'Arial', sans-serif; } .CLC *::before, .CLC *::after { -webkit-box-sizing: border-box; box-sizing : border-box; } .df { display : -webkit-flex; display : -moz-flex; display : -ms-flex; display : -o-flex; display : flex; flex-wrap: wrap; } .mydefStyle { -webkit-justify-content: space-between; justify-content : space-between; -webkit-justify-content: space-around; justify-content : space-around; -webkit-align-items: center; align-items : center; } .CLC { width: 100%; max-width: 1140px; margin : 50px auto; background-color: #1c222a; background-color: #edb021; background-color: #6a655d; background-color: #dcdcdc; background-color: #fff; padding : 20px; display : flex; justify-content : end; flex-wrap : wrap; } .CLC .CLC__wrapSections { margin-left : auto; background-color: #fff; padding : 0 12px 0px; border-radius : 5px; border : solid 3px #edb021; } .CLC .CLC__item { margin-bottom: 20px; } .CLC .CLC__wrap_item{ display: flex; } .CLC .CLC__item_50{ flex: 0 0 50%; width: 50%; } .CLC .CLC__text1 { text-align : center; font-size : 28px; border-radius: 5px 5px 0 0; color : #fff; background-color: #edb021; padding : 10px; margin-bottom: 20px; line-height: 1.2; } .CLC .CLC__text1, .CLC .CLC__wrapResult{ flex : calc(100% + 32px); margin-left: -14px; margin-right: -14px; } .CLC .CLC__wrapResult{ background-color: #edb021; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 10px; position: sticky; left: 0px; bottom: 0; } .CLC .CLC__text2 { font-size : 16px; color : #1c222a; margin-bottom : 6px; font-weight : 600; line-height: 1.2; } .CLC .CLC__text3 { font-size : 16px; color : #1c222a; margin-bottom : 2px; line-height: 1.2; } .CLC .CLC__select { } .CLC .CLC__text4{ font-size: 26px; color: #fff; margin: 0; line-height: 1.2; } .CLC .CLC__text5{ font-size: 36px; color: #fff; margin: 0 0 12px 0; line-height: 1.2; } .CLC .CLC__text6{ font-size: 14px; color: #fff; margin: 0; line-height: 1.2; } .CLC .CLC__text7{ font-size: 24px; color: #fff; margin: 10px 0 0 0; line-height: 1.2; } .CLC .LabelCheckbox { margin-bottom: 5px; width: 51%; display: inline-block; } .CLC .LabelCheckbox.hide { display: none; } .CLC .LabelCheckbox.LabelCheckbox_type1{ width: 49%; } .CLC .LabelCheckbox input { position: absolute; z-index : -1; opacity : 0; margin : 10px 0 0 20px; } .CLC .LabelCheckbox__text { position: relative; padding : 8px 10px 8px 64px; cursor : pointer; color : #1c222a; display: inline-block; margin: 0; line-height: 1.2; } .CLC .LabelCheckbox__text:before { content : ''; position : absolute; top : 4px; left : 4px; width : 50px; height : 26px; border-radius : 13px; background : #fbfbfb; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow : inset 0 2px 3px rgba(0, 0, 0, 0.2); border : solid #88888880 1px; -webkit-transition: .2s; -o-transition : .2s; transition : .2s; } .CLC .LabelCheckbox__text:after { content : ''; position : absolute; top : 6px; left : 6px; width : 22px; height : 22px; border-radius : 15px; border : solid #edb021 2px; background : #FFF; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow : 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: .2s; -o-transition : .2s; transition : .2s; } .CLC .LabelCheckbox input:checked+.LabelCheckbox__text:before { background: #edb021; } .CLC .LabelCheckbox input:checked+.LabelCheckbox__text:after { left: 30px; } .CLC input[type="number"]::-webkit-inner-spin-button, .CLC input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance : none; appearance : none; margin : 0; } .CLC input[type="number"] { -moz-appearance: textfield; } .CLC .clcbd__quantity_block { display: inline-flex; align-items: center; margin : 6px 0 0 0; height : 40px; } .CLC .clcbd__dopInfo_block_option { height : 0px; opacity : 0; overflow : hidden; margin : 0 0 0 60px; transition: 0.2s; } .CLC .clcbd__dopInfo_block_option.show { height : 50px; opacity : 1; margin : 10px 0 15px 60px; transition: 0.2s; } .CLC .clcbd__quantity_arrow_minus, .CLC .clcbd__quantity_arrow_plus { flex : 0 0 36px; height : 36px; color : #323232; cursor : pointer; font-size : 28px; border-radius : 4px; outline : none; display : inline-block; border : solid 1px #88888880; font-weight : 400; background-color: #edb02180; transition : all 0.2s; overflow : hidden; } .CLC .clcbd__quantity_arrow_minus:hover, .CLC .clcbd__quantity_arrow_plus:hover { background-color: #edb021; border : solid 1px #edb021; cursor : pointer; color : #fff; transition : all 0.2s; } .CLC .clcbd__InputQuantity { max-width : 80px; flex : 0 0 80px; margin : 0 4px; padding : 0 5px; font-size : 16px; color : #323232; height : 40px; text-align: center; border : solid 1px #88888880; } .CLC .clcbd__InputQuantity:focus { box-shadow: 0 0 5px 1px #77777780; transition: 0.2s; outline : none; } .CLC .clcbd__text5 { font-size : 17px; text-align : center; font-weight : 400; line-height : 1; margin-bottom: 5px; color : #383838; } .CLC .mycustomsSelest .custom-select-wrapper { position : relative; display : inline-block; user-select: none; width : 100%; } .CLC .mycustomsSelest .wrapSelectCalc { width: 100%; } .CLC .mycustomsSelest .custom-select-wrapper select { display: none; } .CLC .mycustomsSelest .custom-select { position: relative; display : inline-block; width : 100%; } .CLC .mycustomsSelest .custom-select-trigger { position : relative; display : block; width : 100%; padding : 10px 24px 10px 4px; font-size : 16px; font-weight : 300; color : #1c222a; line-height : 1.2; border-radius: 5px; cursor : pointer; border : solid 1px #666; } .CLC .mycustomsSelest .custom-select-trigger:after { position : absolute; display : block; content : ""; width : 10px; height : 10px; top : 50%; right : 14px; margin-top : -3px; border-bottom : 1px solid #666; border-right : 1px solid #666; transform : rotate(45deg) translateY(-50%); transition : all 0.4s ease-in-out; transform-origin: 50% 0; } .CLC .mycustomsSelest .custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform : rotate(-135deg) translateY(-50%); } .CLC .mycustomsSelest .custom-options { position : absolute; z-index : 100; display : block; top : 100%; left : 0; right : 0; min-width : 100%; margin : 5px 0; border : 1px solid #b5b5b5; border-radius : 4px; box-sizing : border-box; box-shadow : 0 0 10px 2px rgba(0, 0, 0, 0.4); background : #fff; transition : all 0.4s ease-in-out; opacity : 0; visibility : hidden; pointer-events: none; transform : translateY(-15px); overflow-y : auto; } .CLC .mycustomsSelest .custom-select.opened .custom-options { opacity : 1; visibility : visible; pointer-events: all; transform : translateY(0); } .CLC .mycustomsSelest .custom-options:before { position : absolute; display : block; content : ""; bottom : 100%; right : 25px; width : 7px; height : 7px; margin-bottom: -4px; border-top : 1px solid #b5b5b5; border-left : 1px solid #b5b5b5; background : #fff; transform : rotate(45deg); transition : all 0.4s ease-in-out; } .CLC .mycustomsSelest .option-hover:before { background: #f9f9f9; } .CLC .mycustomsSelest .custom-option { position : relative; display : block; padding : 6px 8px; border-bottom: 1px solid #b5b5b5; font-size : 15px; color : #333; line-height : 1.2; cursor : pointer; transition : all 0.4s ease-in-out; } .CLC .mycustomsSelest .custom-option:first-of-type { border-radius: 4px 4px 0 0; } .CLC .mycustomsSelest .custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 4px 4px; } .CLC .mycustomsSelest .custom-option:hover { background: #edb021; color : #fff; } .CLC .mycustomsSelest .custom-option.selection { background: #edb021; color : #fff; } .CLC .clcbd__InputQuantity.error, .CLC .inputCalcTelUser.error { -webkit-animation-name : shake; -webkit-animation-duration : 0.4s; -webkit-transform-origin : 50% 50%; -webkit-animation-iteration-count: 2; -webkit-animation-timing-function: linear; -moz-animation-name : shake; -moz-animation-duration : 0.4s; -moz-transform-origin : 50% 50%; -moz-animation-iteration-count: 2; -moz-animation-timing-function: linear; -o-animation-name : shake; -o-animation-duration : 0.4s; -o-transform-origin : 50% 50%; -o-animation-iteration-count: 2; -o-animation-timing-function: linear; animation-name : shake; animation-duration : 0.4s; transform-origin : 50% 50%; animation-iteration-count: 2; animation-timing-function: linear; } @-webkit-keyframes shake { 0% { -webkit-transform: translate(4px, 1px); } 10% { -webkit-transform: translate(-3px, -2px); } 20% { -webkit-transform: translate(-5px, 0px); } 30% { -webkit-transform: translate(0px, 2px); } 40% { -webkit-transform: translate(5px, -1px); } 50% { -webkit-transform: translate(-1px, 2px); } 60% { -webkit-transform: translate(-4px, 1px); } 70% { -webkit-transform: translate(5px, 1px); } 80% { -webkit-transform: translate(-3px, -1px); } 90% { -webkit-transform: translate(4px, 2px); } 100% { -webkit-transform: translate(1px, -2px); } } @-moz-keyframes shake { 0% { -moz-transform: translate(4px, 1px); } 10% { -moz-transform: translate(-3px, -2px); } 20% { -moz-transform: translate(-5px, 0px); } 30% { -moz-transform: translate(0px, 2px); } 40% { -moz-transform: translate(5px, -1px); } 50% { -moz-transform: translate(-1px, 2px); } 60% { -moz-transform: translate(-4px, 1px); } 70% { -moz-transform: translate(5px, 1px); } 80% { -moz-transform: translate(-3px, -1px); } 90% { -moz-transform: translate(4px, 2px); } 100% { -moz-transform: translate(1px, -2px); } } @-o-keyframes shake { 0% { -o-transform: translate(4px, 1px); } 10% { -o-transform: translate(-3px, -2px); } 20% { -o-transform: translate(-5px, 0px); } 30% { -o-transform: translate(0px, 2px); } 40% { -o-transform: translate(5px, -1px); } 50% { -o-transform: translate(-1px, 2px); } 60% { -o-transform: translate(-4px, 1px); } 70% { -o-transform: translate(5px, 1px); } 80% { -o-transform: translate(-3px, -1px); } 90% { -o-transform: translate(4px, 2px); } 100% { -o-transform: translate(1px, -2px); } } @keyframes shake { 0% { transform: translate(4px, 1px); } 10% { transform: translate(-3px, -2px); } 20% { transform: translate(-5px, 0px); } 30% { transform: translate(0px, 2px); } 40% { transform: translate(5px, -1px); } 50% { transform: translate(-1px, 2px); } 60% { transform: translate(-4px, 1px); } 70% { transform: translate(5px, 1px); } 80% { transform: translate(-3px, -1px); } 90% { transform: translate(4px, 2px); } 100% { transform: translate(1px, -2px); } } @media only screen and (max-width : 1199px) {} @media only screen and (max-width : 991px) {} @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { .CLC .CLC__item_50 { flex: 0 0 100%; width: 100%; } .CLC .CLC__wrap_item { flex-wrap: wrap; } } @media only screen and (max-width : 480px) { .CLC .LabelCheckbox { width: 100%; } .CLC .LabelCheckbox.LabelCheckbox_type1{ width: 100%; } } @media only screen and (max-width : 375px) {}