/* reset style */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
table {	border-collapse: collapse;	border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul {list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-weight:normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }


/* base style */
body, html { min-height: 100vh; }
body { font-family:'Rozetka', BlinkMacSystemFont, -apple-system, Arial, "Segoe UI", Roboto, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; text-size-adjust:100%; -webkit-text-size-adjust:100%; color:var(--global-black); font-size:16px; }
body, html { height:100%; }
a { color: var(--global-black); text-decoration: underline; }
h1, h2, h3 { font-weight:bold; padding-bottom:24px; padding-top:8px; }
h1 { font-size:24px; }
@media (min-width: 768px){ h1 { font-size: } }
@media (min-width: 1280px) { h1 { font-size:32px; } }
h2 { font-size:20px; }
@media (min-width: 768px){ h2 { font-size: } }
@media (min-width: 1280px) { h2 { font-size:28px; } }
p { padding-bottom:16px; line-height:28px; font-size:18px; } 


/* global */
.wrapper { display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; margin:0 auto; box-sizing:border-box; }
.layout { box-sizing: border-box; display: block; margin: 0 auto; max-width: 1600px; padding-left: 16px; padding-right: 16px; width: 100%; }
@media (min-width: 1280px) { .layout { padding-left: 32px; padding-right: 32px; } }
.layout_content { max-width: 960px; padding-top:32px; padding-bottom:64px;  }
.text_subheading { font-size:16px; }
@media (min-width: 1280px) { .subheading { font-size:24px; line-height:32px; } }
.text_small { font-size:14px; line-height:inherit; padding-bottom:8px; }


/* buttons */
.button { display:inline-flex; flex-direction:row; justify-content:flex-start; border-radius:4px; text-decoration:none; line-height:24px; cursor:pointer; }
.button svg { width:24px; height:24px; margin-right:12px; }
.button_green { color:var(--global-white); background:var(--global-green); }
.button_green:hover { background: var(--global-green-80); }
.button_white { color:var(--global-black); }
.button_white:hover { color:var(--global-black-60); }
.button_large { font-size:18px; padding:12px 24px; }
.button_normal { font-size:16px; padding:8px 16px; }
.button_icon { font-size:16px; padding:8px 8px; }
.button_icon svg { margin:0; }


/* header */
.header { background:var(--global-black); width:100%; padding-top:16px; padding-bottom:16px; }
.header-layout {  position:relative;  display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%; }
.header__logo { }
.header__nav { display:none; }
@media (min-width: 768px){ .header__nav { display:inherit; flex:1; } }
.header__mobmenu { display:inherit; }
@media (min-width: 768px){ .header__mobmenu { display:none; } }
.nav { text-align:center; width:100% }
.nav__item { display:inline-block; padding-left:16px; padding-right:16px; line-height:40px; font-size:18px; }
.nav__link { text-decoration:none; color:#fff; }
.nav__link_active { color: var(--global-green); }


.main { position:relative; flex:1; }


/* topbanner */
.topbanner { background-color: var(--global-black-5 ); background-size: cover; background-position: center; height:160px; position:relative; }
@media (min-width: 1280px){ .topbanner { height:240px; } }


.slider { background: var(--global-black-40); height:100%; display:flex; align-items:center; }
.conner { position:absolute; width:100%; height:32px; bottom:0; margin-top:-32px; z-index:200;  }
.conner__img { height:32px; width:100%; fill:#ffffff; }
.conner_gray { fill:var(--global-black-5); }


.slider { background-size: cover; background-position: center;  }
.slider__list { }
.slider__item {  background-size:cover; background-position:center; }
.slider_slide1 { background-color: rgba(255, 255, 255, 0.7); background-image:url(../grf/slide1.jpg);  } 
.slider_slide2 { background-image:url(../grf/slide2.jpg); background-color: rgba(255, 255, 255, 0.7); } 
.slider_slide3 { background-image:url(../grf/slide3.jpg); background-color: rgba(255, 255, 255, 0.7); } 
.slider_slide4 { background-image:url(../grf/slide4.jpg); background-color: rgba(255, 255, 255, 0.7); } 
.slider_slide5 { background-image:url(../grf/slide5.jpg); background-color: rgba(255, 255, 255, 0.7); } 
.slider_shadow { position:absolute; position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); z-index:1; }

/* Main */
.maintitle { width:80%; margin:0 auto; text-align:center; z-index:100; }
@media (min-width: 768px) { .maintitle { max-width:800px; } }
.maintitle_title { color:#ffffff; font-size:32px; }
@media (min-width: 768px) { .maintitle_title { font-size:40px; } }
@media (min-width: 1280px) { .maintitle_title { font-size:64px; } }


.list {}
.list__item { padding:16px 0; border-bottom:1px solid var(--global-black-10) }  
.cols { }
@media (min-width: 768px) { .cols { display:flex; flex-direction:row; align-items:center; } }
.cols__col { flex:1; }


/* mobmenu */
.mobmenu {  position: fixed; left:0; top:0; background: var(--global-black); display:none; flex-direction:column; justify-content:space-between; width:100%; height:100%; margin:0 auto; z-index:1000 }
.mobmenu_active { display:flex; }
.mobmenu__header { padding-top:16px; padding-bottom:16px; }
.mobmenu-nav {  }
.mobmenu-nav__item	{ font-size:24px; padding-top:16px; padding-bottom:16px; border-bottom:1px solid var(--global-black-80);  }
.mobmenu__footer { height:128px; }


/* header */
.footer { background:var(--global-black-5); padding-top:24px; padding-bottom:24px; }
.copy { text-align:center; display:block; }