/* @import "../../css/typography.css"; */
html {
  width: 100%;
}
body {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  width: 100%;
  /* min-width: 320px; */
  position: relative;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  color: #000;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: red;
}

body input:required:valid,
body textarea:required:valid {
  color: green;
}

a,
span {
  text-decoration: none !important;
}
.text-white {
  color: #fff;
}

.button:hover {
  color: #fff;
  cursor: pointer;
}

.button:hover {
  background-color: rgba(81, 144, 248, 0.8);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

.button {
  padding: 14px 28px;
  border-radius: 4px;
  font-weight: 400;
  background-color: #1b7df9;
  color: #fff;
}

header {
  padding-top: 40px;
}
header .logo-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
header .logo-wrapper img {
  height: 45px;
  width: 45px;
}
header .logo-wrapper span {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  margin-left: 10px;
}
header .navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

header .navigation ul.menu-left li.el.el-menu-item {
  display: none;
}

div > img {
  width: 90%;
  height: auto;
}

section.speech {
  padding-top: 180px;
  position: relative;
}
section.speech .wrapper-stick-image {
  position: absolute;
  right: 0;
  max-width: 570px;
}
section.speech .wrapper-stick-image img.right-photo {
  max-width: 100%;
}
section.speech h1 {
  font-size: 46px;
  font-weight: 700;
  margin-bottom: 50px;
}
section.speech p {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 50px;
}
section.speech .button-wrapper {
  display: flex;
}
section.speech .button-wrapper .button {
  padding: 23px 38px;
  font-size: 16px;
}
section.speech .button-wrapper .button.blue {
  color: #fff;
  margin-right: 25px;
}
section.speech .button-wrapper .button.transparent {
  color: #050505;
  padding: 22px 38px;
  background-color: transparent;
  border: 1px solid #979797;
}
section.speech .photo-phantom {
  max-width: 100%;
}

section.oval-group {
  padding-top: 155px;
}
section.oval-group .ovals-body {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
section.oval-group .ovals-body .oval-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.oval-group .ovals-body .oval-item .oval {
  position: relative;
  width: 160px;
  height: 160px;
  background-color: rgba(80, 144, 248, 0.2);
  border-radius: 50%;
  margin-bottom: 35px;
}
section.oval-group .ovals-body .oval-item .oval:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}
section.oval-group .ovals-body .oval-item .oval.icon-voice:before {
  background-image: url("data:image/svg+xml;utf8,<svg width='84px' height='84px' viewBox='0 0 84 84' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'><g id='Homepage' transform='translate(-305.000000, -1112.000000)' stroke='%231B7DF9' stroke-width='4'><g id='Group-6' transform='translate(205.000000, 1074.000000)'><g id='Group-3'><g id='Group' transform='translate(102.000000, 40.000000)'><g id='voice-id-user'><path d='M0.526315789,0.526315789 L0.526315789,47.8947368' id='Shape'></path><path d='M32.1052632,0.526315789 L32.1052632,47.8947368' id='Shape'></path><path d='M42.6315789,0.526315789 L42.6315789,32.1052632' id='Shape'></path><path d='M74.2105263,0.526315789 L74.2105263,32.1052632' id='Shape'></path><path d='M11.0526316,16.3157895 L11.0526316,32.1052632' id='Shape'></path><path d='M63.6842105,16.3157895 L63.6842105,24.2105263' id='Shape'></path><path d='M21.5789474,11.0526316 L21.5789474,37.3684211' id='Shape'></path><path d='M53.1578947,11.0526316 L53.1578947,26.8421053' id='Shape'></path><circle id='Oval' cx='61.0526316' cy='43.9473684' r='9.21052632'></circle><path d='M61.0526316,55.7894737 C50.8789651,55.7894737 42.6315789,64.0368599 42.6315789,74.2105263 L42.6315789,79.4736842 L79.4736845,79.4736842 L79.4736842,74.2105263 C79.4746151,69.3246741 77.5341302,64.6386664 74.0793108,61.1838471 C70.6244915,57.7290277 65.9384838,55.7885428 61.0526316,55.7894737 L61.0526316,55.7894737 Z' id='Shape'></path></g></g></g></g></g></g></svg>");
}

section.oval-group .ovals-body .oval-item .oval.headphone-icon:before {
  background-image: url("data:image/svg+xml;utf8,<svg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'><g id='Homepage' transform='translate(-1068.000000, -1114.000000)' stroke='%231B7DF9' stroke-width='4'><g id='Group-6' transform='translate(205.000000, 1074.000000)'><g id='Group-5' transform='translate(775.000000, 0.000000)'><g id='Group' transform='translate(90.000000, 42.000000)'><g id='earpod-listen'><path d='M45.5,53.8166667 L45.5,48' id='Shape'></path><path d='M35.5,36.75 C34.8096441,36.75 34.25,37.3096441 34.25,38 C34.25,38.6903559 34.8096441,39.25 35.5,39.25 C36.1903559,39.25 36.75,38.6903559 36.75,38 C36.75,37.3096441 36.1903559,36.75 35.5,36.75 L35.5,36.75' id='Shape'></path><path d='M55.5,38 L55.5,73 C55.5,74.3807119 54.3807119,75.5 53,75.5 L48,75.5 C46.6192881,75.5 45.5,74.3807119 45.5,73 L45.5,53.8166667 C38.7535802,57.0090555 30.7252913,55.5760059 25.5,50.2466667 L25.5,25.7533333 C30.476287,20.6744317 38.0309473,19.1114275 44.6140163,21.7987825 C51.1970852,24.4861375 55.4996823,30.8895377 55.5,38 Z' id='Shape'></path><path d='M0.5,25.5 C0.5,11.6928813 11.6928813,0.5 25.5,0.5' id='Shape'></path><path d='M10.5,25.5 C10.5,17.2157288 17.2157288,10.5 25.5,10.5' id='Shape'></path><path d='M75.5,25.5 C75.5,11.6928813 64.3071187,0.5 50.5,0.5' id='Shape'></path><path d='M65.5,25.5 C65.5,17.2157288 58.7842712,10.5 50.5,10.5' id='Shape'></path></g></g></g></g></g></g></svg>");
}

section.oval-group .ovals-body .oval-item .oval.icon-eyes:before {
  background-image: url("data:image/svg+xml;utf8,<svg width='64px' height='40px' viewBox='0 0 64 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Homepage' transform='translate(-703.000000, -1134.000000)' fill='%231B7DF9' fill-rule='nonzero'><g id='Group-6' transform='translate(205.000000, 1074.000000)'><g id='Group' transform='translate(498.000000, 60.000000)'><g id='view-1'><path d='M62.4720477,15.7998695 C55.4187144,8.03986953 43.7200477,-0.162797139 31.9867144,0.00253619471 C20.2533811,-0.165463805 8.5547144,8.04253619 1.50138107,15.7998695 C-0.500460356,18.0379963 -0.500460356,21.4230761 1.50138107,23.6612029 C8.47204773,31.3385362 20.0053811,39.4692029 31.5573811,39.4692029 L32.3787144,39.4692029 C43.9707144,39.4692029 55.5013811,31.3385362 62.4800477,23.6585362 C64.4792377,21.4192477 64.4757927,18.0350831 62.4720477,15.7998695 Z M19.7200477,19.7358695 C19.7200477,12.9611766 25.2120215,7.46920286 31.9867144,7.46920286 C38.7614073,7.46920286 44.2533811,12.9611766 44.2533811,19.7358695 C44.2533811,26.5105625 38.7614073,32.0025362 31.9867144,32.0025362 C25.2120215,32.0025362 19.7200477,26.5105625 19.7200477,19.7358695 Z' id='Shape'></path><circle id='Oval' cx='32.3333333' cy='19.3333333' r='5.33333333'></circle></g></g></g></g></g></svg>");
}

section.oval-group .ovals-body .oval-item h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
section.oval-group .ovals-body .oval-item p {
  font-size: 16px;
  font-weight: 400;
}

section.listen-recommendations {
  padding-top: 150px;
  position: relative;
}
section.listen-recommendations .wrapper-stick-image {
  position: absolute;
  left: 0;
  max-width: 410px;
}
section.listen-recommendations .wrapper-stick-image .img-left {
  max-width: 100%;
}
section.listen-recommendations .right-section {
  padding-top: 125px;
}
section.listen-recommendations .right-section p {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 23px;
}
section.listen-recommendations .right-section .recommendations-info {
  color: #1B7DF9;
}
section.listen-recommendations .right-section h1 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 50px;
}
section.listen-recommendations .right-section .button-wrapper {
  display: flex;
  margin-bottom: 50px;
}
section.listen-recommendations .right-section .button-wrapper .button {
  font-size: 16px;
  margin-right: 25px;
  padding: 23px 40px;
}
section.listen-recommendations .button-wrapper .button.transparent {
  color: #050505;
  padding: 22px 38px;
  background-color: transparent;
  border: 1px solid #979797;
}
section.listen-recommendations .right-section .tiles-body {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
section.listen-recommendations .right-section .tiles-body .tiles-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 40px;
}
section.listen-recommendations .right-section .tiles-body .tiles-row:last-child {
  margin-bottom: 0;
}
section.listen-recommendations .right-section .tiles-body .tiles-row .tiles {
  display: flex;
  flex-direction: column-reverse;
  width: 280px;
  height: 160px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);

  padding: 30px;
}
section.listen-recommendations .right-section .tiles-body .tiles-row .tiles:first-child {
  margin-right: 40px;
}
section.listen-recommendations .right-section .tiles-body .tiles-row .tiles span {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
section.listen-recommendations .right-section .tiles-body .tiles-row .tiles span:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  bottom: 35px;
  background-color: rgba(80, 144, 248, 0.2);
}
section.listen-recommendations .right-section .tiles-body .tiles-row .tiles.dyslexia span:before {
  /* background-image: url("../img/dyslexia.svg");} */
  background-image: url("data:image/svg+xml;utf8,<svg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'><g id='Homepage' transform='translate(-729.000000, -2429.000000)' stroke='%231B7DF9' stroke-width='1.5'><g id='Group' transform='translate(729.000000, 2429.000000)'><g id='audio-book-headphones-head-2'><g id='audio-book-headphones-head'><path d='M18,12 L18,6.419 C17.9057939,3.19810327 15.2210422,0.661907901 12,0.751 C8.77895776,0.661907901 6.09420613,3.19810327 6,6.419 L6,12' id='Shape'></path><circle id='Oval' cx='12' cy='9.001' r='3.75'></circle><path d='M6,12 C4.34314575,11.9955817 3.00358172,10.6488542 3.008,8.992 C3.01241828,7.33514575 4.35914575,5.99558172 6.016,5.99997826' id='Shape'></path><path d='M18,12 C19.6568542,11.9955817 20.9964183,10.6488542 20.992,8.992 C20.9875817,7.33514575 19.6408542,5.99558172 17.984,5.99997826' id='Shape'></path><path d='M12,23.251 C11.493,21.584 8.082,19.634 2.157,19.365 C1.36238966,19.3156565 0.744754093,18.6541236 0.75,17.858 L0.75,4.507 C0.74893741,4.08992301 0.921574434,3.69123462 1.22646913,3.40664093 C1.53136383,3.12204725 1.94098425,2.97724706 2.357,3.007 C2.573,3.019 2.787,3.032 2.997,3.048' id='Shape'></path><path d='M12,23.251 C12.507,21.584 15.918,19.634 21.843,19.365 C22.6376103,19.3156565 23.2552459,18.6541236 23.25,17.858 L23.25,4.507 C23.2510626,4.08992301 23.0784256,3.69123462 22.7735309,3.40664093 C22.4686362,3.12204725 22.0590158,2.97724706 21.643,3.007 C21.1663333,3.03233333 20.706,3.068 20.262,3.114' id='Shape'></path><path d='M12,15.751 L12,23.251' id='Shape'></path></g></g></g></g></g></svg>");
}
section.listen-recommendations .right-section .tiles-body .tiles-row .tiles.pro span:before {
  /* background-image: url("../img/dyslexia.svg");} */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='48' viewBox='0 0 100 100'><g><g transform='translate(50 50) scale(0.69 0.69) rotate(0) translate(-50 -50)' style='fill:%231b7df9'><svg fill='%231b7df9' xmlns:x='http://ns.adobe.com/Extensibility/1.0/' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' xmlns:graph='http://ns.adobe.com/Graphs/1.0/' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='-3 -3 22 22' style='enable-background:new -3 -3 22 22;' xml:space='preserve'><g><g i:extraneous='self'><path d='M15.2,4H12c-0.2-2-1.3-3.8-4-3.8C5.4,0.2,4.3,2,4,4H0.8C0.4,4,0,4.1,0,4.5v10.5C0,15.5,0.4,16,0.8,16h14.4    c0.4,0,0.8-0.5,0.8-0.9V4.5C16,4.1,15.6,4,15.2,4z M8,2.1C9.2,2.1,9.8,3,9.9,4H6.1C6.2,3,6.8,2.1,8,2.1z M8.8,8.5    c0,0.4-0.3,0.7-0.7,0.7c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7C8.5,7.8,8.8,8.1,8.8,8.5z M13.6,13.9l-11.1,0    c-0.3,0-0.5-0.1-0.5-0.4l0-4C2,9.1,2.2,9,2.5,9h4c0,1,0.7,1.6,1.6,1.6S9.7,10,9.7,9h3.8C13.8,9,14,9.1,14,9.4l0,4    C14,13.7,13.9,13.9,13.6,13.9z'></path></g></g></svg></g></g></svg>");
}
section.listen-recommendations .right-section .tiles-body .tiles-row .tiles.student span:before {
  /* background-image: url("../img/dyslexia.svg");} */
  background-image: url("data:image/svg+xml;utf8,<svg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'><g id='Homepage' transform='translate(-729.000000, -2229.000000)' stroke='%231B7DF9' stroke-width='1.5'><g id='Group' transform='translate(729.000000, 2229.000000)'><g id='school-bag'><path d='M8.5,3.75 L15.5,3.75 C17.709139,3.75 19.5,5.540861 19.5,7.75 L19.5,23.25 L4.5,23.25 L4.5,7.75 C4.5,5.540861 6.290861,3.75 8.5,3.75 Z' id='Shape'></path><path d='M9,3.75 C8.93895095,2.94865841 9.22616991,2.15987226 9.7881885,1.58540692 C10.3502071,1.01094158 11.1325136,0.706516039 11.935,0.75 C12.7353872,0.714060508 13.5131673,1.02087913 14.0734586,1.59357886 C14.6337498,2.1662786 14.9234604,2.95059194 14.87,3.75' id='Shape'></path><path d='M2.707,14.25 L4.5,14.25 L4.5,23.25 L2.707,23.25 C1.62617874,23.25 0.75,22.3738213 0.75,21.293 L0.75,16.207 C0.75,15.1261787 1.62617874,14.25 2.707,14.25 Z' id='Shape'></path><path d='M19.5,14.446 L21.293,14.446 C22.3726508,14.4459987 23.2483449,15.3203505 23.25,16.4 L23.25,21.291 C23.25,21.8100287 23.0438167,22.3077993 22.676808,22.674808 C22.3097993,23.0418167 21.8120287,23.248 21.293,23.248 L19.5,23.248 L19.5,14.448 L19.5,14.446 Z' id='Shape'></path><rect id='Rectangle-path' x='7.5' y='13.5' width='9' height='6.75' rx='1'></rect><path d='M7.5,16.5 L16.5,16.5' id='Shape'></path><path d='M12.75,16.5 L12.75,18' id='Shape'></path><path d='M0.75,17.185 L4.5,17.185' id='Shape'></path><path d='M19.5,17.25 L23.25,17.25' id='Shape'></path></g></g></g></g></svg>");
}
section.listen-recommendations .right-section .tiles-body .tiles-row .tiles.foreign span:before {
  /* background-image: url("../img/dyslexia.svg");} */
  background-image: url("data:image/svg+xml;utf8,<svg width='25px' height='21px' viewBox='0 0 25 21' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Homepage' transform='translate(-1049.000000, -2429.000000)'><g id='Group' transform='translate(1049.000000, 2429.000000)'><rect id='Shape' x='0' y='0' width='24' height='24'></rect><g id='read-world' stroke='%231B7DF9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M9.754,20.223 C4.77254405,19.8394968 0.887083714,15.7524952 0.755768726,10.7580249 C0.624453739,5.76355446 4.28978291,1.47802695 9.24420427,0.833288955 C14.1986256,0.188550956 18.838689,3.39326564 19.99,8.255' id='Shape'></path><polyline id='Shape' points='20.5 15 20.5 19.185 16.75 20.268 13 19.185 13 15'></polyline><polygon id='Shape' points='23.5 13.381 16.75 11 10 13.381 16.75 15.481'></polygon><path d='M23.5,13.4668184 L23.5,16.8168184' id='Shape'></path><path d='M6.75,19.5 L6.75,15 C6.75,15 7.759,14.54 8.02,13.952 C8.18267241,13.586411 8.16791791,13.1662768 7.98,12.813 L6.721,10.448 C6.43987086,9.92235371 5.83726306,9.65526079 5.259,9.8 L0.759,10.922' id='Shape'></path><path d='M5.25,2.284 L5.25,6.236 C5.24874031,6.83366332 5.65514576,7.35518259 6.235,7.5 L8.135,8.15 C8.52380148,8.24710427 8.93565808,8.15946362 9.25123781,7.91247118 C9.56681755,7.66547874 9.75084509,7.28674321 9.75,6.886 L9.75,5.518 L13.914,4.832 C14.5406162,4.72742269 14.9998704,4.18528278 15,3.55 L15,1.85' id='Shape'></path></g></g></g></g></svg>");
}

section.create-audio {
  position: relative;
  padding-top: 190px;
  margin-bottom: 350px;
}
section.create-audio .wrapper-stick-image {
  position: absolute;
  right: 0;
  max-width: 680px;
}
section.create-audio .wrapper-stick-image img.img-right {
  max-width: 100%;
}
section.create-audio .left-section p {
  color: #1B7DF9;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 23px;
}
section.create-audio .left-section h1 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 40px;
}
section.create-audio .left-section .list-for-create-audio li {
  margin-bottom: 15px;
}
section.create-audio .left-section .list-for-create-audio li:last-child {
  margin-bottom: 50px;
}
section.create-audio .left-section .button-wrapper {
  display: flex;
}
section.create-audio .left-section .button-wrapper .button {
  font-size: 16px;
  padding: 22px 38px;
  margin-right: 25px;
}

section.create-audio .button-wrapper .button.transparent {
  color: #050505;
  padding: 22px 38px;
  background-color: transparent;
  border: 1px solid #979797;
}
section.webreader-widget {
  position: relative;
  padding-top: 190px;
  margin-bottom: 350px;
}
section.webreader-widget .wrapper-stick-image {
  position: absolute;
  left: 20px;
  width: 600px;
  max-width: 600px;
}
section.webreader-widget .wrapper-stick-image img.img-left {
  max-width: 100%;
}
section.webreader-widget .right-section p {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 23px;
  color: #1B7DF9;
}
section.webreader-widget .right-section h1 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 40px;
}
section.webreader-widget .right-section .list-for-webreader-widget li {
  margin-bottom: 15px;
}
section.webreader-widget .right-section .list-for-webreader-widget li:last-child {
  margin-bottom: 50px;
}
section.webreader-widget .right-section .button-wrapper {
  display: flex;
}
section.webreader-widget .right-section .button-wrapper .button {
  font-size: 16px;
  padding: 22px 38px;
  margin-right: 25px;
}

section.webreader-widget .button-wrapper .button.transparent {
  color: #050505;
  padding: 22px 38px;
  background-color: transparent;
  border: 1px solid #979797;
}

section.section-for-carousel {
  background-color: #5090f8;
  padding: 80px 0 70px 0;
}
section.section-for-carousel h1 {
  font-size: 40px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin-bottom: 40px;
}
section.section-for-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active {
  position: relative;
}
section.section-for-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active:before {
  content: "";
  position: absolute;
  left: -12px;
  width: 1px;
  height: 160px;
  background-color: rgba(255, 255, 255, 0.5);
}
section.section-for-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .element {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
section.section-for-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .element p,
section.section-for-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .element span {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
section.section-for-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .element p {
  padding: 0 38px;
  margin-bottom: 15px;
}
section.section-for-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .element span {
  padding-right: 25px;
  font-weight: 600;
}
section.section-for-carousel .owl-carousel .owl-nav button.owl-prev,
section.section-for-carousel .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 20px;
}
section.section-for-carousel .owl-carousel .owl-nav button.owl-prev:before,
section.section-for-carousel .owl-carousel .owl-nav button.owl-next:before {
  content: "";
  position: absolute;
  background-image: url(../img/arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 15px;
  height: 24px;
}
section.section-for-carousel .owl-carousel .owl-nav button.owl-next {
  right: -50px;
  top: 44px;
  transform: rotate(180deg);
}
section.section-for-carousel .owl-carousel .owl-nav button.owl-prev {
  left: -65px;
}

footer {
  font-size: 16px;
  font-weight: 400;
}
footer .wrapper-for-list {
  padding-top: 80px;
  padding-bottom: 90px;
}
footer .wrapper-for-list .img-wrapper img {
  width: 110px;
  height: 110px;
  max-width: 100%;
}
footer .wrapper-for-list .bottom-menu {
  display: flex;
  flex-direction: row;
}
footer .wrapper-for-list .bottom-menu ul {
  font-weight: 700;
}
footer .wrapper-for-list .bottom-menu ul li {
  padding: 8px 0;
}
footer .wrapper-for-list .bottom-menu ul li a {
  font-weight: 400;
  color: #000;
}
footer .wrapper-for-list .bottom-menu ul li:hover a {
  color: #0555b8;
}
footer .wrapper-for-list .bottom-menu ul li:first-child {
  padding-top: 25px;
}
footer .copyright {
  padding: 30px 0;
  background-color: #e3e3e3;
}
footer .copyright .wrapper-copyright {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
footer .copyright span a {
  color: #5090f8;
  text-decoration: underline !important;
}

.hidden {
  display: none;
}

.hello {
  display: none;
}

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

/*CSS transitions */
.animated {
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  /*CSS transforms */
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  /*CSS animations */
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}

/*# play vimeo videos */
.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-body {
  position: relative;
  padding: 0px;
}
.close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}

.show-sm {
  display: none;
}

/*==========  Desktop First Method  ========== */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {
  section.create-audio {
    margin-bottom: 150px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  header .navigation .nav-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    z-index: 40;
    right: 40px;
    border-radius: 5px;
    float: right;
    height: 50px;
    width: 50px;
    cursor: pointer;
    padding: 10px;
    background-color: #5090f8;
  }
  header .navigation .nav-toggle.open {
    position: fixed;
    z-index: 20;
    right: 40px;
  }
  header .navigation .nav-toggle.open span {
    left: -3px;
    width: 35px;
    background-color: #fff;
  }
  header .navigation .nav-toggle.open span.bottom {
    top: -1px;
  }
  header .navigation .nav-toggle.open span:first-child {
    transform: rotate(45deg) translate(8.4px, 7.4px);
  }
  header .navigation .nav-toggle.open span:nth-child(2) {
    width: 0;
    opacity: 0;
  }
  header .navigation .nav-toggle.open span:last-child {
    transform: rotate(-45deg) translate(8.4px, -7.4px);
  }
  header .navigation .nav-toggle span {
    position: relative;
    display: block;
    height: 6px;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    transition: all 0.25s;
  }
  header .navigation ul.menu-left {
    position: fixed;
    opacity: 0;
    right: -100%;
    top: 0;
  }
  header .navigation ul.menu-left li a.button,
  header .navigation ul.menu-left li a:not([href]):not([tabindex]) {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 19px 30px;
    color: white;
  }
  
  header .navigation ul.menu-left li.el {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
  }
  header .navigation ul.menu-left li.el.el-menu-trigger {
    display: none;
  }
  header .navigation ul.menu-left li.el.el-menu-item {
    display: block;
  }
  header .navigation ul.menu-left li:last-child {
    margin-top: 20px;
  }
  header .navigation ul.menu-left li.el a {
    display: block;
    font-size: 18px;
    position: relative;
    height: 60px;
    padding: 0;
    color: #ffffff;
    font-weight: 700;
  }
  header .navigation ul.menu-left li.el a span {
    display: block;
    position: relative;
    top: -44px;
    left: 0;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  header .navigation ul.menu-left li.el a span:hover {
    background-color: rgba(81, 144, 248, 0.5);
  }
  header .navigation ul.menu-left.collapse {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    z-index: 15;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
  }

  section.speech .wrapper-stick-image {
    position: relative;
    max-width: 100%;
    margin: auto;
    height: 100%;
    padding-bottom: 60px;
  }

  section.oval-group .ovals-body {
    flex-direction: column;
  }
  section.oval-group .ovals-body .oval-item {
    margin-bottom: 40px;
  }
  section.oval-group .ovals-body .oval-item:last-child {
    margin-bottom: 0;
  }

  section.listen-recommendations .wrapper-stick-image {
    position: relative;
    max-width: 100%;
    margin: auto;
    height: 100%;
  }
  section.listen-recommendations .wrapper-stick-image img.img-left {
    max-width: 100%;
  }
  section.listen-recommendations .right-section {
    padding-top: 80px;
  }

  section.create-audio {
    margin-bottom: 120px;
  }
  section.create-audio .wrapper-stick-image {
    position: relative;
    max-width: 100%;
    margin: auto;
    margin-bottom: 40px;
  }
  section.create-audio .wrapper-stick-image img.img-right {
    max-width: 100%;
  }

  footer .bottom-menu ul {
    margin-right: 50px;
  }
  footer .copyright .wrapper-copyright {
    flex-direction: column-reverse;
    align-items: center;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  section.speech img.right-photo {
    left: inherit;
  }
  section.speech h1 {
    font-size: 40px;
    margin-bottom: 35px;
  }

  section.listen-recommendations .right-section h1 {
    font-size: 35px;
    margin-bottom: 35px;
  }
  section.listen-recommendations .right-section p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  section.listen-recommendations .right-section .tiles-body {
    align-items: center;
  }
  section.listen-recommendations .right-section .tiles-body .tiles-row {
    flex-direction: column;
    margin-bottom: 0;
  }
  section.listen-recommendations .right-section .tiles-body .tiles-row .tiles {
    margin-right: 0;
    margin-bottom: 40px;
  }
  section.listen-recommendations .right-section .tiles-body .tiles-row .tiles:first-child {
    margin-right: 0;
  }

  section.create-audio .left-section h1 {
    font-size: 35px;
    margin-bottom: 35px;
  }
  section.create-audio .left-section p {
    font-size: 20px;
    margin-bottom: 20px;
  }

  footer .wrapper-for-list {
    flex-direction: column-reverse;
  }
  footer .wrapper-for-list .bottom-menu {
    justify-content: space-between;
  }
  footer .wrapper-for-list .bottom-menu ul {
    margin-right: 0;
  }
  footer .img-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
  }
  footer .copyright .wrapper-copyright {
    text-align: center;
  }
  footer .copyright .wrapper-copyright span:last-child {
    margin-bottom: 10px;
  }
}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 575.9px) {
  .hide-sm {
    display: none !important;
  }
  .show-sm {
    display: block;
  }

  .button {
    width: 100% !important;
    text-align: center !important;
  }

  header {
    position: sticky;
    top: 0;
    padding: 1rem 0;

    background: white;
    border-bottom: 2px solid #f5f5f5;
    z-index: 123;
  }
  header .logo-wrapper img {
    width: 35px;
    height: 35px;
  }
  header .logo-wrapper span {
    font-size: 18px;
    margin-left: 5px;
  }
  header .navigation .nav-toggle {
    transform: scale(0.7);
    right: 15px;
    top: 0.6rem;
  }
  header .navigation .btn-download {
    margin-right: 54px;
    width: 100px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
  }
  header .navigation .nav-toggle,
  header .navigation .nav-toggle.open {
    right: 20px;
  }


  section.speech {
    padding-top: 1rem;
    text-align: center;
  }
  section.speech .button-wrapper {
    flex-direction: column;
  }
  section.speech .button-wrapper .button {
    width: 100%;
    text-align: center;
  }
  section.speech .button-wrapper .button:first-child {
    margin: 0 0 25px 0 !important;
  }
  section.speech .speech-info-sm {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  section.speech .speech-info-sm p {
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    color: black;
    margin-bottom: 1.5rem;
  }
  section.speech .speech-info-sm .btn-download-app {
    width: 100%;
    padding: 23px 38px;
  }
  section.speech h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
  }
  section.speech p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
  }
  .speech-info-md {
    padding-left: 65px;
  }

  section.oval-group {
    padding-top: 80px;
  }

  section.listen-recommendations {
    padding-top: 80px;
  }
  section.listen-recommendations .right-section .tiles-body .tiles-row .tiles {
    margin-bottom: 30px;
  }
  section.listen-recommendations .right-section h1 {
    font-size: 24px;
  }

  section.create-audio {
    padding-top: 80px;
    margin-bottom: 20px;
  }
  section.create-audio .left-section h1 {
    font-size: 22px;
  }

  section.webreader-widget {
    padding-top: 80px;
    margin-bottom: 80px;
  }
  section.webreader-widget .right-section p {
    font-size: 16px;
    padding-top: 1rem;
  }
  section.webreader-widget .right-section h1 {
    font-size: 22px;
  }

  
  footer .wrapper-for-list {
    align-items: center;
  }
  footer .wrapper-for-list .bottom-menu {
    flex-direction: column;
  }
  footer .wrapper-for-list .bottom-menu ul {
    margin-bottom: 40px;
  }
}

/* @media only screen and (max-width: 480px) {
  .button {
    width: 100% !important;
    text-align: center !important;
  }

  header .navigation .nav-toggle,
  header .navigation .nav-toggle.open {
    right: 20px;
  }

  section.speech h1 {
    font-size: 35px;
  }
  section.speech .button-wrapper {
    flex-direction: column;
  }
  section.speech .button-wrapper .button {
    width: 100%;
    text-align: center;
  }
  section.speech .button-wrapper .button:first-child {
    margin: 0 0 25px 0 !important;
  }

  section.oval-group {
    padding-top: 80px;
  }

  section.listen-recommendations {
    padding-top: 100px;
  }
  section.listen-recommendations .right-section .tiles-body .tiles-row .tiles {
    margin-bottom: 30px;
  }

  section.create-audio {
    padding-top: 120px;
  }

  footer .wrapper-for-list {
    align-items: center;
  }
  footer .wrapper-for-list .bottom-menu {
    flex-direction: column;
  }
  footer .wrapper-for-list .bottom-menu ul {
    margin-bottom: 40px;
  }
} */


/* Custom, iPhone Retina */
/*==========  Mobile First Method  ========== */
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  header .navigation .menu-left {
    display: flex;
    flex-direction: row;
  }
  header .navigation .menu-left li {
    padding: 0 16px;
  }
  header .navigation .menu-left li:last-child {
    padding-right: 0;
  }
  header .navigation .menu-left li a {
    font-size: 16px;
    color: #000;
    font-weight: 400;
  }
  header .navigation .menu-left li a.button {
    color: #fff;
  }
  header .navigation .menu-left li:nth-child(4) {
    padding-left: 20px;
  }

  section.speech .wrapper-stick-image {
    max-width: 500px;
  }

  section.create-audio .wrapper-stick-image {
    top: 145px;
    max-width: 515px;
  }

  footer .wrapper-for-list .bottom-menu ul {
    margin-right: 100px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /* header .navigation .menu-left li:nth-child(4) {
    padding-left: 160px;
  } */

  header .navigation .menu-left li {
    padding: 0 30px;
  }

  section.speech {
    padding-bottom: 330px;
  }
  section.speech .wrapper-stick-image {
    max-width: 650px;
  }
  section.speech .wrapper-stick-image img {
    height: 100%;
  }

  section.listen-recommendations .wrapper-stick-image {
    max-width: 100%;
  }
  section.listen-recommendations .right-section {
    padding: 240px 0 0 90px;
  }

  section.create-audio .wrapper-stick-image {
    max-width: 625px;
  }
}
@media only screen and (min-width: 1400px) {
  section.create-audio .wrapper-stick-image {
    max-width: 710px;
  }
}