@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

img, fieldset, a img { border: none; }

input[type="text"], input[type="email"], input[type="tel"], textarea { -webkit-appearance: none; }

textarea { overflow: auto; }

body, html { height: 100%; }

input, button { margin: 0; padding: 0; border: 0; }

input[type="submit"], button { cursor: pointer; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

ul, ol { list-style-type: none; }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

@font-face { font-family: "svgfont"; src: url("fonts/svgfont.eot"); src: url("fonts/svgfont.eot?#iefix") format("eot"), url("fonts/svgfont.woff") format("woff"), url("fonts/svgfont.woff2") format("woff2"), url("fonts/svgfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.icon, [class^="icon-"], [class*=" icon-"] { font-family: "svgfont"; font-style: normal; font-weight: normal; text-rendering: auto; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon, [class^="icon-"], [class*=" icon-"] { display: inline-block; }

.icon-fb:before { content: ""; }

.icon-go:before { content: ""; }

body { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; color: #010101; background-color: #fff; }

.wrapper { position: relative; }
.wrapper:before { z-index: -1; content: ""; display: block; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 461px; position: absolute; background: url(../img/header.png) center no-repeat; top: -70px; width: 100%; background-position: 44% 50%; }

.out { max-width: 1140px; margin: auto; z-index: 1111; box-shadow: 0 57px 57px rgba(0, 0, 0, 0.08); width: 100%; position: relative; background-color: #fff; }

.inner { max-width: 1140px; padding: 0 7px; width: 100%; margin: 0 auto; position: relative; *zoom: 1; }
.inner:after { content: " "; display: table; clear: both; }

.l-layout .inner { padding: 0; }

.l-single { float: left; width: 76%; padding: 28px; padding-bottom: 150px; padding-left: 20px; background-color: #f7f7f7; }
.l-single p { margin: 16px 0; font-size: 16px; }

a { color: #f94e00; }
a:hover { text-decoration: none; }

.title-secondary { font-size: 25px; margin-bottom: 10px; }

.title-secondary, .title-h3 { font-weight: 700; line-height: 20px; }

.title-h3 { margin-bottom: 14px; }

.title-h4 { font-size: 18px; font-weight: 700; line-height: 20px; margin-bottom: 14px; }

.title-comments { border-bottom: 1px solid #000; padding-bottom: 12px; margin-bottom: 12px; font-size: 25px; font-weight: 700; }
.title-comments span { font-size: 16px; font-weight: 400; padding-right: 3px; }

img { max-width: 100%; height: auto; }

.text-c { text-align: center; margin: 40px 0 100px 0; }
.text-c span { display: block; margin-bottom: 20px; color: #f94e00; font-weight: 700; }

.btn { color: #ffffff; font-size: 24px; font-weight: 700; padding: 20px 87px; border-radius: 10px; background-color: #f94e00; text-align: center; max-width: 270px; width: 100%; display: block; margin: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; }
.btn:hover { opacity: 0.88; }
.btn:active { position: relative; top: 2px; }

.icon-1 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -102px 0px; }

.icon-2 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -306px 0px; }

.icon-3 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: 0px 0px; }

.icon-4 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -306px -204px; }

.icon-5 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: 0px -306px; }

.icon-6 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -102px -306px; }

.icon-7 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -204px -306px; }

.icon-8 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -306px -306px; }

.icon-9 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -408px 0px; }

.icon-10 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -306px -102px; }

.icon-11 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: 0px -102px; }

.icon-12 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -102px -102px; }

.icon-13 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -204px 0px; }

.icon-14 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -204px -102px; }

.icon-15 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: 0px -204px; }

.icon-16 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -102px -204px; }

.icon-17 { background-image: url("../img/icons.png"); width: 98px; height: 98px; background-position: -204px -204px; }

.icon-like { background-image: url("../img/icons.png"); width: 14px; height: 14px; background-position: -455px -102px; }

.icon-dislike { background-image: url("../img/icons.png"); width: 14px; height: 14px; background-position: -437px -102px; }

.content { margin-bottom: 35px; }
.content span { display: block; font-size: 25px; font-weight: 700; margin-bottom: 15px; }

.col { display: table; width: 100%; margin-bottom: 30px; }
.col__content { width: 60%; }
.col__pic { width: 40%; }
.col__content, .col__pic { display: table-cell; vertical-align: top; }
.col__pic img { width: 100%; }

.col__pic-l { padding-left: 20px; }

.col__pic-r { padding-right: 17px; }

.comments { display: table; width: 100%; background-color: white; margin-bottom: 10px; padding: 16px 30px 20px 20px; }
.comments__pic, .comments__content { display: table-cell; vertical-align: top; }
.comments__content { width: 80%; padding-left: 52px; position: relative; padding-bottom: 50px; }
.comments__content p { font-size: 14px; margin: 10px 0; line-height: 20px; }
.comments__pic { width: 10%; text-align: center; }
.comments__pic i { border-radius: 50%; }

.comments__pic-title { margin: 8px 0; }
.comments__pic-title h5 { font-weight: 700; }
.comments__pic-title h5, .comments__pic-title span { color: #000000; font-size: 12px; display: inline-block; line-height: 15px; font-size: 12px; }

.comments__pic-date { font-weight: 400; line-height: 20px; font-size: 12px; color: #898989; }

.like, .answer-button { position: absolute; bottom: 0; }

.like a { display: inline-block; text-decoration: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: black; }
.like a:nth-child(2) { margin-left: 15px; }
.like a:hover { opacity: 0.7; }

.answer-button { right: 0; background-color: #d9d9d9; color: white; text-decoration: none; padding: 10px; border-radius: 6px; outline: 0; max-width: 133px; width: 100%; text-align: center; }
.answer-button:hover { opacity: 0.77; }

.pagination { font-size: 0; margin: 40px 0 120px 0; }
.pagination li { display: inline-block; vertical-align: top; }
.pagination li:not(:first-child) { margin-left: 8px; }
.pagination li a { padding: 16px; color: #808080; font-size: 20px; display: block; text-decoration: none; border: 1px solid #d4ddeb; background-color: #ffffff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.pagination li a:hover, .pagination li a.is-active { background-color: #d0f5e5; color: white; }

.item { font-size: 0; margin: 0 0 0 -2%; }
.item li { display: inline-block; vertical-align: top; width: 31.33%; margin-left: 2%; }
.item li:hover__title a { text-decoration: none; }
.item__pic { margin-bottom: 10px; }
.item__title a { font-size: 16px; font-weight: 700; line-height: 22px; color: black; text-decoration: none; }
.item__title a:hover { text-decoration: underline; }

.header { padding-top: 10px; margin-bottom: 34px; }
.header__right { overflow: hidden; font-size: 0; text-align: right; }
.header__left { width: 18%; }
.header__left, .header__info { float: left; }
.header__info { width: 59%; }

.header__info-name { color: #696969; font-family: "Open Sans"; font-size: 20px; font-style: italic; line-height: 45px; position: relative; }
.header__info-name:before { content: ""; z-index: 1; display: block; position: absolute; border-bottom: 1px solid black; width: 190px; bottom: 1px; }

.header__info-title { font-size: 35px; font-weight: 700; margin-bottom: 18px; }

.header__info-desc { color: #696969; }

.form { min-height: 40px; position: relative; }
.form__field { position: relative; width: 100%; }

.search { border-radius: 20px; background-color: #fdfdfd; font-family: "Roboto", sans-serif; height: 40px; border-radius: 20px; padding: 8px 35px 14px 10px; color: #b7b7b7; line-height: 45px; text-align: left; max-width: 240px; width: 100%; font-style: italic; }

.form input[type=submit] { font: 0/0 a; text-shadow: none; color: transparent; background-color: #fff; background-repeat: no-repeat; border-radius: 2px; bottom: 0; margin: auto; position: absolute; right: 1px; top: -4px; background-image: url("../img/icons.png"); width: 25px; height: 25px; background-position: -408px -102px; }

.social { margin-bottom: 20px; }
.social__item { display: inline-block; vertical-align: top; }
.social__item:not(:first-child) { margin-left: 3px; }
.social__link { border-radius: 36px; display: block; height: 36px; width: 36px; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; }
.social__fb { background: #fff url(../img/fb.svg) no-repeat center; }
.social__tw { background: #fff url(../img/tw.svg) no-repeat center; }
.social__go { background: #fff url(../img/go.svg) no-repeat center; }
.social__p { background: #fff url(../img/p.svg) no-repeat center; }

.sidebar { width: 24%; float: right; font-size: 0; padding: 7px 12px 0 2%; }
.sidebar h2 { text-align: left; text-transform: capitalize; }
.sidebar__list { margin-bottom: 50px; }
.sidebar__item { display: block; margin-bottom: 12px; }
.sidebar__link { text-decoration: none; color: #12aa24; font-weight: 400; font-size: 18px; line-height: 20px; }
.sidebar__link:hover { text-decoration: underline; }
.sidebar__link.is-active { font-weight: 700; line-height: 27px; }
.sidebar__banner p { color: #010101; font-size: 19px; font-weight: 700; color: black; margin-bottom: 10px; }
.sidebar__banner img { display: block; width: 100%; }
.sidebar__banner:nth-of-type(1) { margin-bottom: 40px; }

.footer { background-color: #787878; position: relative; z-index: 99; padding: 40px 0 77px 0; text-align: center; }
.footer p { font-size: 14px; color: #e6e6e6; font-weight: 400; line-height: 30px; margin-bottom: 0; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
 *{ -webkit-text-size-adjust: none; } }
@media only screen and (max-width: 1111px){
 .header__info-title{ font-size: 28px; }
 .form, .social{ margin: 10px 0; } }
@media only screen and (max-width: 991px){
 .l-single{ float: none; width: 100%; margin-bottom: 60px; padding: 20px; }
 .title-h4{ text-align: center; }
 .text-c{ margin: 35px 0; }
 .pagination{ margin: 30px 0 60px 0; text-align: center; }
 .item{ margin: auto; max-width: 300px; width: 100%; text-align: center; }
 .item li{ width: 100%; margin: 10px auto; margin-left: 0; }
 .header{ text-align: center; margin-bottom: 20px; }
 .header__right{ text-align: center; }
 .header__left, .header__info{ float: none; width: 100%; }
 .header__info{ width: 100%; margin: 10px 0; }
 .header__info-name:before{ margin: auto; left: 0; right: 0; }
 .header__info-title{ max-width: 600px; margin: 20px auto; font-size: 22px; }
 .form__field{ max-width: 240px; margin: auto; }
 .social__item:not(:first-child){ margin-left: 1%; }
 .sidebar h2{ display: none; }
 .sidebar{ float: none; width: 100%; padding: 10px; text-align: center; margin: auto; max-width: 350px; }
 .sidebar__list{ display: none; }
 .sidebar__banner img{ width: auto; margin: auto; } }
@media only screen and (max-width: 767px){
 .wrapper:before{ display: none; }
 .l-single{ padding-bottom: 20px; }
 .l-single p{ margin: 10px 0; }
 .l-single h3{ text-align: center; }
 .title-h3{ margin-bottom: 8px; }
 .title-secondary, .title-comments{ font-size: 18px; line-height: 1.1; }
 .text-c{ margin: 18px 0; }
 .btn{ padding: 10px; font-size: 18px; }
 .content{ margin-bottom: 15px; }
 .content span{ text-align: center; margin-bottom: 8px; }
 .col{ margin-bottom: 15px; }
 .col__content, .col__pic{ width: 100%; display: block; }
 .col{ display: block; }
 .col__pic img{ width: auto; }
 .col__pic{ text-align: center; margin: 10px 0; padding: 0; }
 .col__pic-l, .col__pic-r{ padding-right: 0; }
 .comments__pic, .comments__content{ display: block; width: 100%; text-align: center; padding: 0; }
 .comments__content{ padding-bottom: 50px; }
 .pagination{ margin: 15px 0; }
 .pagination li a{ padding: 10px; font-size: 16px; }
 .form, .social{ float: right; width: 100%; }
 .sidebar__banner p{ font-size: 18px; }
 .sidebar__banner:nth-of-type(1){ margin-bottom: 20px; }
 .footer{ padding: 20px 0 40px 0; } }
@media only screen and (max-width: 480px){
 .l-single p{ font-size: 14px; margin: 6px 0; }
 .col__pic img{ max-width: 220px; }
 .comments{ padding: 8px; }
 .header__info-title{ font-size: 18px; }
 .form{ margin: 20px 0 10px 0; }
 .sidebar__banner p{ font-size: 16px; }
 .sidebar__banner img{ max-width: 190px; }
 .footer{ padding-bottom: 20px; } }



/*# sourceMappingURL=style.css.map */