@font-face { font-family: "Flaticon"; src: url("/casual/2014/1/fonts/Flaticon.eot"); src: url("/casual/2014/1/fonts/Flaticon.eot#iefix") format("embedded-opentype"),url("/casual/2014/1/fonts/Flaticon.woff") format("woff"),url("/casual/2014/1/fonts/Flaticon.ttf") format("truetype"),url("/casual/2014/1/fonts/Flaticon.svg") format("svg"); font-weight: normal; font-style: normal } [class^="glyph-"]:before,[class*=" glyph-"]:before,[class^="glyph-"]:after,[class*=" glyph-"]:after { font-family: Flaticon; font-style: normal; font-weight: normal } .glyph-facebook:before,.b-opinions__social-link_type_fb:before{ content: "\f101" } .glyph-in:before,.b-opinions__social-link_type_in:before{ content: "\f103" } .glyph-left:before,.b-opinions__prev:before,.bx-prev:before { content: "\f104" } .glyph-right:before,.b-opinions__next:before,.bx-next:before { content: "\f107" } .glyph-twitter:before,.b-opinions__social-link_type_tw:before { content: "\f108" } .b-opinions { position: relative; padding: 0 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 50px; margin-bottom: 10px; } .b-opinions__text a{ color: #39afc6; } .b-opinions__text a:hover{ color: blue; } .b-opinions:before { position: absolute; left: 50%; top: 0; width: 64px; height: 64px; font-size: 64px; margin: 0 0 0 -32px; color: #eee; font-family: "Flaticon"; } .b-opinions__list { position: relative; margin: 0px auto; font-size: 0; } .b-opinions__list:after { content: ''; display: table; clear: both } .b-opinions__item{ min-height: 130px; } .b-opinions__item-content { text-align: center; margin: 0 auto; } .b-opinions__text { color: #777; font-style: italic; font-size: 16px; max-width: 530px; margin: 0 auto; line-height: 1.2em; } @media screen and (min-width: 640px) { .b-opinions__text { font-size:20px } } @media screen and (min-width: 980px) { .b-opinions__text { font-size:24px } } .b-opinions__author { margin-top: 20px } .b-opinions__name { font-size: 14px; color: #39afc6; } .b-opinions__name:hover{ color: #39afc6; } @media screen and (min-width: 640px) { .b-opinions__name { font-size:16px } } @media screen and (min-width: 980px) { .b-opinions__name { font-size:16px } } .b-opinions__prev { position: absolute; left: 0; top: 70px; width: 32px; height: 32px; font-size: 0; color: #e0e0e0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .b-opinions__prev:before { font-family: "Flaticon"; font-size: 32px } .b-opinions__prev:hover { cursor: pointer; color: #00bf81 } .b-opinions__next { position: absolute; right: 0; top: 70px; width: 32px; height: 32px; font-size: 0; color: #e0e0e0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .b-opinions__next:before { font-family: "Flaticon"; font-size: 32px } .b-opinions__next:hover { cursor: pointer; color: #00bf81 } .b-opinions__socials { margin-top: 20px; font-size: 0; } .b-opinions__social-item { line-height: 1; vertical-align: middle; } .b-opinions__social-item + .b-opinions__social-item { margin-left: 15px } .b-opinions__social-link { color: #aaa; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .b-opinions__social-link:before { font-family: "Flaticon"; font-size: 16px } .b-opinions__social-link:hover { color: #00bf81; cursor: pointer } .bx-pager { display: none } .bx-prev { position: absolute; left: 0; top: 70px; width: 32px; height: 32px; font-size: 0; color: #e0e0e0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .bx-prev:before { font-family: "Flaticon"; font-size: 32px } .bx-prev:hover { cursor: pointer; color: #00bf81 } .bx-next { position: absolute; right: 0; top: 70px; width: 32px; height: 32px; font-size: 0; color: #e0e0e0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .bx-next:before { font-family: "Flaticon"; font-size: 32px } .bx-next:hover { cursor: pointer; color: #00bf81 }