html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sup,sub,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tfoot,thead,p,figure{background:transparent;border: 0 none;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align: baseline}
table {border-collapse:collapse;border-spacing:0}
[hidden] {display:none}

body, button, input, textarea, select {font-family: 'Gilroy', sans-serif; font-size: 16px /*18px*/; font-weight: 400; color: #000}

h1, h2, h3 {margin: 0; font-weight: 600; line-height: 100%;}
h1 {padding: 5px 0 30px 0; font-size: 36px; font-weight: 700;}
h2 {padding: 28px 0 16px 0; font-size: 32px;}
h3 {padding: 18px 0 12px 0; font-size: 24px;}

p {padding: 16px 0; line-height: 26px}
b, strong {font-weight: 700}

a {color: #F5621D; text-decoration: underline}
a:hover {color: #F5621D; text-decoration: none}
a:hover, a:active, a:focus {outline: 0}

img {border: 0; max-width: 100%; width: auto; height: auto;}
main img {display: block; margin: 16px auto; border-radius: 10px; overflow: hidden; line-height: 0}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}

ul, ol {margin: 0; padding: 6px 0; list-style: none}
li {margin: 0; padding: 8px 0 8px 20px; line-height: 26px; position: relative} 
ul > li:before {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #1156D6; position: absolute; top: 17px; left: 0}

ol {counter-reset: list1}
ol > li {padding-left: 40px}
ol > li:before {counter-increment: list1; content: counter(list1, decimal); display: block; width: 26px; height: 26px; border-radius: 3px; font-size: 14px; font-weight: 500; text-align: center; color: #fff; background: #1156D6; line-height: 26px; position: absolute; left: 0}

li > p {padding: 0}








.button, .wrapper button, .wrapper input[type="button"], .wrapper input[type="reset"], .wrapper input[type="submit"], .footer input[type="submit"] {display: block; width: 100%; height: 57px; color: #fff; font-style: normal; font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; background: #F5621D; border: none; border-radius: 60px; -webkit-appearance: button; cursor: pointer; *overflow: visible; -webkit-appearance: none; box-sizing: border-box; line-height: 57px; transition:all 0.2s ease;}
.button:hover, .wrapper button:hover, .wrapper input[type="button"]:hover, .wrapper input[type="reset"]:hover, .wrapper input[type="submit"]:hover {color: #fff; background: #1156D6; border: none; text-decoration: none}

.in_basket {background: #29A71A !important; color: #fff !important; cursor: default !important}

.button.grey {color: #313131; background: #E7E7E7;}
.button.grey:hover {color: #fff; background: #F5621D}



input:focus, textarea:focus {outline: none}


input[type='text']::placeholder {color:#000; opacity: .65}
input[type='password']::placeholder {color:#000; opacity: .65}

input[type='text']:focus::placeholder {color: transparent}
input[type='password']:focus::placeholder {color: transparent}

textarea::placeholder {color:#000; opacity: .65}
textarea:focus::placeholder {color: transparent}


.wrapper input, .wrapper textarea {padding: 0 20px; width: 100%; height: 57px; color: rgba(0,0,0,.9); font-size: 16px; font-style: normal; font-weight: 400; background: #fff; border: 1px solid rgba(0, 0, 0, .9); border-radius: 60px; box-sizing: border-box}
.wrapper textarea {padding: 15px 20px; height: 200px; border-radius: 30px; resize: none}

.wrapper input.error, .wrapper textarea.error {border: 1px solid red;} 



.wrapper input[type="checkbox"] {display:none}
.wrapper input[type="checkbox"] + label {padding-left: 35px; font-size: 16px; line-height: 18px; cursor: pointer; position: relative}
.wrapper input[type="checkbox"] + label span {position: absolute; top: 0; left: 0; display: block; width: 18px; height:18px; cursor: pointer}
.wrapper input[type="checkbox"] + label span:before {content: ''; display: block; width: 18px; height: 18px;  border: 1px solid rgba(0, 0, 0, .9); border-radius: 2px; box-sizing: border-box;}
.wrapper input[type="checkbox"] + label:hover span:before {border-color: #1156D6}
.wrapper input[type="checkbox"]:checked + label span:before {border-color: #1156D6}
.wrapper input[type="checkbox"]:checked + label span:after {content: '\2714'; display: inline-block; width: 18px; height: 18px; font-size: 25px; font-weight: 600; text-align: center; color: #F5621D; position: absolute; top: -2px; left: 1px; line-height: 18px;}
.wrapper input[type="checkbox"] + label div {display: inline-block; max-width: calc(100% - 35px); vertical-align: top;}
.wrapper input[type="checkbox"] + label div.error {color: red}
.wrapper input[type="checkbox"] + label a {color: #4F85E8}
.wrapper input[type="checkbox"] + label a:hover {color: #F5621D}




.table_wrap {padding: 16px 0; width: 100%; border: none; overflow: hidden; overflow-x: auto}
.table_wrap table {width: 100%; border-collapse: separate; overflow: hidden}
.table_wrap table tr {background: #F5F8FF; border: none}
.table_wrap table tr:nth-child(2n) {background: none}

.table_wrap table th, .table_wrap table td {padding: 20px 20px 20px 30px; font-size: 16px; font-weight: normal; text-align: left; vertical-align: middle; border: none;}

.table_wrap table th {padding: 20px 20px 20px 30px; background: #000; color: #fff; font-size: 20px; font-weight: 700}
.table_wrap table tr > th:nth-child(1) {border-radius: 5px 0 0 0;} 
.table_wrap table tr > th:last-child {border-radius: 0 5px 0 0}
.table_wrap table tr > td:nth-child(1) {text-align: left} 


.table_wrap .no-border tr {background: none; border: none}




/* 900 */
@media only screen and (max-width: 900px) {

h1 {padding: 5px 0 25px 0; font-size: 30px; font-weight: 700;}
h2 {padding: 25px 0 14px 0; font-size: 26px;}
h3 {padding: 16px 0 10px 0; font-size: 20px;}


.button, .wrapper button, .wrapper input[type="button"], .wrapper input[type="reset"], .wrapper input[type="submit"], .footer input[type="submit"] {height: 48px; font-size: 15px; border-radius: 40px; line-height: 48px;}

.wrapper input, .wrapper textarea {padding: 0 15px; height: 48px;  border-radius: 40px;}
.wrapper textarea {padding: 10px 15px; height: 200px; border-radius: 20px}


.table_wrap table th, .table_wrap table td {padding: 15px; font-size: 15px}
.table_wrap table th {padding: 15px; font-size: 17px}





}

/* 600 */
@media only screen and (max-width: 600px) {

body, button, input, textarea, select {font-size: 15px}

h1 {padding: 5px 0 20px 0; font-size: 24px}
h2 {padding: 20px 0 10px 0; font-size: 20px;}
h3 {padding: 12px 0 8px 0; font-size: 18px;}

p {padding: 12px 0; line-height: 22px}

main img {margin: 12px auto;}

ul, ol {padding: 3px 0}
li {padding: 6px 0 6px 15px; line-height: 22px; position: relative} 
ul > li:before {width: 6px; height: 6px; top: 14px}


ol > li {padding-left: 30px}
ol > li:before {width: 20px; height: 20px; font-size: 11px; line-height: 20px; top: 6px}



.table_wrap table th, .table_wrap table td {padding: 12px; font-size: 14px}
.table_wrap table th {padding: 12px; font-size: 16px}



}