body * { box-sizing: border-box; } html { height:100%; margin: 0; min-width: 320px; } body{ margin: 0; padding: 0; height:100%; } article, aside, footer, header, nav, section { display: block } img, table { border: none; } a{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } a:focus, button:focus, :focus { outline: none; } p{ margin: 0; padding: 0 0 10px 0; } h1 { font-size: 2em; margin: 0; padding: 0 0 20px 0; } h2{ font-size: 1.5em; padding: 0 0 15px 0; margin: 0; } h3, h4, h5, h6{ font-size: 1em; padding: 0 0 15px 0; margin: 0; font-weight: 600; } .red{ color: #fd0f44; } .red a{ color: #fd0f44; text-decoration: none; } .red a:hover{ color: #0a2543; } .size1{ font-size: 1.5em; } .size2{ font-size: 2em; } .small{ font-size: 0.7em; } .font10{ font-size: 10px; } .font12{ font-size: 12px; } .font14{ font-size: 14px; } .font16{ font-size: 16px; } .font18{ font-size: 18px; } .font20{ font-size: 20px; } .font22{ font-size: 22px; } .font24{ font-size: 24px; } .font26{ font-size: 26px; } .font28{ font-size: 28px; } .font30{ font-size: 30px; } .font32{ font-size: 32px; } .font34{ font-size: 34px; } .font36{ font-size: 36px; } .font38{ font-size: 38px; } .float_l{ float: left; } .float_r{ float: right; } table{ border-spacing: 0px; } .table100{ width: 100%; display: table; } .table100 tr td{ padding: 5px; } .table-row{ width: 100%; display: table; } .tr{ display: table-row; } .td{ display: table-cell; vertical-align: middle; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-left{ text-align: left; } .clearing{ clear: both; } .clearing:after { content: ' '; display: block; clear: both; visibility: hidden; height: 0; } .hidden { display: none !important; } form{ margin: 0px; padding: 0px; } textarea, input, button{ outline: none; } input.error-inp, textarea.error-inp { border-color: #fd0f44 !important; color: #fd0f44 !important; } input.error-inp::-webkit-input-placeholder { color: #fd0f44; } input.error-inp::-moz-placeholder { color: #fd0f44; } input.error-inp:-ms-input-placeholder { color: #fd0f44; } input.error-inp:-moz-placeholder { color: #fd0f44; } textarea.error-inp::-webkit-input-placeholder { color: #fd0f44; } textarea.error-inp::-moz-placeholder { color: #fd0f44; } textarea.error-inp:-ms-input-placeholder { color: #fd0f44; } textarea.error-inp:-moz-placeholder { color: #fd0f44; } .error { color: #fd0f44; padding: 0 10px; font-size: 13px; line-height: 1; } /* checkbox */ input[type=checkbox], input[type=radio]{ width: auto; } .checkbox label { cursor: pointer; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { display: none; position: relative; margin-left: 0; } input[type="checkbox"] + label span, input[type="radio"] + label span { display: inline-block; width:19px; height:19px; margin-right: 10px; vertical-align:middle; background: #FFF; cursor:pointer; border: 1px solid #c8c5c3; } input[type="radio"] + label span{ border-radius: 50%; } input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span { background: #86888e; border: 1px solid #86888e; box-shadow: inset 0 0 0 1px #fff; } /* \\checkbox */ .transition{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .rotate{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .centerX{ position: absolute; left: 50%; transform: translateX(-50%); } .centerY{ position: absolute; top: 50%; transform: translateY(-50%); } .nowrap{ white-space: nowrap; } .icon{ display: inline-block; vertical-align: middle; font-style: normal !important; font-size: 1px !important; line-height: 1 !important; background-position: center; background-repeat: no-repeat; background-size: 100% auto; text-decoration: none !important; border: none; outline: none; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear; } .button{ display: inline-block; position: relative; cursor: pointer; text-align: center; white-space: nowrap; text-decoration: none !important; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .button:hover, .button:focus{ outline: none; } .button.disabled, .disabled{ cursor: default; pointer-events: none; } .scroll-block{ overflow: auto; } .scroll-block.y-scroll::-webkit-scrollbar{ width: 6px; } .scroll-block.x-scroll::-webkit-scrollbar{ height: 6px; } .scroll-block::-webkit-scrollbar-thumb{ border-width:0; border-radius: 6px; background-color: #b5bdc6; } .scroll-block::-webkit-scrollbar-thumb:hover{ background-color: #b5bdc6; } .scroll-block.y-scroll::-webkit-scrollbar-track{ border-right: 6px solid #ebebeb; background-color: #fff; } .scroll-block.x-scroll::-webkit-scrollbar-track{ border-bottom: 6px solid #ebebeb; background-color: #fff; } /* snippet */ .snippet{ margin-bottom: 32px; } .snippet img{ max-width: 100%; height: auto !important; } .img-center{ display: block; margin: 0 auto 20px; max-width: 100%; } .img-left{ margin: 0 20px 20px 0; max-width: 50% !important; float: left; } .img-right{ margin: 0 0 20px 20px; max-width: 50% !important; float: right; } .img-center, .img-left, .img-right{ width: auto !important; height: auto !important; } .video-block{ margin-bottom: 20px; } iframe{ max-width: 100% !important; } .text-two-column { -webkit-columns: 200px 2; -moz-columns: 200px 2; columns: 200px 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-rule: 1px solid #ededed; -moz-column-rule: 1px solid #ededed; column-rule: 1px solid #ededed; margin-bottom: 20px; } .block-content table{ margin-bottom: 20px; } .block-content table th{ background-color: #6c6c6c; color: #fff; font-weight: normal; padding: 10px; border: 1px solid #fff; } .block-content table td{ background-color: #f5f4f4; color: #6c6c6c; padding: 10px; border: 1px solid #dedede; } .block-content table td p{ padding: 0; margin: 0; } .block-content ul li{ padding-bottom: 15px; } .block-content img{ max-width: 100%; } .left-img-block{ margin: 0 20px 20px 0; max-width: 50%; float: left; text-align: center; } .right-img-block{ margin: 0 0 20px 20px; max-width: 50% !important; float: right; text-align: center; } .left-img-block img, .right-img-block img { width: auto !important; height: auto !important; max-width: 100%; position: relative; z-index: 1; } @media (max-width: 767px){ .img-center, .img-left, .img-right{ display: block; margin: 0 auto 15px; max-width: 100% !important; float: none; } .left-img-block, .right-img-block{ margin: 0 0 20px; max-width: 100% !important; float: none; } .left-img-block img, .right-img-block img { width: auto !important; height: auto !important; max-width: 100%; position: relative; z-index: 1; } } /* end snippet */ /* header stick */ .sticker{ width: 100%; position: relative; z-index: 1500; } .sticker.stick { animation: stick alternate linear 300ms; -webkit-animation: stick alternate linear 300ms; position: fixed; top: 0; left: 0; } @keyframes stick { 0% { top: -70px; } 100%{ top: 0; } } /* \\header stick */ nav ul{ list-style-type: none; margin: 0; padding: 0; }